@skeletonlabs/skeleton-react 4.3.3 → 4.3.4

package/dist/index.mjs

@@ -1,50 +1,3698 @@
-import { useAccordion } from "./components/accordion/modules/provider.mjs";
-import { Accordion } from "./components/accordion/modules/anatomy.mjs";
-import { AppBar } from "./components/app-bar/modules/anatomy.mjs";
-import { useAvatar } from "./components/avatar/modules/provider.mjs";
-import { Avatar } from "./components/avatar/modules/anatomy.mjs";
-import { useCollapsible } from "./components/collapsible/modules/provider.mjs";
-import { Collapsible } from "./components/collapsible/modules/anatomy.mjs";
-import { useCombobox } from "./components/combobox/modules/provider.mjs";
-import { Combobox } from "./components/combobox/modules/anatomy.mjs";
-import { useDatePicker } from "./components/date-picker/modules/provider.mjs";
-import { DatePicker } from "./components/date-picker/modules/anatomy.mjs";
-import { parseDate } from "./components/date-picker/index.mjs";
-import { useDialog } from "./components/dialog/modules/provider.mjs";
-import { Dialog } from "./components/dialog/modules/anatomy.mjs";
-import { useFileUpload } from "./components/file-upload/modules/provider.mjs";
-import { FileUpload } from "./components/file-upload/modules/anatomy.mjs";
-import { useListbox } from "./components/listbox/modules/provider.mjs";
-import { Listbox } from "./components/listbox/modules/anatomy.mjs";
-import { Navigation } from "./components/navigation/modules/anatomy.mjs";
-import { usePagination } from "./components/pagination/modules/provider.mjs";
-import { Pagination } from "./components/pagination/modules/anatomy.mjs";
-import { usePopover } from "./components/popover/modules/provider.mjs";
-import { Popover } from "./components/popover/modules/anatomy.mjs";
-import { Portal } from "./components/portal/modules/anatomy.mjs";
-import { useProgress } from "./components/progress/modules/provider.mjs";
-import { Progress } from "./components/progress/modules/anatomy.mjs";
-import { useRatingGroup } from "./components/rating-group/modules/provider.mjs";
-import { RatingGroup } from "./components/rating-group/modules/anatomy.mjs";
-import { useSegmentedControl } from "./components/segmented-control/modules/provider.mjs";
-import { SegmentedControl } from "./components/segmented-control/modules/anatomy.mjs";
-import { useSlider } from "./components/slider/modules/provider.mjs";
-import { Slider } from "./components/slider/modules/anatomy.mjs";
-import { useSwitch } from "./components/switch/modules/provider.mjs";
-import { Switch } from "./components/switch/modules/anatomy.mjs";
-import { useTabs } from "./components/tabs/modules/provider.mjs";
-import { Tabs } from "./components/tabs/modules/anatomy.mjs";
-import { useTagsInput } from "./components/tags-input/modules/provider.mjs";
-import { TagsInput } from "./components/tags-input/modules/anatomy.mjs";
-import { Toast } from "./components/toast/modules/anatomy.mjs";
-import { createToaster } from "./components/toast/index.mjs";
-import { useToggleGroup } from "./components/toggle-group/modules/provider.mjs";
-import { ToggleGroup } from "./components/toggle-group/modules/anatomy.mjs";
-import { useTooltip } from "./components/tooltip/modules/provider.mjs";
-import { Tooltip } from "./components/tooltip/modules/anatomy.mjs";
-import { useTreeView } from "./components/tree-view/modules/provider.mjs";
-import { TreeView } from "./components/tree-view/modules/anatomy.mjs";
-import { createTreeViewCollection } from "./components/tree-view/index.mjs";
-import { useListCollection } from "./hooks/use-list-collection.mjs";
-
-export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, Listbox, Navigation, Pagination, Popover, Portal, Progress, RatingGroup, SegmentedControl, Slider, Switch, Tabs, TagsInput, Toast, ToggleGroup, Tooltip, TreeView, createToaster, createTreeViewCollection, parseDate, useAccordion, useAvatar, useCollapsible, useCombobox, useDatePicker, useDialog, useFileUpload, useListCollection, useListbox, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };
+import { Children, createContext, use, useId } from "react";
+import { connect, machine, splitItemProps, splitProps } from "@zag-js/accordion";
+import { Portal as Portal$1, mergeProps, normalizeProps, useMachine } from "@zag-js/react";
+import { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesListbox, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView } from "@skeletonlabs/skeleton-common";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { connect as connect$1, machine as machine$1, splitProps as splitProps$1 } from "@zag-js/avatar";
+import { connect as connect$2, machine as machine$2, splitProps as splitProps$2 } from "@zag-js/collapsible";
+import { connect as connect$3, machine as machine$3, splitItemGroupLabelProps, splitItemGroupProps, splitItemProps as splitItemProps$1, splitProps as splitProps$3 } from "@zag-js/combobox";
+import { connect as connect$4, machine as machine$4, parse as parseDate, splitInputProps, splitPresetTriggerProps, splitProps as splitProps$4, splitTableCellProps, splitViewProps } from "@zag-js/date-picker";
+import { connect as connect$5, machine as machine$5, splitProps as splitProps$5 } from "@zag-js/dialog";
+import { connect as connect$6, machine as machine$6, splitItemProps as splitItemProps$2, splitProps as splitProps$6 } from "@zag-js/file-upload";
+import { connect as connect$7, machine as machine$7, splitItemGroupLabelProps as splitItemGroupLabelProps$1, splitItemGroupProps as splitItemGroupProps$1, splitItemProps as splitItemProps$3, splitProps as splitProps$7 } from "@zag-js/listbox";
+import { connect as connect$8, machine as machine$8, splitEllipsisProps, splitItemProps as splitItemProps$4, splitProps as splitProps$8 } from "@zag-js/pagination";
+import { connect as connect$9, machine as machine$9, splitProps as splitProps$9 } from "@zag-js/popover";
+import { createPortal } from "react-dom";
+import { connect as connect$10, machine as machine$10, splitProps as splitProps$10 } from "@zag-js/progress";
+import { connect as connect$11, machine as machine$11, splitItemProps as splitItemProps$5, splitProps as splitProps$11 } from "@zag-js/rating-group";
+import { connect as connect$12, machine as machine$12, splitItemProps as splitItemProps$6, splitProps as splitProps$12 } from "@zag-js/radio-group";
+import { connect as connect$13, machine as machine$13, splitProps as splitProps$13, splitThumbProps } from "@zag-js/slider";
+import { connect as connect$14, machine as machine$14, splitProps as splitProps$14 } from "@zag-js/switch";
+import { connect as connect$15, machine as machine$15, splitContentProps, splitProps as splitProps$15, splitTriggerProps } from "@zag-js/tabs";
+import { connect as connect$16, machine as machine$16, splitItemProps as splitItemProps$7, splitProps as splitProps$16 } from "@zag-js/tags-input";
+import { connect as connect$17, createStore as createToaster, group, machine as machine$17 } from "@zag-js/toast";
+import { connect as connect$18, machine as machine$18, splitItemProps as splitItemProps$8, splitProps as splitProps$17 } from "@zag-js/toggle-group";
+import { connect as connect$19, machine as machine$19, splitProps as splitProps$18 } from "@zag-js/tooltip";
+import { collection as createTreeViewCollection, connect as connect$20, machine as machine$20, splitProps as splitProps$19 } from "@zag-js/tree-view";
+import { ListCollection } from "@zag-js/collection";
+
+//#region src/internal/create-context.ts
+function createContext$1(defaultValue) {
+	return createContext(defaultValue);
+}
+
+//#endregion
+//#region src/components/accordion/modules/item-context.ts
+const ItemContext$5 = createContext$1();
+
+//#endregion
+//#region src/components/accordion/modules/provider.ts
+function useAccordion(props = {}) {
+	return connect(useMachine(machine, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/accordion/modules/root-context.ts
+const RootContext$42 = createContext$1();
+
+//#endregion
+//#region src/components/accordion/anatomy/item-content.tsx
+function ItemContent(props) {
+	const accordion = use(RootContext$42);
+	const itemProps = use(ItemContext$5);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(accordion.getItemContentProps(itemProps), { className: classesAccordion.itemContent }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/item-indicator.tsx
+function ItemIndicator$2(props) {
+	const accordion = use(RootContext$42);
+	const itemProps = use(ItemContext$5);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), { className: classesAccordion.itemIndicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/item-trigger.tsx
+function ItemTrigger(props) {
+	const accordion = use(RootContext$42);
+	const itemProps = use(ItemContext$5);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), { className: classesAccordion.itemTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/item.tsx
+function Item$9(props) {
+	const accordion = use(RootContext$42);
+	const [itemProps, componentProps] = splitItemProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(accordion.getItemProps(itemProps), { className: classesAccordion.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext$5.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/root-context.tsx
+function RootContext$41(props) {
+	const accordion = use(RootContext$42);
+	const { children } = props;
+	return children(accordion);
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/root-provider.tsx
+function RootProvider$14(props) {
+	const { element, children, value: accordion,...rest } = props;
+	const attributes = mergeProps(accordion.getRootProps(), { className: classesAccordion.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
+		value: accordion,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/accordion/anatomy/root.tsx
+function Root$16(props) {
+	const [accordionProps, componentProps] = splitProps(props);
+	const { element, children,...rest } = componentProps;
+	const accordion = useAccordion(accordionProps);
+	const attributes = mergeProps(accordion.getRootProps(), { className: classesAccordion.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
+		value: accordion,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/accordion/modules/anatomy.ts
+const Accordion = Object.assign(Root$16, {
+	Provider: RootProvider$14,
+	Context: RootContext$41,
+	Item: Item$9,
+	ItemTrigger,
+	ItemIndicator: ItemIndicator$2,
+	ItemContent
+});
+
+//#endregion
+//#region src/components/app-bar/anatomy/headline.tsx
+function AppBarHeadline(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.headline }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/app-bar/anatomy/lead.tsx
+function AppBarLead(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.lead }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/app-bar/anatomy/root.tsx
+function AppBarRoot(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.root }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/app-bar/anatomy/toolbar.tsx
+function AppBarToolbar(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.toolbar }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/app-bar/anatomy/trail.tsx
+function AppBarTrail(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.trail }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/app-bar/modules/anatomy.ts
+const AppBar = Object.assign(AppBarRoot, {
+	Toolbar: AppBarToolbar,
+	Lead: AppBarLead,
+	Headline: AppBarHeadline,
+	Trail: AppBarTrail
+});
+
+//#endregion
+//#region src/components/avatar/modules/root-context.ts
+const RootContext$40 = createContext$1();
+
+//#endregion
+//#region src/components/avatar/anatomy/fallback.tsx
+function Fallback(props) {
+	const avatar = use(RootContext$40);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(avatar.getFallbackProps(), { className: classesAvatar.fallback }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/avatar/anatomy/image.tsx
+function Image(props) {
+	const avatar = use(RootContext$40);
+	const { element,...rest } = props;
+	const attributes = mergeProps(avatar.getImageProps(), { className: classesAvatar.image }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("img", { ...attributes });
+}
+
+//#endregion
+//#region src/components/avatar/anatomy/root-context.tsx
+function RootContext$39(props) {
+	const avatar = use(RootContext$40);
+	const { children } = props;
+	return children(avatar);
+}
+
+//#endregion
+//#region src/components/avatar/anatomy/root-provider.tsx
+function AvatarRootProvider(props) {
+	const { element, children, value: avatar,...rest } = props;
+	const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
+		value: avatar,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/avatar/modules/provider.ts
+function useAvatar(props = {}) {
+	return connect$1(useMachine(machine$1, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/avatar/anatomy/root.tsx
+function AvatarRoot(props) {
+	const [avatarProps, componentProps] = splitProps$1(props);
+	const { element, children,...rest } = componentProps;
+	const avatar = useAvatar(avatarProps);
+	const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
+		value: avatar,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/avatar/modules/anatomy.ts
+const Avatar = Object.assign(AvatarRoot, {
+	Provider: AvatarRootProvider,
+	Context: RootContext$39,
+	Image,
+	Fallback
+});
+
+//#endregion
+//#region src/components/collapsible/modules/root-context.ts
+const RootContext$38 = createContext$1();
+
+//#endregion
+//#region src/components/collapsible/anatomy/content.tsx
+function Content$7(props) {
+	const collapsible = use(RootContext$38);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(collapsible.getContentProps(), { className: classesCollapsible.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/collapsible/anatomy/indicator.tsx
+function Indicator$2(props) {
+	const collapsible = use(RootContext$38);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(collapsible.getIndicatorProps(), { className: classesCollapsible.indicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/collapsible/anatomy/root-context.tsx
+function RootContext$37(props) {
+	const collapsible = use(RootContext$38);
+	const { children } = props;
+	return children(collapsible);
+}
+
+//#endregion
+//#region src/components/collapsible/anatomy/root-provider.tsx
+function CollapsibleRootProvider(props) {
+	const { element, children, value: collapsible,...rest } = props;
+	const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$38.Provider, {
+		value: collapsible,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/collapsible/modules/provider.ts
+function useCollapsible(props = {}) {
+	return connect$2(useMachine(machine$2, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/collapsible/anatomy/root.tsx
+function CollapsibleRoot(props) {
+	const [collapsibleProps, componentProps] = splitProps$2(props);
+	const { element, children,...rest } = componentProps;
+	const collapsible = useCollapsible(collapsibleProps);
+	const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$38.Provider, {
+		value: collapsible,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/collapsible/anatomy/trigger.tsx
+function Trigger$7(props) {
+	const collapsible = use(RootContext$38);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(collapsible.getTriggerProps(), { className: classesCollapsible.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/collapsible/modules/anatomy.ts
+const Collapsible = Object.assign(CollapsibleRoot, {
+	Provider: CollapsibleRootProvider,
+	Context: RootContext$37,
+	Trigger: Trigger$7,
+	Indicator: Indicator$2,
+	Content: Content$7
+});
+
+//#endregion
+//#region src/components/combobox/modules/root-context.ts
+const RootContext$36 = createContext$1();
+
+//#endregion
+//#region src/components/combobox/anatomy/content.tsx
+function Content$6(props) {
+	const combobox = use(RootContext$36);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(combobox.getContentProps(), { className: classesCombobox.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/control.tsx
+function Control$6(props) {
+	const combobox = use(RootContext$36);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(combobox.getControlProps(), { className: classesCombobox.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/input.tsx
+function Input$3(props) {
+	const combobox = use(RootContext$36);
+	const { element,...rest } = props;
+	const attributes = mergeProps(combobox.getInputProps(), { className: classesCombobox.input }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/combobox/modules/item-group-context.ts
+const ItemGroupContext$1 = createContext$1();
+
+//#endregion
+//#region src/components/combobox/anatomy/item-group-label.tsx
+function ItemGroupLabel$1(props) {
+	const combobox = use(RootContext$36);
+	const [itemGroupLabelProps, componentProps] = splitItemGroupLabelProps({
+		htmlFor: use(ItemGroupContext$1).id,
+		...props
+	});
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(combobox.getItemGroupLabelProps(itemGroupLabelProps), { className: classesCombobox.itemGroupLabel }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/item-group.tsx
+function ItemGroup$2(props) {
+	const combobox = use(RootContext$36);
+	const [itemGroupProps, componentProps] = splitItemGroupProps({
+		id: useId(),
+		...props
+	});
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(combobox.getItemGroupProps(itemGroupProps), { className: classesCombobox.itemGroup }, rest);
+	return /* @__PURE__ */ jsx(ItemGroupContext$1.Provider, {
+		value: itemGroupProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/combobox/modules/item-context.ts
+const ItemContext$4 = createContext$1();
+
+//#endregion
+//#region src/internal/components/check.tsx
+function Check(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/item-indicator.tsx
+function ItemIndicator$1(props) {
+	const combobox = use(RootContext$36);
+	const itemProps = use(ItemContext$4);
+	const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }),...rest } = props;
+	const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), { className: classesCombobox.itemIndicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/item-text.tsx
+function ItemText$3(props) {
+	const combobox = use(RootContext$36);
+	const itemProps = use(ItemContext$4);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(combobox.getItemTextProps(itemProps), { className: classesCombobox.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/item.tsx
+function Item$8(props) {
+	const combobox = use(RootContext$36);
+	const [itemProps, componentProps] = splitItemProps$1(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(combobox.getItemProps(itemProps), { className: classesCombobox.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext$4.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/label.tsx
+function Label$10(props) {
+	const combobox = use(RootContext$36);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(combobox.getLabelProps(), { className: classesCombobox.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/positioner.tsx
+function Positioner$4(props) {
+	const combobox = use(RootContext$36);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(combobox.getPositionerProps(), { className: classesCombobox.positioner }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/root-context.tsx
+function RootContext$35(props) {
+	const combobox = use(RootContext$36);
+	const { children } = props;
+	return children(combobox);
+}
+
+//#endregion
+//#region src/components/combobox/modules/provider.ts
+function useCombobox(props = {}) {
+	return connect$3(useMachine(machine$3, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/root-provider.tsx
+function RootProvider$13(props) {
+	const { element, children, value: combobox,...rest } = props;
+	const attributes = mergeProps(combobox.getRootProps(), { className: classesCombobox.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$36.Provider, {
+		value: combobox,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/root.tsx
+function Root$15(props) {
+	const [comboboxProps, componentProps] = splitProps$3(props);
+	const { element, children,...rest } = componentProps;
+	const combobox = useCombobox(comboboxProps);
+	const attributes = mergeProps(combobox.getRootProps(), { className: classesCombobox.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$36.Provider, {
+		value: combobox,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/internal/components/chevron-down.tsx
+function ChevronDown(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+	});
+}
+
+//#endregion
+//#region src/components/combobox/anatomy/trigger.tsx
+function Trigger$6(props) {
+	const combobox = use(RootContext$36);
+	const { element, children = /* @__PURE__ */ jsx(ChevronDown, {}),...rest } = props;
+	const attributes = mergeProps(combobox.getTriggerProps(), { className: classesCombobox.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/combobox/modules/anatomy.ts
+const Combobox = Object.assign(Root$15, {
+	Provider: RootProvider$13,
+	Context: RootContext$35,
+	Label: Label$10,
+	Control: Control$6,
+	Input: Input$3,
+	Trigger: Trigger$6,
+	Positioner: Positioner$4,
+	Content: Content$6,
+	ItemGroup: ItemGroup$2,
+	ItemGroupLabel: ItemGroupLabel$1,
+	Item: Item$8,
+	ItemText: ItemText$3,
+	ItemIndicator: ItemIndicator$1
+});
+
+//#endregion
+//#region src/components/date-picker/modules/root-context.ts
+const RootContext$34 = createContext$1();
+
+//#endregion
+//#region src/components/date-picker/anatomy/content.tsx
+function Content$5(props) {
+	const datePicker = use(RootContext$34);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getContentProps(), { className: classesDatePicker.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/control.tsx
+function Control$5(props) {
+	const datePicker = use(RootContext$34);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getControlProps(), { className: classesDatePicker.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/input.tsx
+function Input$2(props) {
+	const datePicker = use(RootContext$34);
+	const [inputProps, componentProps] = splitInputProps(props);
+	const { element,...rest } = componentProps;
+	const attributes = mergeProps(datePicker.getInputProps(inputProps), { className: classesDatePicker.input }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/label.tsx
+function Label$9(props) {
+	const datePicker = use(RootContext$34);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getLabelProps(), { className: classesDatePicker.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/month-select.tsx
+function MonthSelect(props) {
+	const datePicker = use(RootContext$34);
+	const { element,...rest } = props;
+	const attributes = mergeProps(datePicker.getMonthSelectProps(), { className: classesDatePicker.monthSelect }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
+		...attributes,
+		children: datePicker.getMonths().map((month, i) => /* @__PURE__ */ jsx("option", {
+			value: month.value,
+			children: month.label
+		}, i))
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/modules/view-context.ts
+const ViewContext = createContext$1({ view: "day" });
+
+//#endregion
+//#region src/internal/components/chevron-right.tsx
+function ChevronRight(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/next-trigger.tsx
+function NextTrigger$1(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children = /* @__PURE__ */ jsx(ChevronRight, {}),...rest } = props;
+	const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), { className: classesDatePicker.nextTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/positioner.tsx
+function Positioner$3(props) {
+	const datePicker = use(RootContext$34);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getPositionerProps(), { className: classesDatePicker.positioner }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/preset-trigger.tsx
+function PresetTrigger(props) {
+	const datePicker = use(RootContext$34);
+	const [presetTriggerProps, componentProps] = splitPresetTriggerProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), { className: classesDatePicker.presetTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/internal/components/chevron-left.tsx
+function ChevronLeft(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" })
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/prev-trigger.tsx
+function PrevTrigger$1(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children = /* @__PURE__ */ jsx(ChevronLeft, {}),...rest } = props;
+	const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), { className: classesDatePicker.prevTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/range-text.tsx
+function RangeText(props) {
+	const datePicker = use(RootContext$34);
+	const rangeText = Array.from(new Set([datePicker.visibleRangeText.start, datePicker.visibleRangeText.end])).join(" - ");
+	const { element, children = rangeText,...rest } = props;
+	const attributes = mergeProps(datePicker.getRangeTextProps(), { className: classesDatePicker.rangeText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/root-context.tsx
+function RootContext$33(props) {
+	const datePicker = use(RootContext$34);
+	const { children } = props;
+	return children(datePicker);
+}
+
+//#endregion
+//#region src/components/date-picker/modules/provider.ts
+function useDatePicker(props = {}) {
+	return connect$4(useMachine(machine$4, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/root-provider.tsx
+function RootProvider$12(props) {
+	const { element, children, value: datePicker,...rest } = props;
+	const attributes = mergeProps(datePicker.getRootProps(), { className: classesDatePicker.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
+		value: datePicker,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/root.tsx
+function Root$14(props) {
+	const [datePickerProps, componentProps] = splitProps$4(props);
+	const { element, children,...rest } = componentProps;
+	const datePicker = useDatePicker(datePickerProps);
+	const attributes = mergeProps(datePicker.getRootProps(), { className: classesDatePicker.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
+		value: datePicker,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-body.tsx
+function TableBody(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), { className: classesDatePicker.tableBody }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("tbody", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/modules/table-cell-context.ts
+const TableCellContext = createContext$1();
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-cell-trigger.tsx
+function TableCellTrigger(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const tableCellProps = use(TableCellContext);
+	const { element, children,...rest } = props;
+	function getTableCellTriggerProps(tableCellProps$1) {
+		switch (viewProps.view) {
+			case "day": return datePicker.getDayTableCellTriggerProps(tableCellProps$1);
+			case "month": return datePicker.getMonthTableCellTriggerProps(tableCellProps$1);
+			case "year": return datePicker.getYearTableCellTriggerProps(tableCellProps$1);
+		}
+	}
+	const attributes = mergeProps(getTableCellTriggerProps(tableCellProps), { className: classesDatePicker.tableCellTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-cell.tsx
+function TableCell(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const [tableCellProps, componentProps] = splitTableCellProps(props);
+	const { element, children,...rest } = componentProps;
+	function getTableCellProps(tableCellProps$1) {
+		switch (viewProps.view) {
+			case "day": return datePicker.getDayTableCellProps(tableCellProps$1);
+			case "month": return datePicker.getMonthTableCellProps(tableCellProps$1);
+			case "year": return datePicker.getYearTableCellProps(tableCellProps$1);
+		}
+	}
+	const attributes = mergeProps(getTableCellProps(tableCellProps), { className: classesDatePicker.tableCell }, rest);
+	return /* @__PURE__ */ jsx(TableCellContext.Provider, {
+		value: tableCellProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("td", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-head.tsx
+function TableHead(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), { className: classesDatePicker.tableHead }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("thead", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-header.tsx
+function TableHeader(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), { className: classesDatePicker.tableHeader }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("th", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table-row.tsx
+function TableRow(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getTableRowProps(viewProps), { className: classesDatePicker.tableRow }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("tr", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/table.tsx
+function Table(props) {
+	const datePicker = use(RootContext$34);
+	const viewProps = use(ViewContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(datePicker.getTableProps(viewProps), { className: classesDatePicker.table }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("table", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/internal/components/calendar.tsx
+function Calendar(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: [
+			/* @__PURE__ */ jsx("path", { d: "M8 2v4" }),
+			/* @__PURE__ */ jsx("path", { d: "M16 2v4" }),
+			/* @__PURE__ */ jsx("rect", {
+				width: "18",
+				height: "18",
+				x: "3",
+				y: "4",
+				rx: "2"
+			}),
+			/* @__PURE__ */ jsx("path", { d: "M3 10h18" })
+		]
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/trigger.tsx
+function Trigger$5(props) {
+	const datePicker = use(RootContext$34);
+	const { element, children = /* @__PURE__ */ jsx(Calendar, {}),...rest } = props;
+	const attributes = mergeProps(datePicker.getTriggerProps(), { className: classesDatePicker.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/date-picker/anatomy/view-control.tsx
+function ViewControl(props) {
+	const datePicker = use(RootContext$34);
+	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
+//#region src/components/date-picker/anatomy/view-trigger.tsx
+function ViewTrigger(props) {
+	const datePicker = use(RootContext$34);
+	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
+//#region src/components/date-picker/anatomy/view.tsx
+function View(props) {
+	const datePicker = use(RootContext$34);
+	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
+//#region src/components/date-picker/anatomy/year-select.tsx
+function YearSelect(props) {
+	const datePicker = use(RootContext$34);
+	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
+//#region src/components/date-picker/modules/anatomy.ts
+const DatePicker = Object.assign(Root$14, {
+	Provider: RootProvider$12,
+	Context: RootContext$33,
+	Label: Label$9,
+	Control: Control$5,
+	PresetTrigger,
+	Input: Input$2,
+	Trigger: Trigger$5,
+	Positioner: Positioner$3,
+	Content: Content$5,
+	YearSelect,
+	MonthSelect,
+	View,
+	ViewControl,
+	PrevTrigger: PrevTrigger$1,
+	ViewTrigger,
+	RangeText,
+	NextTrigger: NextTrigger$1,
+	Table,
+	TableHead,
+	TableRow,
+	TableHeader,
+	TableBody,
+	TableCell,
+	TableCellTrigger
+});
+
+//#endregion
+//#region src/components/dialog/modules/root-context.ts
+const RootContext$32 = createContext$1();
+
+//#endregion
+//#region src/components/dialog/anatomy/backdrop.tsx
+function Backdrop(props) {
+	const dialog = use(RootContext$32);
+	const { element,...rest } = props;
+	const attributes = mergeProps(dialog.getBackdropProps(), { className: classesDialog.backdrop }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/close-trigger.tsx
+function CloseTrigger$2(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getCloseTriggerProps(), { className: classesDialog.closeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/content.tsx
+function Content$4(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getContentProps(), { className: classesDialog.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/description.tsx
+function Description$2(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getDescriptionProps(), { className: classesDialog.description }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/positioner.tsx
+function Positioner$2(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getPositionerProps(), { className: classesDialog.positioner }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/root-context.tsx
+function RootContext$31(props) {
+	const dialog = use(RootContext$32);
+	const { children } = props;
+	return children(dialog);
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/root-provider.tsx
+function RootProvider$11(props) {
+	const { children, value: dialog } = props;
+	return /* @__PURE__ */ jsx(RootContext$32.Provider, {
+		value: dialog,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/modules/provider.ts
+function useDialog(props = {}) {
+	return connect$5(useMachine(machine$5, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/root.tsx
+function Root$13(props) {
+	const [dialogProps, componentProps] = splitProps$5(props);
+	const { children } = componentProps;
+	const dialog = useDialog(dialogProps);
+	return /* @__PURE__ */ jsx(RootContext$32.Provider, {
+		value: dialog,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/title.tsx
+function Title$2(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getTitleProps(), { className: classesDialog.title }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/anatomy/trigger.tsx
+function Trigger$4(props) {
+	const dialog = use(RootContext$32);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(dialog.getTriggerProps(), { className: classesDialog.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/dialog/modules/anatomy.ts
+const Dialog = Object.assign(Root$13, {
+	Provider: RootProvider$11,
+	Context: RootContext$31,
+	Trigger: Trigger$4,
+	Backdrop,
+	Positioner: Positioner$2,
+	Content: Content$4,
+	Title: Title$2,
+	Description: Description$2,
+	CloseTrigger: CloseTrigger$2
+});
+
+//#endregion
+//#region src/components/file-upload/modules/root-context.ts
+const RootContext$30 = createContext$1();
+
+//#endregion
+//#region src/components/file-upload/anatomy/dropzone.tsx
+function Dropzone(props) {
+	const fileUpload = use(RootContext$30);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getDropzoneProps(), { className: classesFileUpload.dropzone }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/hidden-input.tsx
+function HiddenInput$4(props) {
+	const fileUpload = use(RootContext$30);
+	const { element,...rest } = props;
+	const attributes = mergeProps(fileUpload.getHiddenInputProps(), { className: classesFileUpload.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/file-upload/modules/item-context.ts
+const ItemContext$3 = createContext$1();
+
+//#endregion
+//#region src/components/file-upload/anatomy/item-delete-trigger.tsx
+function ItemDeleteTrigger$1(props) {
+	const fileUpload = use(RootContext$30);
+	const itemProps = use(ItemContext$3);
+	const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }),...rest } = props;
+	const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), { className: classesFileUpload.itemDeleteTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/item-group.tsx
+function ItemGroup$1(props) {
+	const fileUpload = use(RootContext$30);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getItemGroupProps(), { className: classesFileUpload.itemGroup }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/item-name.tsx
+function ItemName(props) {
+	const fileUpload = use(RootContext$30);
+	const itemProps = use(ItemContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), { className: classesFileUpload.itemName }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/item-size-text.tsx
+function ItemSizeText(props) {
+	const fileUpload = use(RootContext$30);
+	const itemProps = use(ItemContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), { className: classesFileUpload.itemSizeText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/item.tsx
+function Item$7(props) {
+	const fileUpload = use(RootContext$30);
+	const [itemProps, componentProps] = splitItemProps$2(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(fileUpload.getItemProps(itemProps), { className: classesFileUpload.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext$3.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/label.tsx
+function Label$8(props) {
+	const fileUpload = use(RootContext$30);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getLabelProps(), { className: classesFileUpload.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/root-context.tsx
+function RootContext$29(props) {
+	const fileUpload = use(RootContext$30);
+	const { children } = props;
+	return children(fileUpload);
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/root-provider.tsx
+function RootProvider$10(props) {
+	const { element, children, value: fileUpload,...rest } = props;
+	const attributes = mergeProps(fileUpload.getRootProps(), { className: classesFileUpload.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$30.Provider, {
+		value: fileUpload,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/modules/provider.ts
+function useFileUpload(props = {}) {
+	return connect$6(useMachine(machine$6, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/root.tsx
+function Root$12(props) {
+	const [fileUploadProps, componentProps] = splitProps$6(props);
+	const { element, children,...rest } = componentProps;
+	const fileUpload = useFileUpload(fileUploadProps);
+	const attributes = mergeProps(fileUpload.getRootProps(), { className: classesFileUpload.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$30.Provider, {
+		value: fileUpload,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/anatomy/trigger.tsx
+function Trigger$3(props) {
+	const fileUpload = use(RootContext$30);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(fileUpload.getTriggerProps(), { className: classesFileUpload.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/file-upload/modules/anatomy.ts
+const FileUpload = Object.assign(Root$12, {
+	Provider: RootProvider$10,
+	Context: RootContext$29,
+	Label: Label$8,
+	Dropzone,
+	Trigger: Trigger$3,
+	HiddenInput: HiddenInput$4,
+	ItemGroup: ItemGroup$1,
+	Item: Item$7,
+	ItemName,
+	ItemSizeText,
+	ItemDeleteTrigger: ItemDeleteTrigger$1
+});
+
+//#endregion
+//#region src/components/listbox/modules/root-context.ts
+const RootContext$28 = createContext$1();
+
+//#endregion
+//#region src/components/listbox/anatomy/content.tsx
+function Content$3(props) {
+	const listbox = use(RootContext$28);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(listbox.getContentProps(), { className: classesListbox.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/input.tsx
+function Input$1(props) {
+	const listbox = use(RootContext$28);
+	const { element,...rest } = props;
+	const attributes = mergeProps(listbox.getInputProps(), { className: classesListbox.input }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/listbox/modules/item-group-context.ts
+const ItemGroupContext = createContext$1();
+
+//#endregion
+//#region src/components/listbox/anatomy/item-group-label.tsx
+function ItemGroupLabel(props) {
+	const listbox = use(RootContext$28);
+	const [itemGroupLabelProps, componentProps] = splitItemGroupLabelProps$1({
+		htmlFor: use(ItemGroupContext).id,
+		...props
+	});
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(listbox.getItemGroupLabelProps(itemGroupLabelProps), { className: classesListbox.itemGroupLabel }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/item-group.tsx
+function ItemGroup(props) {
+	const listbox = use(RootContext$28);
+	const [itemGroupProps, componentProps] = splitItemGroupProps$1({
+		id: useId(),
+		...props
+	});
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(listbox.getItemGroupProps(itemGroupProps), { className: classesListbox.itemGroup }, rest);
+	return /* @__PURE__ */ jsx(ItemGroupContext.Provider, {
+		value: itemGroupProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/listbox/modules/item-context.ts
+const ItemContext$2 = createContext$1();
+
+//#endregion
+//#region src/components/listbox/anatomy/item-indicator.tsx
+function ItemIndicator(props) {
+	const listbox = use(RootContext$28);
+	const itemProps = use(ItemContext$2);
+	const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }),...rest } = props;
+	const attributes = mergeProps(listbox.getItemIndicatorProps(itemProps), { className: classesListbox.itemIndicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/item-text.tsx
+function ItemText$2(props) {
+	const listbox = use(RootContext$28);
+	const itemProps = use(ItemContext$2);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(listbox.getItemTextProps(itemProps), { className: classesListbox.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/item.tsx
+function Item$6(props) {
+	const listbox = use(RootContext$28);
+	const [itemProps, componentProps] = splitItemProps$3(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(listbox.getItemProps(itemProps), { className: classesListbox.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext$2.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("li", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/label.tsx
+function Label$7(props) {
+	const listbox = use(RootContext$28);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(listbox.getLabelProps(), { className: classesListbox.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/root-context.tsx
+function RootContext$27(props) {
+	const listbox = use(RootContext$28);
+	const { children } = props;
+	return children(listbox);
+}
+
+//#endregion
+//#region src/components/listbox/modules/provider.ts
+function useListbox(props) {
+	return connect$7(useMachine(machine$7, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/root-provider.tsx
+function RootProvider$9(props) {
+	const { element, children, value: listbox,...rest } = props;
+	const attributes = mergeProps(listbox.getRootProps(), { className: classesListbox.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$28.Provider, {
+		value: listbox,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/listbox/anatomy/root.tsx
+function Root$11(props) {
+	const [listboxProps, componentProps] = splitProps$7(props);
+	const { element, children,...rest } = componentProps;
+	const listbox = useListbox(listboxProps);
+	const attributes = mergeProps(listbox.getRootProps(), { className: classesListbox.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$28.Provider, {
+		value: listbox,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/listbox/modules/anatomy.ts
+const Listbox = Object.assign(Root$11, {
+	Provider: RootProvider$9,
+	Context: RootContext$27,
+	Label: Label$7,
+	Input: Input$1,
+	Content: Content$3,
+	ItemGroup,
+	ItemGroupLabel,
+	Item: Item$6,
+	ItemText: ItemText$2,
+	ItemIndicator
+});
+
+//#endregion
+//#region src/components/navigation/modules/root-context.ts
+const RootContext$26 = createContext$1();
+
+//#endregion
+//#region src/components/navigation/anatomy/content.tsx
+function NavigationContent(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.content
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/navigation/anatomy/footer.tsx
+function NavigationFooter(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.footer
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("footer", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/navigation/anatomy/group.tsx
+function NavigationGroup(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.group
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/navigation/anatomy/header.tsx
+function NavigationHeader(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.header
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/navigation/anatomy/label.tsx
+function NavigationLabel(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.label
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/navigation/anatomy/menu.tsx
+function NavigationMenu(props) {
+	const { element, children,...rest } = props;
+	const navigation = use(RootContext$26);
+	const attributes = mergeProps({
+		"data-layout": navigation.layout,
+		className: classesNavigation.menu
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#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$26.Provider, {
+		value: { layout },
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#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
+//#region src/components/pagination/modules/root-context.ts
+const RootContext$25 = createContext$1();
+
+//#endregion
+//#region src/components/pagination/anatomy/ellipsis.tsx
+function Ellipsis(props) {
+	const pagination = use(RootContext$25);
+	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
+//#region src/components/pagination/anatomy/first-trigger.tsx
+function FirstTrigger(props) {
+	const pagination = use(RootContext$25);
+	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
+//#region src/components/pagination/anatomy/item.tsx
+function Item$5(props) {
+	const pagination = use(RootContext$25);
+	const [itemProps, componentProps] = splitItemProps$4(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
+//#region src/components/pagination/anatomy/last-trigger.tsx
+function LastTrigger(props) {
+	const pagination = use(RootContext$25);
+	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
+//#region src/components/pagination/anatomy/next-trigger.tsx
+function NextTrigger(props) {
+	const pagination = use(RootContext$25);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(pagination.getNextTriggerProps(), { className: classesPagination.nextTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/pagination/anatomy/prev-trigger.tsx
+function PrevTrigger(props) {
+	const pagination = use(RootContext$25);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(pagination.getPrevTriggerProps(), { className: classesPagination.prevTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/pagination/anatomy/root-context.tsx
+function RootContext$24(props) {
+	const pagination = use(RootContext$25);
+	const { children } = props;
+	return children(pagination);
+}
+
+//#endregion
+//#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$25.Provider, {
+		value: pagination,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/pagination/modules/provider.ts
+function usePagination(props = {}) {
+	return connect$8(useMachine(machine$8, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/pagination/anatomy/root.tsx
+function PaginationRoot(props) {
+	const [paginationProps, componentProps] = splitProps$8(props);
+	const { element, children,...rest } = componentProps;
+	const pagination = usePagination(paginationProps);
+	const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$25.Provider, {
+		value: pagination,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/pagination/modules/anatomy.ts
+const Pagination = Object.assign(PaginationRoot, {
+	Provider: PaginationRootProvider,
+	Context: RootContext$24,
+	FirstTrigger,
+	PrevTrigger,
+	Item: Item$5,
+	Ellipsis,
+	NextTrigger,
+	LastTrigger
+});
+
+//#endregion
+//#region src/components/popover/modules/root-context.ts
+const RootContext$23 = createContext$1();
+
+//#endregion
+//#region src/components/popover/anatomy/arrow-tip.tsx
+function ArrowTip$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getArrowTipProps(), { className: classesPopover.arrowTip }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/arrow.tsx
+function Arrow$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getArrowProps(), { className: classesPopover.arrow }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/close-trigger.tsx
+function CloseTrigger$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getCloseTriggerProps(), { className: classesPopover.closeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/content.tsx
+function Content$2(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getContentProps(), { className: classesPopover.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/description.tsx
+function Description$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getDescriptionProps(), { className: classesPopover.description }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/positioner.tsx
+function Positioner$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getPositionerProps(), { className: classesPopover.positioner }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/root-context.tsx
+function RootContext$22(props) {
+	const popover = use(RootContext$23);
+	const { children } = props;
+	return children(popover);
+}
+
+//#endregion
+//#region src/components/popover/anatomy/root-provider.tsx
+function RootProvider$8(props) {
+	const { children, value: popover } = props;
+	return /* @__PURE__ */ jsx(RootContext$23.Provider, {
+		value: popover,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/modules/provider.ts
+function usePopover(props = {}) {
+	return connect$9(useMachine(machine$9, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/popover/anatomy/root.tsx
+function Root$10(props) {
+	const [popoverProps, componentProps] = splitProps$9(props);
+	const { children } = componentProps;
+	const popover = usePopover(popoverProps);
+	return /* @__PURE__ */ jsx(RootContext$23.Provider, {
+		value: popover,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/title.tsx
+function Title$1(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getTitleProps(), { className: classesPopover.title }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/anatomy/trigger.tsx
+function Trigger$2(props) {
+	const popover = use(RootContext$23);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getTriggerProps(), { className: classesPopover.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/popover/modules/anatomy.ts
+const Popover = Object.assign(Root$10, {
+	Provider: RootProvider$8,
+	Context: RootContext$22,
+	Trigger: Trigger$2,
+	Positioner: Positioner$1,
+	Content: Content$2,
+	Arrow: Arrow$1,
+	ArrowTip: ArrowTip$1,
+	Title: Title$1,
+	Description: Description$1,
+	CloseTrigger: CloseTrigger$1
+});
+
+//#endregion
+//#region src/components/portal/anatomy/root.tsx
+function Root$9(props) {
+	const { children, disabled = false, target = typeof window === "undefined" ? void 0 : document.body } = props;
+	if (disabled || !target) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child) => createPortal(child, target)) });
+}
+
+//#endregion
+//#region src/components/portal/modules/anatomy.ts
+const Portal = Root$9;
+
+//#endregion
+//#region src/components/progress/modules/root-context.ts
+const RootContext$21 = createContext$1();
+
+//#endregion
+//#region src/components/progress/anatomy/circle-range.tsx
+function CircleRange(props) {
+	const progress = use(RootContext$21);
+	const { element,...rest } = props;
+	const attributes = mergeProps(progress.getCircleRangeProps(), {
+		className: classesProgress.circleRange,
+		strokeLinecap: "round"
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
+}
+
+//#endregion
+//#region src/components/progress/anatomy/circle-track.tsx
+function CircleTrack(props) {
+	const progress = use(RootContext$21);
+	const { element,...rest } = props;
+	const attributes = mergeProps(progress.getCircleTrackProps(), { className: classesProgress.circleTrack }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
+}
+
+//#endregion
+//#region src/components/progress/anatomy/circle.tsx
+function Circle(props) {
+	const progress = use(RootContext$21);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(progress.getCircleProps(), {
+		className: classesProgress.circle,
+		style: {
+			["--size"]: "100px",
+			["--thickness"]: "10px"
+		}
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("svg", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/progress/anatomy/label.tsx
+function Label$6(props) {
+	const progress = use(RootContext$21);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(progress.getLabelProps(), { className: classesProgress.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/progress/anatomy/range.tsx
+function Range$1(props) {
+	const progress = use(RootContext$21);
+	const { element,...rest } = props;
+	const attributes = mergeProps(progress.getRangeProps(), { className: classesProgress.range }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
+}
+
+//#endregion
+//#region src/components/progress/anatomy/root-context.tsx
+function RootContext$20(props) {
+	const progress = use(RootContext$21);
+	const { children } = props;
+	return children(progress);
+}
+
+//#endregion
+//#region src/components/progress/anatomy/root-provider.tsx
+function RootProvider$7(props) {
+	const { element, children, value: progress,...rest } = props;
+	const attributes = mergeProps(progress.getRootProps(), { className: classesProgress.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$21.Provider, {
+		value: progress,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/progress/modules/provider.ts
+function useProgress(props = {}) {
+	return connect$10(useMachine(machine$10, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/progress/anatomy/root.tsx
+function Root$8(props) {
+	const [progressProps, componentProps] = splitProps$10(props);
+	const { element, children,...rest } = componentProps;
+	const progress = useProgress(progressProps);
+	const attributes = mergeProps(progress.getRootProps(), { className: classesProgress.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$21.Provider, {
+		value: progress,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/progress/anatomy/track.tsx
+function Track$1(props) {
+	const progress = use(RootContext$21);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(progress.getTrackProps(), { className: classesProgress.track }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/progress/anatomy/value-text.tsx
+function ValueText$1(props) {
+	const progress = use(RootContext$21);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(progress.getValueTextProps(), { className: classesProgress.valueText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children: children ?? progress.percentAsString
+	});
+}
+
+//#endregion
+//#region src/components/progress/modules/anatomy.ts
+const Progress = Object.assign(Root$8, {
+	Provider: RootProvider$7,
+	Context: RootContext$20,
+	Label: Label$6,
+	ValueText: ValueText$1,
+	Track: Track$1,
+	Range: Range$1,
+	Circle,
+	CircleTrack,
+	CircleRange
+});
+
+//#endregion
+//#region src/components/rating-group/modules/root-context.ts
+const RootContext$19 = createContext$1();
+
+//#endregion
+//#region src/components/rating-group/anatomy/control.tsx
+function Control$4(props) {
+	const ratingGroup = use(RootContext$19);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(ratingGroup.getControlProps(), { className: classesRatingGroup.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/hidden-input.tsx
+function HiddenInput$3(props) {
+	const ratingGroup = use(RootContext$19);
+	const { element,...rest } = props;
+	const attributes = mergeProps(ratingGroup.getHiddenInputProps(), { className: classesRatingGroup.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/internal/components/star-empty.tsx
+function StarEmpty(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", {
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345\n       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557\n       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0\n       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557\n       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345\n       L11.48 3.5Z"
+		})
+	});
+}
+
+//#endregion
+//#region src/internal/components/star-full.tsx
+function StarFull(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsx("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "currentColor"
+		}, rest),
+		children: /* @__PURE__ */ jsx("path", {
+			fillRule: "evenodd",
+			clipRule: "evenodd",
+			d: "M10.788 3.21c.448-1.077 1.976-1.077 2.424 0l2.082 5.006 \n       5.404.434c1.164.093 1.636 1.545.749 2.305l-4.117 3.527 \n       1.257 5.273c.271 1.136-.964 2.033-1.96 1.425L12 18.354 \n       7.373 21.18c-.996.608-2.231-.29-1.96-1.425l1.257-5.273 \n       -4.117-3.527c-.887-.76-.415-2.212.749-2.305l5.404-.434 \n       2.082-5.005Z"
+		})
+	});
+}
+
+//#endregion
+//#region src/internal/components/star-half.tsx
+function StarHalf(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}, rest),
+		children: [/* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs("linearGradient", {
+			id: "half-fill",
+			x1: "0%",
+			y1: "0%",
+			x2: "100%",
+			y2: "0%",
+			children: [/* @__PURE__ */ jsx("stop", {
+				offset: "50%",
+				stopColor: "currentColor"
+			}), /* @__PURE__ */ jsx("stop", {
+				offset: "50%",
+				stopColor: "transparent"
+			})]
+		}) }), /* @__PURE__ */ jsx("path", {
+			fill: "url(#half-fill)",
+			strokeLinecap: "round",
+			strokeLinejoin: "round",
+			d: "M11.48 3.499a.562.562 0 0 1 1.04 0l2.125 5.111a.563.563 0 0 0 .475.345\n       l5.518.442c.499.04.701.663.321.988l-4.204 3.602a.563.563 0 0 0-.182.557\n       l1.285 5.385a.562.562 0 0 1-.84.61l-4.725-2.885a.562.562 0 0 0-.586 0\n       L6.982 20.54a.562.562 0 0 1-.84-.61l1.285-5.386a.562.562 0 0 0-.182-.557\n       l-4.204-3.602a.562.562 0 0 1 .321-.988l5.518-.442a.563.563 0 0 0 .475-.345\n       L11.48 3.5Z"
+		})]
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/item.tsx
+function Item$4(props) {
+	const ratingGroup = use(RootContext$19);
+	const [itemProps, componentProps] = splitItemProps$5(props);
+	const { element, children, empty = /* @__PURE__ */ jsx(StarEmpty, {}), half = /* @__PURE__ */ jsx(StarHalf, {}), full = /* @__PURE__ */ jsx(StarFull, {}),...rest } = componentProps;
+	const itemState = ratingGroup.getItemState(itemProps);
+	const attributes = mergeProps(ratingGroup.getItemProps(itemProps), { className: classesRatingGroup.item }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children: children ? children : !itemState.highlighted ? empty : itemState.half ? half : full
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/label.tsx
+function Label$5(props) {
+	const ratingGroup = use(RootContext$19);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(ratingGroup.getLabelProps(), { className: classesRatingGroup.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/root-context.tsx
+function RootContext$18(props) {
+	const ratingGroup = use(RootContext$19);
+	const { children } = props;
+	return children(ratingGroup);
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/root-provider.tsx
+function RootProvider$6(props) {
+	const { element, children, value: ratingGroup,...rest } = props;
+	const attributes = mergeProps(ratingGroup.getRootProps(), { className: classesRatingGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$19.Provider, {
+		value: ratingGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/modules/provider.ts
+function useRatingGroup(props = {}) {
+	return connect$11(useMachine(machine$11, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/rating-group/anatomy/root.tsx
+function Root$7(props) {
+	const [ratingGroupProps, componentProps] = splitProps$11(props);
+	const { element, children,...rest } = componentProps;
+	const ratingGroup = useRatingGroup(ratingGroupProps);
+	const attributes = mergeProps(ratingGroup.getRootProps(), { className: classesRatingGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$19.Provider, {
+		value: ratingGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/rating-group/modules/anatomy.ts
+const RatingGroup = Object.assign(Root$7, {
+	Provider: RootProvider$6,
+	Context: RootContext$18,
+	Label: Label$5,
+	Control: Control$4,
+	Item: Item$4,
+	HiddenInput: HiddenInput$3
+});
+
+//#endregion
+//#region src/components/segmented-control/anatomy/control.tsx
+function Control$3(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesSegmentedControl.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/modules/root-context.ts
+const RootContext$17 = createContext$1();
+
+//#endregion
+//#region src/components/segmented-control/anatomy/indicator.tsx
+function Indicator$1(props) {
+	const segmentedControl = use(RootContext$17);
+	const { element,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getIndicatorProps(), { className: classesSegmentedControl.indicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
+}
+
+//#endregion
+//#region src/components/segmented-control/modules/item-context.ts
+const ItemContext$1 = createContext$1();
+
+//#endregion
+//#region src/components/segmented-control/anatomy/item-hidden-input.tsx
+function ItemHiddenInput(props) {
+	const segmentedControl = use(RootContext$17);
+	const itemProps = use(ItemContext$1);
+	const { element,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getItemHiddenInputProps(itemProps), { className: classesSegmentedControl.itemHiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/item-text.tsx
+function ItemText$1(props) {
+	const segmentedControl = use(RootContext$17);
+	const itemProps = use(ItemContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getItemTextProps(itemProps), { className: classesSegmentedControl.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/item.tsx
+function Item$3(props) {
+	const segmentedControl = use(RootContext$17);
+	const [itemProps, componentProps] = splitItemProps$6(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(segmentedControl.getItemProps(itemProps), { className: classesSegmentedControl.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext$1.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/label.tsx
+function Label$4(props) {
+	const segmentedControl = use(RootContext$17);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getLabelProps(), { className: classesSegmentedControl.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/root-context.tsx
+function RootContext$16(props) {
+	const segmentedControl = use(RootContext$17);
+	const { children } = props;
+	return children(segmentedControl);
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/root-provider.tsx
+function RootProvider$5(props) {
+	const { element, children, value: segmentedControl,...rest } = props;
+	const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$17.Provider, {
+		value: segmentedControl,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/modules/provider.ts
+function useSegmentedControl(props = {}) {
+	return connect$12(useMachine(machine$12, {
+		id: useId(),
+		orientation: "horizontal",
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/segmented-control/anatomy/root.tsx
+function Root$6(props) {
+	const [segmentedControlProps, componentProps] = splitProps$12(props);
+	const { element, children,...rest } = componentProps;
+	const segmentedControl = useSegmentedControl(segmentedControlProps);
+	const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$17.Provider, {
+		value: segmentedControl,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/segmented-control/modules/anatomy.ts
+const SegmentedControl = Object.assign(Root$6, {
+	Provider: RootProvider$5,
+	Context: RootContext$16,
+	Label: Label$4,
+	Control: Control$3,
+	Indicator: Indicator$1,
+	Item: Item$3,
+	ItemText: ItemText$1,
+	ItemHiddenInput
+});
+
+//#endregion
+//#region src/components/slider/modules/root-context.ts
+const RootContext$15 = createContext$1();
+
+//#endregion
+//#region src/components/slider/anatomy/control.tsx
+function Control$2(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getControlProps(), { className: classesSlider.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/modules/thumb-context.ts
+const ThumbContext = createContext$1();
+
+//#endregion
+//#region src/components/slider/anatomy/hidden-input.tsx
+function HiddenInput$2(props) {
+	const slider = use(RootContext$15);
+	const thumbProps = use(ThumbContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(slider.getHiddenInputProps(thumbProps), { className: classesSlider.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/slider/anatomy/label.tsx
+function Label$3(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getLabelProps(), { className: classesSlider.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/marker-group.tsx
+function MarkerGroup(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getMarkerGroupProps(), { className: classesSlider.markerGroup }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/marker.tsx
+function Marker(props) {
+	const slider = use(RootContext$15);
+	const { element, children, value,...rest } = props;
+	const attributes = mergeProps(slider.getMarkerProps({ value }), { className: classesSlider.marker }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children: children ?? value
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/range.tsx
+function Range(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getRangeProps(), { className: classesSlider.range }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/root-context.tsx
+function RootContext$14(props) {
+	const slider = use(RootContext$15);
+	const { children } = props;
+	return children(slider);
+}
+
+//#endregion
+//#region src/components/slider/anatomy/root-provider.tsx
+function SliderRootProvider(props) {
+	const { element, children, value: slider,...rest } = props;
+	const attributes = mergeProps(slider.getRootProps(), { className: classesSlider.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$15.Provider, {
+		value: slider,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/slider/modules/provider.ts
+function useSlider(props = {}) {
+	return connect$13(useMachine(machine$13, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/slider/anatomy/root.tsx
+function SliderRoot(props) {
+	const [sliderProps, componentProps] = splitProps$13(props);
+	const { element, children,...rest } = componentProps;
+	const slider = useSlider(sliderProps);
+	const attributes = mergeProps(slider.getRootProps(), { className: classesSlider.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$15.Provider, {
+		value: slider,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/thumb.tsx
+function Thumb$1(props) {
+	const slider = use(RootContext$15);
+	const [thumbProps, componentProps] = splitThumbProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(slider.getThumbProps(thumbProps), { className: classesSlider.thumb }, rest);
+	return /* @__PURE__ */ jsx(ThumbContext.Provider, {
+		value: thumbProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/track.tsx
+function Track(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getTrackProps(), { className: classesSlider.track }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/anatomy/value-text.tsx
+function ValueText(props) {
+	const slider = use(RootContext$15);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(slider.getValueTextProps(), { className: classesSlider.valueText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("output", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/slider/modules/anatomy.ts
+const Slider = Object.assign(SliderRoot, {
+	Provider: SliderRootProvider,
+	Context: RootContext$14,
+	Label: Label$3,
+	ValueText,
+	Control: Control$2,
+	Track,
+	Range,
+	Thumb: Thumb$1,
+	HiddenInput: HiddenInput$2,
+	MarkerGroup,
+	Marker
+});
+
+//#endregion
+//#region src/components/switch/modules/root-context.ts
+const RootContext$13 = createContext$1();
+
+//#endregion
+//#region src/components/switch/anatomy/control.tsx
+function Control$1(props) {
+	const switch_ = use(RootContext$13);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(switch_.getControlProps(), { className: classesSwitch.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/switch/anatomy/hidden-input.tsx
+function HiddenInput$1(props) {
+	const switch_ = use(RootContext$13);
+	const { element,...rest } = props;
+	const attributes = mergeProps(switch_.getHiddenInputProps(), { className: classesSwitch.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/switch/anatomy/label.tsx
+function Label$2(props) {
+	const switch_ = use(RootContext$13);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(switch_.getLabelProps(), { className: classesSwitch.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/switch/anatomy/root-context.tsx
+function RootContext$12(props) {
+	const switch_ = use(RootContext$13);
+	const { children } = props;
+	return children(switch_);
+}
+
+//#endregion
+//#region src/components/switch/anatomy/root-provider.tsx
+function RootProvider$4(props) {
+	const { element, children, value: switch_,...rest } = props;
+	const attributes = mergeProps(switch_.getRootProps(), { className: classesSwitch.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$13.Provider, {
+		value: switch_,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/switch/modules/provider.ts
+function useSwitch(props = {}) {
+	return connect$14(useMachine(machine$14, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/switch/anatomy/root.tsx
+function Root$5(props) {
+	const [switchProps, componentProps] = splitProps$14(props);
+	const { element, children,...rest } = componentProps;
+	const switch_ = useSwitch(switchProps);
+	const attributes = mergeProps(switch_.getRootProps(), { className: classesSwitch.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$13.Provider, {
+		value: switch_,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/switch/anatomy/thumb.tsx
+function Thumb(props) {
+	const switch_ = use(RootContext$13);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(switch_.getThumbProps(), { className: classesSwitch.thumb }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/switch/modules/anatomy.ts
+const Switch = Object.assign(Root$5, {
+	Provider: RootProvider$4,
+	Context: RootContext$12,
+	Control: Control$1,
+	Thumb,
+	Label: Label$2,
+	HiddenInput: HiddenInput$1
+});
+
+//#endregion
+//#region src/components/tabs/modules/root-context.ts
+const RootContext$11 = createContext$1();
+
+//#endregion
+//#region src/components/tabs/anatomy/content.tsx
+function Content$1(props) {
+	const tabs = use(RootContext$11);
+	const [contentProps, componentProps] = splitContentProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(tabs.getContentProps(contentProps), { className: classesTabs.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/indicator.tsx
+function Indicator(props) {
+	const tabs = use(RootContext$11);
+	const { element,...rest } = props;
+	const attributes = mergeProps(tabs.getIndicatorProps(), { className: classesTabs.indicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/list.tsx
+function List(props) {
+	const tabs = use(RootContext$11);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tabs.getListProps(), { className: classesTabs.list }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/root-context.tsx
+function RootContext$10(props) {
+	const tabs = use(RootContext$11);
+	const { children } = props;
+	return children(tabs);
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/root-provider.tsx
+function RootProvider$3(props) {
+	const { element, children, value: tabs,...rest } = props;
+	const attributes = mergeProps(tabs.getRootProps(), { className: classesTabs.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$11.Provider, {
+		value: tabs,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tabs/modules/provider.ts
+function useTabs(props = {}) {
+	return connect$15(useMachine(machine$15, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/root.tsx
+function Root$4(props) {
+	const [tabsProps, componentProps] = splitProps$15(props);
+	const { element, children,...rest } = componentProps;
+	const tabs = useTabs(tabsProps);
+	const attributes = mergeProps(tabs.getRootProps(), { className: classesTabs.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$11.Provider, {
+		value: tabs,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tabs/anatomy/trigger.tsx
+function Trigger$1(props) {
+	const tabs = use(RootContext$11);
+	const [triggerProps, componentProps] = splitTriggerProps(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(tabs.getTriggerProps(triggerProps), { className: classesTabs.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tabs/modules/anatomy.ts
+const Tabs = Object.assign(Root$4, {
+	Provider: RootProvider$3,
+	Context: RootContext$10,
+	List,
+	Trigger: Trigger$1,
+	Indicator,
+	Content: Content$1
+});
+
+//#endregion
+//#region src/components/tags-input/modules/root-context.ts
+const RootContext$9 = createContext$1();
+
+//#endregion
+//#region src/components/tags-input/anatomy/clear-trigger.tsx
+function ClearTrigger(props) {
+	const tagsInput = use(RootContext$9);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getClearTriggerProps(), { className: classesTagsInput.clearTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/control.tsx
+function Control(props) {
+	const tagsInput = use(RootContext$9);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getControlProps(), { className: classesTagsInput.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/hidden-input.tsx
+function HiddenInput(props) {
+	const tagsInput = use(RootContext$9);
+	const { element,...rest } = props;
+	const attributes = mergeProps(tagsInput.getHiddenInputProps(), { className: classesTagsInput.hiddenInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/input.tsx
+function Input(props) {
+	const tagsInput = use(RootContext$9);
+	const { element,...rest } = props;
+	const attributes = mergeProps(tagsInput.getInputProps(), { className: classesTagsInput.input }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/tags-input/modules/item-context.ts
+const ItemContext = createContext$1();
+
+//#endregion
+//#region src/components/tags-input/anatomy/item-delete-trigger.tsx
+function ItemDeleteTrigger(props) {
+	const tagsInput = use(RootContext$9);
+	const itemProps = use(ItemContext);
+	const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }),...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemDeleteTriggerProps(itemProps), { className: classesTagsInput.itemDeleteTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/item-input.tsx
+function ItemInput(props) {
+	const tagsInput = use(RootContext$9);
+	const itemProps = use(ItemContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemInputProps(itemProps), { className: classesTagsInput.itemInput }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/item-preview.tsx
+function ItemPreview(props) {
+	const tagsInput = use(RootContext$9);
+	const itemProps = use(ItemContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemPreviewProps(itemProps), { className: classesTagsInput.itemPreview }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/item-text.tsx
+function ItemText(props) {
+	const tagsInput = use(RootContext$9);
+	const itemProps = use(ItemContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getItemTextProps(itemProps), { className: classesTagsInput.itemText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/item.tsx
+function Item$2(props) {
+	const tagsInput = use(RootContext$9);
+	const [itemProps, componentProps] = splitItemProps$7(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(tagsInput.getItemProps(itemProps), { className: classesTagsInput.item }, rest);
+	return /* @__PURE__ */ jsx(ItemContext.Provider, {
+		value: itemProps,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/label.tsx
+function Label$1(props) {
+	const tagsInput = use(RootContext$9);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tagsInput.getLabelProps(), { className: classesTagsInput.label }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/root-context.tsx
+function RootContext$8(props) {
+	const tagsInput = use(RootContext$9);
+	const { children } = props;
+	return children(tagsInput);
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/root-provider.tsx
+function RootProvider$2(props) {
+	const { element, children, value: tagsInput,...rest } = props;
+	const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$9.Provider, {
+		value: tagsInput,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/modules/provider.ts
+function useTagsInput(props = {}) {
+	return connect$16(useMachine(machine$16, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/tags-input/anatomy/root.tsx
+function Root$3(props) {
+	const [tagsInputProps, componentProps] = splitProps$16(props);
+	const { element, children,...rest } = componentProps;
+	const tagsInput = useTagsInput(tagsInputProps);
+	const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$9.Provider, {
+		value: tagsInput,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tags-input/modules/anatomy.ts
+const TagsInput = Object.assign(Root$3, {
+	Provider: RootProvider$2,
+	Context: RootContext$8,
+	Label: Label$1,
+	Control,
+	Item: Item$2,
+	ItemPreview,
+	ItemText,
+	ItemDeleteTrigger,
+	ItemInput,
+	Input,
+	ClearTrigger,
+	HiddenInput
+});
+
+//#endregion
+//#region src/components/toast/modules/root-context.ts
+const RootContext$7 = createContext$1();
+
+//#endregion
+//#region src/components/toast/anatomy/action-trigger.tsx
+function ActionTrigger(props) {
+	const toast = use(RootContext$7);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getActionTriggerProps(), { className: classesToast.actionTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/internal/components/x.tsx
+function X(props) {
+	const { ...rest } = props;
+	return /* @__PURE__ */ jsxs("svg", {
+		...mergeProps({
+			xmlns: "http://www.w3.org/2000/svg",
+			width: "24",
+			height: "24",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round",
+			strokeLinejoin: "round"
+		}, rest),
+		children: [/* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }), /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })]
+	});
+}
+
+//#endregion
+//#region src/components/toast/anatomy/close-trigger.tsx
+function CloseTrigger(props) {
+	const toast = use(RootContext$7);
+	const { element, children = /* @__PURE__ */ jsx(X, {}),...rest } = props;
+	const attributes = mergeProps(toast.getCloseTriggerProps(), { className: classesToast.closeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/toast/anatomy/description.tsx
+function Description(props) {
+	const toast = use(RootContext$7);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getDescriptionProps(), { className: classesToast.description }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/toast/modules/group-context.ts
+const GroupContext = createContext$1();
+
+//#endregion
+//#region src/components/toast/anatomy/group.tsx
+function Group(props) {
+	const { element, children, toaster,...rest } = props;
+	const service = useMachine(group.machine, {
+		id: useId(),
+		store: toaster
+	});
+	const api = group.connect(service, normalizeProps);
+	const attributes = mergeProps(api.getGroupProps(), { className: classesToast.group }, rest);
+	return /* @__PURE__ */ jsx(GroupContext.Provider, {
+		value: service,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children: api.getToasts().map((toast) => children?.(toast))
+		})
+	});
+}
+
+//#endregion
+//#region src/components/toast/anatomy/message.tsx
+function Message(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesToast.message }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/toast/anatomy/root-context.tsx
+function RootContext$6(props) {
+	const toast = use(RootContext$7);
+	const { children } = props;
+	return children(toast);
+}
+
+//#endregion
+//#region src/components/toast/anatomy/root.tsx
+function Root$2(props) {
+	const group$1 = use(GroupContext);
+	const { element, children, toast: toastProps,...rest } = props;
+	const toast = connect$17(useMachine(machine$17, {
+		...toastProps,
+		parent: group$1
+	}), normalizeProps);
+	const attributes = mergeProps(toast.getRootProps(), { className: classesToast.root }, rest);
+	return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(RootContext$7.Provider, {
+		value: toast,
+		children: element ? element(attributes) : /* @__PURE__ */ jsxs("div", {
+			...attributes,
+			children: [
+				/* @__PURE__ */ jsx("div", { ...toast.getGhostBeforeProps() }),
+				children,
+				/* @__PURE__ */ jsx("div", { ...toast.getGhostAfterProps() })
+			]
+		})
+	}), /* @__PURE__ */ jsx("style", { children: `
+                [data-part='root'] {
+                    translate: var(--x) var(--y);
+                    scale: var(--scale);
+                    z-index: var(--z-index);
+                    height: var(--height);	
+                    opacity: var(--opacity);
+                    will-change: translate, opacity, scale;
+                }
+                [data-part='root'] {
+                    transition:
+                        translate 400ms,
+                        scale 400ms,
+                        opacity 400ms;
+                    transition-timing-function: cubic-bezier(0.21, 1.02, 0.73, 1);
+                }
+                [data-part='root'][data-state='closed'] {
+                    transition:
+                        translate 400ms,
+                        scale 400ms,
+                        opacity 200ms;
+                    transition-timing-function: cubic-bezier(0.06, 0.71, 0.55, 1);
+                }
+            ` })] });
+}
+
+//#endregion
+//#region src/components/toast/anatomy/title.tsx
+function Title(props) {
+	const toast = use(RootContext$7);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(toast.getTitleProps(), { className: classesToast.title }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/toast/modules/anatomy.ts
+const Toast = Object.assign(Root$2, {
+	Context: RootContext$6,
+	Group,
+	Message,
+	Title,
+	Description,
+	ActionTrigger,
+	CloseTrigger
+});
+
+//#endregion
+//#region src/components/toggle-group/modules/root-context.ts
+const RootContext$5 = createContext$1();
+
+//#endregion
+//#region src/components/toggle-group/anatomy/item.tsx
+function Item$1(props) {
+	const toggleGroup = use(RootContext$5);
+	const [itemProps, componentProps] = splitItemProps$8(props);
+	const { element, children,...rest } = componentProps;
+	const attributes = mergeProps(toggleGroup.getItemProps(itemProps), { className: classesToggleGroup.item }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/toggle-group/anatomy/root-context.tsx
+function RootContext$4(props) {
+	const toggleGroup = use(RootContext$5);
+	const { children } = props;
+	return children(toggleGroup);
+}
+
+//#endregion
+//#region src/components/toggle-group/anatomy/root-provider.tsx
+function ToggleGroupRootProvider(props) {
+	const { element, children, value: toggleGroup,...rest } = props;
+	const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$5.Provider, {
+		value: toggleGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/toggle-group/modules/provider.ts
+function useToggleGroup(props = {}) {
+	return connect$18(useMachine(machine$18, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/toggle-group/anatomy/root.tsx
+function ToggleGroupRoot(props) {
+	const [toggleGroupProps, componentProps] = splitProps$17(props);
+	const { element, children,...rest } = componentProps;
+	const toggleGroup = useToggleGroup(toggleGroupProps);
+	const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$5.Provider, {
+		value: toggleGroup,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/toggle-group/modules/anatomy.ts
+const ToggleGroup = Object.assign(ToggleGroupRoot, {
+	Provider: ToggleGroupRootProvider,
+	Context: RootContext$4,
+	Item: Item$1
+});
+
+//#endregion
+//#region src/components/tooltip/modules/root-context.ts
+const RootContext$3 = createContext$1();
+
+//#endregion
+//#region src/components/tooltip/anatomy/arrow-tip.tsx
+function ArrowTip(props) {
+	const tooltip = use(RootContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getArrowTipProps(), { className: classesTooltip.arrowTip }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/arrow.tsx
+function Arrow(props) {
+	const tooltip = use(RootContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getArrowProps(), { className: classesTooltip.arrow }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/content.tsx
+function Content(props) {
+	const tooltip = use(RootContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getContentProps(), { className: classesTooltip.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/positioner.tsx
+function Positioner(props) {
+	const tooltip = use(RootContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getPositionerProps(), { className: classesTooltip.positioner }, rest);
+	return /* @__PURE__ */ jsx(Portal$1, { children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	}) });
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/root-context.tsx
+function RootContext$2(props) {
+	const tooltip = use(RootContext$3);
+	const { children } = props;
+	return children(tooltip);
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/root-provider.tsx
+function RootProvider$1(props) {
+	const { children, value: tooltip } = props;
+	return /* @__PURE__ */ jsx(RootContext$3.Provider, {
+		value: tooltip,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/modules/provider.ts
+function useTooltip(props = {}) {
+	return connect$19(useMachine(machine$19, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/root.tsx
+function Root$1(props) {
+	const [tooltipProps, componentProps] = splitProps$18(props);
+	const { children } = componentProps;
+	const tooltip = useTooltip(tooltipProps);
+	return /* @__PURE__ */ jsx(RootContext$3.Provider, {
+		value: tooltip,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/anatomy/trigger.tsx
+function Trigger(props) {
+	const tooltip = use(RootContext$3);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(tooltip.getTriggerProps(), { className: classesTooltip.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tooltip/modules/anatomy.ts
+const Tooltip = Object.assign(Root$1, {
+	Provider: RootProvider$1,
+	Context: RootContext$2,
+	Trigger,
+	Positioner,
+	Content,
+	Arrow,
+	ArrowTip
+});
+
+//#endregion
+//#region src/components/tree-view/modules/node-context.ts
+const NodeContext$1 = createContext$1();
+
+//#endregion
+//#region src/components/tree-view/modules/root-context.ts
+const RootContext$1 = createContext$1();
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch-content.tsx
+function BranchContent(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getBranchContentProps(nodeProps), { className: classesTreeView.branchContent }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch-control.tsx
+function BranchControl(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getBranchControlProps(nodeProps), { className: classesTreeView.branchControl }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch-indent-guide.tsx
+function BranchIndentGuide(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getBranchIndentGuideProps(nodeProps), { className: classesTreeView.branchIndentGuide }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch-indicator.tsx
+function BranchIndicator(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children = /* @__PURE__ */ jsx(ChevronRight, { className: "size-4" }),...rest } = props;
+	const attributes = mergeProps(treeView.getBranchIndicatorProps(nodeProps), { className: classesTreeView.branchIndicator }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch-text.tsx
+function BranchText(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getBranchTextProps(nodeProps), { className: classesTreeView.branchText }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/branch.tsx
+function Branch(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getBranchProps(nodeProps), { className: classesTreeView.branch }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/item.tsx
+function Item(props) {
+	const treeView = use(RootContext$1);
+	const nodeProps = use(NodeContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getItemProps(nodeProps), { className: classesTreeView.item }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/label.tsx
+function Label(props) {
+	const treeView = use(RootContext$1);
+	const { element, children, level = 3,...rest } = props;
+	const attributes = mergeProps(treeView.getLabelProps(), { className: classesTreeView.label }, rest);
+	const Tag = `h${level}`;
+	return element ? element(attributes) : /* @__PURE__ */ jsx(Tag, {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/node-context.tsx
+function NodeContext(props) {
+	const treeView = use(NodeContext$1);
+	const { children } = props;
+	return children(treeView);
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/node-provider.tsx
+function NodeProvider(props) {
+	const { children, value: nodeProps } = props;
+	return /* @__PURE__ */ jsx(NodeContext$1.Provider, {
+		value: nodeProps,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/root-context.tsx
+function RootContext(props) {
+	const treeView = use(RootContext$1);
+	const { children } = props;
+	return children(treeView);
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/root-provider.tsx
+function RootProvider(props) {
+	const { element, children, value: treeView,...rest } = props;
+	const attributes = mergeProps(treeView.getRootProps(), { className: classesTreeView.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$1.Provider, {
+		value: treeView,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/modules/provider.ts
+function useTreeView(props = {}) {
+	return connect$20(useMachine(machine$20, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/root.tsx
+function Root(props) {
+	const [treeViewProps, componentProps] = splitProps$19(props);
+	const { element, children,...rest } = componentProps;
+	const treeView = useTreeView(treeViewProps);
+	const attributes = mergeProps(treeView.getRootProps(), { className: classesTreeView.root }, rest);
+	return /* @__PURE__ */ jsx(RootContext$1.Provider, {
+		value: treeView,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/anatomy/tree.tsx
+function Tree(props) {
+	const treeView = use(RootContext$1);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(treeView.getTreeProps(), { className: classesTreeView.tree }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/tree-view/modules/anatomy.ts
+const TreeView = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Tree,
+	Label,
+	NodeProvider,
+	NodeContext,
+	Branch,
+	BranchControl,
+	BranchText,
+	BranchIndicator,
+	BranchContent,
+	BranchIndentGuide,
+	Item
+});
+
+//#endregion
+//#region src/hooks/use-list-collection.ts
+function useListCollection(options) {
+	return new ListCollection(options);
+}
+
+//#endregion
+export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, Listbox, Navigation, Pagination, Popover, Portal, Progress, RatingGroup, SegmentedControl, Slider, Switch, Tabs, TagsInput, Toast, ToggleGroup, Tooltip, TreeView, createToaster, createTreeViewCollection, parseDate, useAccordion, useAvatar, useCollapsible, useCombobox, useDatePicker, useDialog, useFileUpload, useListCollection, useListbox, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };
+//# sourceMappingURL=index.mjs.map