@skeletonlabs/skeleton-react 4.5.3 → 4.6.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { Children, createContext, use, useEffect, 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, classesMenu, classesNavigation, classesPagination, classesPopover, classesProgress, classesRatingGroup, classesSegmentedControl, classesSlider, classesSwitch, classesTabs, classesTagsInput, classesToast, classesToggleGroup, classesTooltip, classesTreeView } from "@skeletonlabs/skeleton-common";
+import { classesAccordion, classesAppBar, classesAvatar, classesCollapsible, classesCombobox, classesDatePicker, classesDialog, classesFileUpload, classesFloatingPanel, classesListbox, classesMenu, 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";
@@ -9,22 +9,23 @@ import { connect as connect$3, machine as machine$3, splitItemGroupLabelProps, s
 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, splitItemGroupLabelProps as splitItemGroupLabelProps$2, splitItemGroupProps as splitItemGroupProps$2, splitItemProps as splitItemProps$4, splitOptionItemProps, splitProps as splitProps$8 } from "@zag-js/menu";
-import { connect as connect$9, machine as machine$9, splitEllipsisProps, splitItemProps as splitItemProps$5, splitProps as splitProps$9 } from "@zag-js/pagination";
-import { connect as connect$10, machine as machine$10, splitProps as splitProps$10 } from "@zag-js/popover";
+import { connect as connect$7, machine as machine$7, splitProps as splitProps$7, splitResizeTriggerProps } from "@zag-js/floating-panel";
+import { connect as connect$8, machine as machine$8, splitItemGroupLabelProps as splitItemGroupLabelProps$1, splitItemGroupProps as splitItemGroupProps$1, splitItemProps as splitItemProps$3, splitProps as splitProps$8 } from "@zag-js/listbox";
+import { connect as connect$9, machine as machine$9, splitItemGroupLabelProps as splitItemGroupLabelProps$2, splitItemGroupProps as splitItemGroupProps$2, splitItemProps as splitItemProps$4, splitOptionItemProps, splitProps as splitProps$9 } from "@zag-js/menu";
+import { connect as connect$10, machine as machine$10, splitEllipsisProps, splitItemProps as splitItemProps$5, splitProps as splitProps$10 } from "@zag-js/pagination";
+import { connect as connect$11, machine as machine$11, splitProps as splitProps$11 } from "@zag-js/popover";
 import { createPortal } from "react-dom";
-import { connect as connect$11, machine as machine$11, splitProps as splitProps$11 } from "@zag-js/progress";
-import { connect as connect$12, machine as machine$12, splitItemProps as splitItemProps$6, splitProps as splitProps$12 } from "@zag-js/rating-group";
-import { connect as connect$13, machine as machine$13, splitItemProps as splitItemProps$7, splitProps as splitProps$13 } from "@zag-js/radio-group";
-import { connect as connect$14, machine as machine$14, splitProps as splitProps$14, splitThumbProps } from "@zag-js/slider";
-import { connect as connect$15, machine as machine$15, splitProps as splitProps$15 } from "@zag-js/switch";
-import { connect as connect$16, machine as machine$16, splitContentProps, splitProps as splitProps$16, splitTriggerProps } from "@zag-js/tabs";
-import { connect as connect$17, machine as machine$17, splitItemProps as splitItemProps$8, splitProps as splitProps$17 } from "@zag-js/tags-input";
-import { connect as connect$18, createStore as createToaster, group, machine as machine$18 } from "@zag-js/toast";
-import { connect as connect$19, machine as machine$19, splitItemProps as splitItemProps$9, splitProps as splitProps$18 } from "@zag-js/toggle-group";
-import { connect as connect$20, machine as machine$20, splitProps as splitProps$19 } from "@zag-js/tooltip";
-import { collection as createTreeViewCollection, connect as connect$21, machine as machine$21, splitProps as splitProps$20 } from "@zag-js/tree-view";
+import { connect as connect$12, machine as machine$12, splitProps as splitProps$12 } from "@zag-js/progress";
+import { connect as connect$13, machine as machine$13, splitItemProps as splitItemProps$6, splitProps as splitProps$13 } from "@zag-js/rating-group";
+import { connect as connect$14, machine as machine$14, splitItemProps as splitItemProps$7, splitProps as splitProps$14 } from "@zag-js/radio-group";
+import { connect as connect$15, machine as machine$15, splitProps as splitProps$15, splitThumbProps } from "@zag-js/slider";
+import { connect as connect$16, machine as machine$16, splitProps as splitProps$16 } from "@zag-js/switch";
+import { connect as connect$17, machine as machine$17, splitContentProps, splitProps as splitProps$17, splitTriggerProps } from "@zag-js/tabs";
+import { connect as connect$18, machine as machine$18, splitItemProps as splitItemProps$8, splitProps as splitProps$18 } from "@zag-js/tags-input";
+import { connect as connect$19, createStore as createToaster, group, machine as machine$19 } from "@zag-js/toast";
+import { connect as connect$20, machine as machine$20, splitItemProps as splitItemProps$9, splitProps as splitProps$19 } from "@zag-js/toggle-group";
+import { connect as connect$21, machine as machine$21, splitProps as splitProps$20 } from "@zag-js/tooltip";
+import { collection as createTreeViewCollection, connect as connect$22, machine as machine$22, splitProps as splitProps$21 } from "@zag-js/tree-view";
 import { ListCollection } from "@zag-js/collection";
 
 //#region src/internal/create-context.ts
@@ -47,12 +48,12 @@ function useAccordion(props = {}) {
 
 //#endregion
 //#region src/components/accordion/modules/root-context.ts
-const RootContext$44 = createContext$1();
+const RootContext$46 = createContext$1();
 
 //#endregion
 //#region src/components/accordion/anatomy/item-content.tsx
 function ItemContent(props) {
-	const accordion = use(RootContext$44);
+	const accordion = use(RootContext$46);
 	const itemProps = use(ItemContext$6);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(accordion.getItemContentProps(itemProps), { className: classesAccordion.itemContent }, rest);
@@ -65,7 +66,7 @@ function ItemContent(props) {
 //#endregion
 //#region src/components/accordion/anatomy/item-indicator.tsx
 function ItemIndicator$3(props) {
-	const accordion = use(RootContext$44);
+	const accordion = use(RootContext$46);
 	const itemProps = use(ItemContext$6);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(accordion.getItemIndicatorProps(itemProps), { className: classesAccordion.itemIndicator }, rest);
@@ -78,7 +79,7 @@ function ItemIndicator$3(props) {
 //#endregion
 //#region src/components/accordion/anatomy/item-trigger.tsx
 function ItemTrigger(props) {
-	const accordion = use(RootContext$44);
+	const accordion = use(RootContext$46);
 	const itemProps = use(ItemContext$6);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(accordion.getItemTriggerProps(itemProps), { className: classesAccordion.itemTrigger }, rest);
@@ -91,7 +92,7 @@ function ItemTrigger(props) {
 //#endregion
 //#region src/components/accordion/anatomy/item.tsx
 function Item$10(props) {
-	const accordion = use(RootContext$44);
+	const accordion = use(RootContext$46);
 	const [itemProps, componentProps] = splitItemProps(props);
 	const { element, children, ...rest } = componentProps;
 	const attributes = mergeProps(accordion.getItemProps(itemProps), { className: classesAccordion.item }, rest);
@@ -106,18 +107,18 @@ function Item$10(props) {
 
 //#endregion
 //#region src/components/accordion/anatomy/root-context.tsx
-function RootContext$43(props) {
-	const accordion = use(RootContext$44);
+function RootContext$45(props) {
+	const accordion = use(RootContext$46);
 	const { children } = props;
 	return children(accordion);
 }
 
 //#endregion
 //#region src/components/accordion/anatomy/root-provider.tsx
-function RootProvider$15(props) {
+function RootProvider$16(props) {
 	const { element, children, value: accordion, ...rest } = props;
 	const attributes = mergeProps(accordion.getRootProps(), { className: classesAccordion.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$44.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$46.Provider, {
 		value: accordion,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -128,12 +129,12 @@ function RootProvider$15(props) {
 
 //#endregion
 //#region src/components/accordion/anatomy/root.tsx
-function Root$17(props) {
+function Root$18(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$44.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$46.Provider, {
 		value: accordion,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -144,9 +145,9 @@ function Root$17(props) {
 
 //#endregion
 //#region src/components/accordion/modules/anatomy.ts
-const Accordion = Object.assign(Root$17, {
-	Provider: RootProvider$15,
-	Context: RootContext$43,
+const Accordion = Object.assign(Root$18, {
+	Provider: RootProvider$16,
+	Context: RootContext$45,
 	Item: Item$10,
 	ItemTrigger,
 	ItemIndicator: ItemIndicator$3,
@@ -219,12 +220,12 @@ const AppBar = Object.assign(AppBarRoot, {
 
 //#endregion
 //#region src/components/avatar/modules/root-context.ts
-const RootContext$42 = createContext$1();
+const RootContext$44 = createContext$1();
 
 //#endregion
 //#region src/components/avatar/anatomy/fallback.tsx
 function Fallback(props) {
-	const avatar = use(RootContext$42);
+	const avatar = use(RootContext$44);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(avatar.getFallbackProps(), { className: classesAvatar.fallback }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("span", {
@@ -236,7 +237,7 @@ function Fallback(props) {
 //#endregion
 //#region src/components/avatar/anatomy/image.tsx
 function Image(props) {
-	const avatar = use(RootContext$42);
+	const avatar = use(RootContext$44);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(avatar.getImageProps(), { className: classesAvatar.image }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("img", { ...attributes });
@@ -244,8 +245,8 @@ function Image(props) {
 
 //#endregion
 //#region src/components/avatar/anatomy/root-context.tsx
-function RootContext$41(props) {
-	const avatar = use(RootContext$42);
+function RootContext$43(props) {
+	const avatar = use(RootContext$44);
 	const { children } = props;
 	return children(avatar);
 }
@@ -255,7 +256,7 @@ function RootContext$41(props) {
 function AvatarRootProvider(props) {
 	const { element, children, value: avatar, ...rest } = props;
 	const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$44.Provider, {
 		value: avatar,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -280,7 +281,7 @@ function AvatarRoot(props) {
 	const { element, children, ...rest } = componentProps;
 	const avatar = useAvatar(avatarProps);
 	const attributes = mergeProps(avatar.getRootProps(), { className: classesAvatar.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$44.Provider, {
 		value: avatar,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -293,19 +294,19 @@ function AvatarRoot(props) {
 //#region src/components/avatar/modules/anatomy.ts
 const Avatar = Object.assign(AvatarRoot, {
 	Provider: AvatarRootProvider,
-	Context: RootContext$41,
+	Context: RootContext$43,
 	Image,
 	Fallback
 });
 
 //#endregion
 //#region src/components/collapsible/modules/root-context.ts
-const RootContext$40 = createContext$1();
+const RootContext$42 = createContext$1();
 
 //#endregion
 //#region src/components/collapsible/anatomy/content.tsx
-function Content$8(props) {
-	const collapsible = use(RootContext$40);
+function Content$9(props) {
+	const collapsible = use(RootContext$42);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(collapsible.getContentProps(), { className: classesCollapsible.content }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -317,7 +318,7 @@ function Content$8(props) {
 //#endregion
 //#region src/components/collapsible/anatomy/indicator.tsx
 function Indicator$3(props) {
-	const collapsible = use(RootContext$40);
+	const collapsible = use(RootContext$42);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(collapsible.getIndicatorProps(), { className: classesCollapsible.indicator }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -328,8 +329,8 @@ function Indicator$3(props) {
 
 //#endregion
 //#region src/components/collapsible/anatomy/root-context.tsx
-function RootContext$39(props) {
-	const collapsible = use(RootContext$40);
+function RootContext$41(props) {
+	const collapsible = use(RootContext$42);
 	const { children } = props;
 	return children(collapsible);
 }
@@ -339,7 +340,7 @@ function RootContext$39(props) {
 function CollapsibleRootProvider(props) {
 	const { element, children, value: collapsible, ...rest } = props;
 	const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
 		value: collapsible,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -364,7 +365,7 @@ function CollapsibleRoot(props) {
 	const { element, children, ...rest } = componentProps;
 	const collapsible = useCollapsible(collapsibleProps);
 	const attributes = mergeProps(collapsible.getRootProps(), { className: classesCollapsible.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$42.Provider, {
 		value: collapsible,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -375,8 +376,8 @@ function CollapsibleRoot(props) {
 
 //#endregion
 //#region src/components/collapsible/anatomy/trigger.tsx
-function Trigger$8(props) {
-	const collapsible = use(RootContext$40);
+function Trigger$9(props) {
+	const collapsible = use(RootContext$42);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(collapsible.getTriggerProps(), { className: classesCollapsible.trigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -389,20 +390,20 @@ function Trigger$8(props) {
 //#region src/components/collapsible/modules/anatomy.ts
 const Collapsible = Object.assign(CollapsibleRoot, {
 	Provider: CollapsibleRootProvider,
-	Context: RootContext$39,
-	Trigger: Trigger$8,
+	Context: RootContext$41,
+	Trigger: Trigger$9,
 	Indicator: Indicator$3,
-	Content: Content$8
+	Content: Content$9
 });
 
 //#endregion
 //#region src/components/combobox/modules/root-context.ts
-const RootContext$38 = createContext$1();
+const RootContext$40 = createContext$1();
 
 //#endregion
 //#region src/components/combobox/anatomy/clear-trigger.tsx
-function ClearTrigger$1(props) {
-	const combobox = use(RootContext$38);
+function ClearTrigger$2(props) {
+	const combobox = use(RootContext$40);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getClearTriggerProps(), { className: classesCombobox.clearTrigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -413,8 +414,8 @@ function ClearTrigger$1(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/content.tsx
-function Content$7(props) {
-	const combobox = use(RootContext$38);
+function Content$8(props) {
+	const combobox = use(RootContext$40);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getContentProps(), { className: classesCombobox.content }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
@@ -425,8 +426,8 @@ function Content$7(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/control.tsx
-function Control$6(props) {
-	const combobox = use(RootContext$38);
+function Control$7(props) {
+	const combobox = use(RootContext$40);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getControlProps(), { className: classesCombobox.control }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -438,7 +439,7 @@ function Control$6(props) {
 //#endregion
 //#region src/components/combobox/anatomy/input.tsx
 function Input$3(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(combobox.getInputProps(), { className: classesCombobox.input }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
@@ -451,7 +452,7 @@ const ItemGroupContext$2 = createContext$1();
 //#endregion
 //#region src/components/combobox/anatomy/item-group-label.tsx
 function ItemGroupLabel$2(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const [itemGroupLabelProps, componentProps] = splitItemGroupLabelProps({
 		htmlFor: use(ItemGroupContext$2).id,
 		...props
@@ -467,7 +468,7 @@ function ItemGroupLabel$2(props) {
 //#endregion
 //#region src/components/combobox/anatomy/item-group.tsx
 function ItemGroup$3(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const [itemGroupProps, componentProps] = splitItemGroupProps({
 		id: useId(),
 		...props
@@ -510,7 +511,7 @@ const ItemContext$5 = createContext$1();
 //#endregion
 //#region src/components/combobox/anatomy/item-indicator.tsx
 function ItemIndicator$2(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const itemProps = use(ItemContext$5);
 	const { element, children = /* @__PURE__ */ jsx(Check, { className: "size-4" }), ...rest } = props;
 	const attributes = mergeProps(combobox.getItemIndicatorProps(itemProps), { className: classesCombobox.itemIndicator }, rest);
@@ -523,7 +524,7 @@ function ItemIndicator$2(props) {
 //#endregion
 //#region src/components/combobox/anatomy/item-text.tsx
 function ItemText$4(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const itemProps = use(ItemContext$5);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getItemTextProps(itemProps), { className: classesCombobox.itemText }, rest);
@@ -536,7 +537,7 @@ function ItemText$4(props) {
 //#endregion
 //#region src/components/combobox/anatomy/item.tsx
 function Item$9(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const [itemProps, componentProps] = splitItemProps$1(props);
 	const { element, children, ...rest } = componentProps;
 	const attributes = mergeProps(combobox.getItemProps(itemProps), { className: classesCombobox.item }, rest);
@@ -552,7 +553,7 @@ function Item$9(props) {
 //#endregion
 //#region src/components/combobox/anatomy/label.tsx
 function Label$10(props) {
-	const combobox = use(RootContext$38);
+	const combobox = use(RootContext$40);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getLabelProps(), { className: classesCombobox.label }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -563,8 +564,8 @@ function Label$10(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/positioner.tsx
-function Positioner$5(props) {
-	const combobox = use(RootContext$38);
+function Positioner$6(props) {
+	const combobox = use(RootContext$40);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(combobox.getPositionerProps(), { className: classesCombobox.positioner }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -575,8 +576,8 @@ function Positioner$5(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/root-context.tsx
-function RootContext$37(props) {
-	const combobox = use(RootContext$38);
+function RootContext$39(props) {
+	const combobox = use(RootContext$40);
 	const { children } = props;
 	return children(combobox);
 }
@@ -592,10 +593,10 @@ function useCombobox(props = {}) {
 
 //#endregion
 //#region src/components/combobox/anatomy/root-provider.tsx
-function RootProvider$14(props) {
+function RootProvider$15(props) {
 	const { element, children, value: combobox, ...rest } = props;
 	const attributes = mergeProps(combobox.getRootProps(), { className: classesCombobox.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$38.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
 		value: combobox,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -606,12 +607,12 @@ function RootProvider$14(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/root.tsx
-function Root$16(props) {
+function Root$17(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$38.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$40.Provider, {
 		value: combobox,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -642,8 +643,8 @@ function ChevronDown(props) {
 
 //#endregion
 //#region src/components/combobox/anatomy/trigger.tsx
-function Trigger$7(props) {
-	const combobox = use(RootContext$38);
+function Trigger$8(props) {
+	const combobox = use(RootContext$40);
 	const { element, children = /* @__PURE__ */ jsx(ChevronDown, {}), ...rest } = props;
 	const attributes = mergeProps(combobox.getTriggerProps(), { className: classesCombobox.trigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -654,16 +655,16 @@ function Trigger$7(props) {
 
 //#endregion
 //#region src/components/combobox/modules/anatomy.ts
-const Combobox = Object.assign(Root$16, {
-	Provider: RootProvider$14,
-	Context: RootContext$37,
+const Combobox = Object.assign(Root$17, {
+	Provider: RootProvider$15,
+	Context: RootContext$39,
 	Label: Label$10,
-	Control: Control$6,
+	Control: Control$7,
 	Input: Input$3,
-	Trigger: Trigger$7,
-	ClearTrigger: ClearTrigger$1,
-	Positioner: Positioner$5,
-	Content: Content$7,
+	Trigger: Trigger$8,
+	ClearTrigger: ClearTrigger$2,
+	Positioner: Positioner$6,
+	Content: Content$8,
 	ItemGroup: ItemGroup$3,
 	ItemGroupLabel: ItemGroupLabel$2,
 	Item: Item$9,
@@ -673,12 +674,12 @@ const Combobox = Object.assign(Root$16, {
 
 //#endregion
 //#region src/components/date-picker/modules/root-context.ts
-const RootContext$36 = createContext$1();
+const RootContext$38 = createContext$1();
 
 //#endregion
 //#region src/components/date-picker/anatomy/content.tsx
-function Content$6(props) {
-	const datePicker = use(RootContext$36);
+function Content$7(props) {
+	const datePicker = use(RootContext$38);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getContentProps(), { className: classesDatePicker.content }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -689,8 +690,8 @@ function Content$6(props) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/control.tsx
-function Control$5(props) {
-	const datePicker = use(RootContext$36);
+function Control$6(props) {
+	const datePicker = use(RootContext$38);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getControlProps(), { className: classesDatePicker.control }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -702,7 +703,7 @@ function Control$5(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/input.tsx
 function Input$2(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const [inputProps, componentProps] = splitInputProps(props);
 	const { element, ...rest } = componentProps;
 	const attributes = mergeProps(datePicker.getInputProps(inputProps), { className: classesDatePicker.input }, rest);
@@ -712,7 +713,7 @@ function Input$2(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/label.tsx
 function Label$9(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getLabelProps(), { className: classesDatePicker.label }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -724,7 +725,7 @@ function Label$9(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/month-select.tsx
 function MonthSelect(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(datePicker.getMonthSelectProps(), { className: classesDatePicker.monthSelect }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
@@ -763,7 +764,7 @@ const ViewContext = createContext$1({ view: "day" });
 //#endregion
 //#region src/components/date-picker/anatomy/next-trigger.tsx
 function NextTrigger$1(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children = /* @__PURE__ */ jsx(ChevronRight, {}), ...rest } = props;
 	const attributes = mergeProps(datePicker.getNextTriggerProps(viewProps), { className: classesDatePicker.nextTrigger }, rest);
@@ -775,8 +776,8 @@ function NextTrigger$1(props) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/positioner.tsx
-function Positioner$4(props) {
-	const datePicker = use(RootContext$36);
+function Positioner$5(props) {
+	const datePicker = use(RootContext$38);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getPositionerProps(), { className: classesDatePicker.positioner }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -788,7 +789,7 @@ function Positioner$4(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/preset-trigger.tsx
 function PresetTrigger(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const [presetTriggerProps, componentProps] = splitPresetTriggerProps(props);
 	const { element, children, ...rest } = componentProps;
 	const attributes = mergeProps(datePicker.getPresetTriggerProps(presetTriggerProps), { className: classesDatePicker.presetTrigger }, rest);
@@ -821,7 +822,7 @@ function ChevronLeft(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/prev-trigger.tsx
 function PrevTrigger$1(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children = /* @__PURE__ */ jsx(ChevronLeft, {}), ...rest } = props;
 	const attributes = mergeProps(datePicker.getPrevTriggerProps(viewProps), { className: classesDatePicker.prevTrigger }, rest);
@@ -834,7 +835,7 @@ function PrevTrigger$1(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/range-text.tsx
 function RangeText(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	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);
@@ -846,8 +847,8 @@ function RangeText(props) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/root-context.tsx
-function RootContext$35(props) {
-	const datePicker = use(RootContext$36);
+function RootContext$37(props) {
+	const datePicker = use(RootContext$38);
 	const { children } = props;
 	return children(datePicker);
 }
@@ -863,10 +864,10 @@ function useDatePicker(props = {}) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/root-provider.tsx
-function RootProvider$13(props) {
+function RootProvider$14(props) {
 	const { element, children, value: datePicker, ...rest } = props;
 	const attributes = mergeProps(datePicker.getRootProps(), { className: classesDatePicker.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$36.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$38.Provider, {
 		value: datePicker,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -877,12 +878,12 @@ function RootProvider$13(props) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/root.tsx
-function Root$15(props) {
+function Root$16(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$36.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$38.Provider, {
 		value: datePicker,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -894,7 +895,7 @@ function Root$15(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table-body.tsx
 function TableBody(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getTableBodyProps(viewProps), { className: classesDatePicker.tableBody }, rest);
@@ -911,7 +912,7 @@ const TableCellContext = createContext$1();
 //#endregion
 //#region src/components/date-picker/anatomy/table-cell-trigger.tsx
 function TableCellTrigger(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const tableCellProps = use(TableCellContext);
 	const { element, children, ...rest } = props;
@@ -932,7 +933,7 @@ function TableCellTrigger(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table-cell.tsx
 function TableCell(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const [tableCellProps, componentProps] = splitTableCellProps(props);
 	const { element, children, ...rest } = componentProps;
@@ -956,7 +957,7 @@ function TableCell(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table-head.tsx
 function TableHead(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getTableHeadProps(viewProps), { className: classesDatePicker.tableHead }, rest);
@@ -969,7 +970,7 @@ function TableHead(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table-header.tsx
 function TableHeader(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getTableHeaderProps(viewProps), { className: classesDatePicker.tableHeader }, rest);
@@ -982,7 +983,7 @@ function TableHeader(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table-row.tsx
 function TableRow(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getTableRowProps(viewProps), { className: classesDatePicker.tableRow }, rest);
@@ -995,7 +996,7 @@ function TableRow(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/table.tsx
 function Table(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getTableProps(viewProps), { className: classesDatePicker.table }, rest);
@@ -1038,8 +1039,8 @@ function Calendar(props) {
 
 //#endregion
 //#region src/components/date-picker/anatomy/trigger.tsx
-function Trigger$6(props) {
-	const datePicker = use(RootContext$36);
+function Trigger$7(props) {
+	const datePicker = use(RootContext$38);
 	const { element, children = /* @__PURE__ */ jsx(Calendar, {}), ...rest } = props;
 	const attributes = mergeProps(datePicker.getTriggerProps(), { className: classesDatePicker.trigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -1051,7 +1052,7 @@ function Trigger$6(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/view-control.tsx
 function ViewControl(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getViewControlProps(viewProps), { className: classesDatePicker.viewControl }, rest);
@@ -1064,7 +1065,7 @@ function ViewControl(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/view-trigger.tsx
 function ViewTrigger(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const viewProps = use(ViewContext);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(datePicker.getViewTriggerProps(viewProps), { className: classesDatePicker.viewTrigger }, rest);
@@ -1077,7 +1078,7 @@ function ViewTrigger(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/view.tsx
 function View(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const [viewProps, componentProps] = splitViewProps(props);
 	const { element, children, ...rest } = componentProps;
 	const attributes = mergeProps(datePicker.getViewProps(viewProps), { className: classesDatePicker.view }, rest);
@@ -1093,7 +1094,7 @@ function View(props) {
 //#endregion
 //#region src/components/date-picker/anatomy/year-select.tsx
 function YearSelect(props) {
-	const datePicker = use(RootContext$36);
+	const datePicker = use(RootContext$38);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(datePicker.getYearSelectProps(), { className: classesDatePicker.yearSelect }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("select", {
@@ -1107,16 +1108,16 @@ function YearSelect(props) {
 
 //#endregion
 //#region src/components/date-picker/modules/anatomy.ts
-const DatePicker = Object.assign(Root$15, {
-	Provider: RootProvider$13,
-	Context: RootContext$35,
+const DatePicker = Object.assign(Root$16, {
+	Provider: RootProvider$14,
+	Context: RootContext$37,
 	Label: Label$9,
-	Control: Control$5,
+	Control: Control$6,
 	PresetTrigger,
 	Input: Input$2,
-	Trigger: Trigger$6,
-	Positioner: Positioner$4,
-	Content: Content$6,
+	Trigger: Trigger$7,
+	Positioner: Positioner$5,
+	Content: Content$7,
 	YearSelect,
 	MonthSelect,
 	View,
@@ -1136,12 +1137,12 @@ const DatePicker = Object.assign(Root$15, {
 
 //#endregion
 //#region src/components/dialog/modules/root-context.ts
-const RootContext$34 = createContext$1();
+const RootContext$36 = createContext$1();
 
 //#endregion
 //#region src/components/dialog/anatomy/backdrop.tsx
 function Backdrop(props) {
-	const dialog = use(RootContext$34);
+	const dialog = use(RootContext$36);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(dialog.getBackdropProps(), { className: classesDialog.backdrop }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", { ...attributes });
@@ -1149,8 +1150,8 @@ function Backdrop(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/close-trigger.tsx
-function CloseTrigger$2(props) {
-	const dialog = use(RootContext$34);
+function CloseTrigger$3(props) {
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getCloseTriggerProps(), { className: classesDialog.closeTrigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -1161,8 +1162,8 @@ function CloseTrigger$2(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/content.tsx
-function Content$5(props) {
-	const dialog = use(RootContext$34);
+function Content$6(props) {
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getContentProps(), { className: classesDialog.content }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1174,7 +1175,7 @@ function Content$5(props) {
 //#endregion
 //#region src/components/dialog/anatomy/description.tsx
 function Description$2(props) {
-	const dialog = use(RootContext$34);
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getDescriptionProps(), { className: classesDialog.description }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1185,8 +1186,8 @@ function Description$2(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/positioner.tsx
-function Positioner$3(props) {
-	const dialog = use(RootContext$34);
+function Positioner$4(props) {
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getPositionerProps(), { className: classesDialog.positioner }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1197,17 +1198,17 @@ function Positioner$3(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/root-context.tsx
-function RootContext$33(props) {
-	const dialog = use(RootContext$34);
+function RootContext$35(props) {
+	const dialog = use(RootContext$36);
 	const { children } = props;
 	return children(dialog);
 }
 
 //#endregion
 //#region src/components/dialog/anatomy/root-provider.tsx
-function RootProvider$12(props) {
+function RootProvider$13(props) {
 	const { children, value: dialog } = props;
-	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$36.Provider, {
 		value: dialog,
 		children
 	});
@@ -1224,11 +1225,11 @@ function useDialog(props = {}) {
 
 //#endregion
 //#region src/components/dialog/anatomy/root.tsx
-function Root$14(props) {
+function Root$15(props) {
 	const [dialogProps, componentProps] = splitProps$5(props);
 	const { children } = componentProps;
 	const dialog = useDialog(dialogProps);
-	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$36.Provider, {
 		value: dialog,
 		children
 	});
@@ -1236,8 +1237,8 @@ function Root$14(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/title.tsx
-function Title$2(props) {
-	const dialog = use(RootContext$34);
+function Title$3(props) {
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getTitleProps(), { className: classesDialog.title }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1248,8 +1249,8 @@ function Title$2(props) {
 
 //#endregion
 //#region src/components/dialog/anatomy/trigger.tsx
-function Trigger$5(props) {
-	const dialog = use(RootContext$34);
+function Trigger$6(props) {
+	const dialog = use(RootContext$36);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(dialog.getTriggerProps(), { className: classesDialog.trigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -1260,26 +1261,38 @@ function Trigger$5(props) {
 
 //#endregion
 //#region src/components/dialog/modules/anatomy.ts
-const Dialog = Object.assign(Root$14, {
-	Provider: RootProvider$12,
-	Context: RootContext$33,
-	Trigger: Trigger$5,
+const Dialog = Object.assign(Root$15, {
+	Provider: RootProvider$13,
+	Context: RootContext$35,
+	Trigger: Trigger$6,
 	Backdrop,
-	Positioner: Positioner$3,
-	Content: Content$5,
-	Title: Title$2,
+	Positioner: Positioner$4,
+	Content: Content$6,
+	Title: Title$3,
 	Description: Description$2,
-	CloseTrigger: CloseTrigger$2
+	CloseTrigger: CloseTrigger$3
 });
 
 //#endregion
 //#region src/components/file-upload/modules/root-context.ts
-const RootContext$32 = createContext$1();
+const RootContext$34 = createContext$1();
+
+//#endregion
+//#region src/components/file-upload/anatomy/clear-trigger.tsx
+function ClearTrigger$1(props) {
+	const fileUpload = use(RootContext$34);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(fileUpload.getClearTriggerProps(), { className: classesFileUpload.clearTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
 
 //#endregion
 //#region src/components/file-upload/anatomy/dropzone.tsx
 function Dropzone(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getDropzoneProps(), { className: classesFileUpload.dropzone }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
@@ -1291,7 +1304,7 @@ function Dropzone(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/hidden-input.tsx
 function HiddenInput$4(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const { element, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getHiddenInputProps(), { className: classesFileUpload.hiddenInput }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("input", { ...attributes });
@@ -1304,7 +1317,7 @@ const ItemContext$4 = createContext$1();
 //#endregion
 //#region src/components/file-upload/anatomy/item-delete-trigger.tsx
 function ItemDeleteTrigger$1(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const itemProps = use(ItemContext$4);
 	const { element, children = /* @__PURE__ */ jsx(Fragment, { children: "×" }), ...rest } = props;
 	const attributes = mergeProps(fileUpload.getItemDeleteTriggerProps(itemProps), { className: classesFileUpload.itemDeleteTrigger }, rest);
@@ -1317,7 +1330,7 @@ function ItemDeleteTrigger$1(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/item-group.tsx
 function ItemGroup$2(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getItemGroupProps(), { className: classesFileUpload.itemGroup }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("ul", {
@@ -1329,7 +1342,7 @@ function ItemGroup$2(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/item-name.tsx
 function ItemName(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const itemProps = use(ItemContext$4);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getItemNameProps(itemProps), { className: classesFileUpload.itemName }, rest);
@@ -1342,7 +1355,7 @@ function ItemName(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/item-size-text.tsx
 function ItemSizeText(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const itemProps = use(ItemContext$4);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getItemSizeTextProps(itemProps), { className: classesFileUpload.itemSizeText }, rest);
@@ -1355,7 +1368,7 @@ function ItemSizeText(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/item.tsx
 function Item$8(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const [itemProps, componentProps] = splitItemProps$2(props);
 	const { element, children, ...rest } = componentProps;
 	const attributes = mergeProps(fileUpload.getItemProps(itemProps), { className: classesFileUpload.item }, rest);
@@ -1371,7 +1384,7 @@ function Item$8(props) {
 //#endregion
 //#region src/components/file-upload/anatomy/label.tsx
 function Label$8(props) {
-	const fileUpload = use(RootContext$32);
+	const fileUpload = use(RootContext$34);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getLabelProps(), { className: classesFileUpload.label }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("label", {
@@ -1382,18 +1395,18 @@ function Label$8(props) {
 
 //#endregion
 //#region src/components/file-upload/anatomy/root-context.tsx
-function RootContext$31(props) {
-	const fileUpload = use(RootContext$32);
+function RootContext$33(props) {
+	const fileUpload = use(RootContext$34);
 	const { children } = props;
 	return children(fileUpload);
 }
 
 //#endregion
 //#region src/components/file-upload/anatomy/root-provider.tsx
-function RootProvider$11(props) {
+function RootProvider$12(props) {
 	const { element, children, value: fileUpload, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getRootProps(), { className: classesFileUpload.root }, rest);
-	return /* @__PURE__ */ jsx(RootContext$32.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
 		value: fileUpload,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -1413,12 +1426,12 @@ function useFileUpload(props = {}) {
 
 //#endregion
 //#region src/components/file-upload/anatomy/root.tsx
-function Root$13(props) {
+function Root$14(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$32.Provider, {
+	return /* @__PURE__ */ jsx(RootContext$34.Provider, {
 		value: fileUpload,
 		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
 			...attributes,
@@ -1429,8 +1442,8 @@ function Root$13(props) {
 
 //#endregion
 //#region src/components/file-upload/anatomy/trigger.tsx
-function Trigger$4(props) {
-	const fileUpload = use(RootContext$32);
+function Trigger$5(props) {
+	const fileUpload = use(RootContext$34);
 	const { element, children, ...rest } = props;
 	const attributes = mergeProps(fileUpload.getTriggerProps(), { className: classesFileUpload.trigger }, rest);
 	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
@@ -1441,12 +1454,13 @@ function Trigger$4(props) {
 
 //#endregion
 //#region src/components/file-upload/modules/anatomy.ts
-const FileUpload = Object.assign(Root$13, {
-	Provider: RootProvider$11,
-	Context: RootContext$31,
+const FileUpload = Object.assign(Root$14, {
+	Provider: RootProvider$12,
+	Context: RootContext$33,
 	Label: Label$8,
 	Dropzone,
-	Trigger: Trigger$4,
+	Trigger: Trigger$5,
+	ClearTrigger: ClearTrigger$1,
 	HiddenInput: HiddenInput$4,
 	ItemGroup: ItemGroup$2,
 	Item: Item$8,
@@ -1455,6 +1469,200 @@ const FileUpload = Object.assign(Root$13, {
 	ItemDeleteTrigger: ItemDeleteTrigger$1
 });
 
+//#endregion
+//#region src/components/floating-panel/modules/root-context.ts
+const RootContext$32 = createContext$1();
+
+//#endregion
+//#region src/components/floating-panel/anatomy/body.tsx
+function Body(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getBodyProps(), { className: classesFloatingPanel.body }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/close-trigger.tsx
+function CloseTrigger$2(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getCloseTriggerProps(), { className: classesFloatingPanel.closeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/content.tsx
+function Content$5(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getContentProps(), { className: classesFloatingPanel.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/control.tsx
+function Control$5(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getControlProps(), { className: classesFloatingPanel.control }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/drag-trigger.tsx
+function DragTrigger(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getDragTriggerProps(), { className: classesFloatingPanel.dragTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/header.tsx
+function Header(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getHeaderProps(), { className: classesFloatingPanel.header }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/positioner.tsx
+function Positioner$3(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getPositionerProps(), { className: classesFloatingPanel.positioner }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/resize-trigger.tsx
+function ResizeTrigger(props) {
+	const floatingPanel = use(RootContext$32);
+	const [resizeTriggerProps, componentProps] = splitResizeTriggerProps(props);
+	const { element, children, ...rest } = componentProps;
+	const attributes = mergeProps(floatingPanel.getResizeTriggerProps(resizeTriggerProps), { className: classesFloatingPanel.resizeTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/root-context.tsx
+function RootContext$31(props) {
+	const floatingPanel = use(RootContext$32);
+	const { children } = props;
+	return children(floatingPanel);
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/root-provider.tsx
+function RootProvider$11(props) {
+	const { children, value: floatingPanel } = props;
+	return /* @__PURE__ */ jsx(RootContext$32.Provider, {
+		value: floatingPanel,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/modules/provider.ts
+function useFloatingPanel(props = {}) {
+	return connect$7(useMachine(machine$7, {
+		id: useId(),
+		...props
+	}), normalizeProps);
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/root.tsx
+function Root$13(props) {
+	const [floatingPanelProps, componentProps] = splitProps$7(props);
+	const { children } = componentProps;
+	const floatingPanel = useFloatingPanel(floatingPanelProps);
+	return /* @__PURE__ */ jsx(RootContext$32.Provider, {
+		value: floatingPanel,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/stage-trigger.tsx
+function StageTrigger(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, stage, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getStageTriggerProps({ stage }), { className: classesFloatingPanel.stageTrigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/title.tsx
+function Title$2(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getTitleProps(), { className: classesFloatingPanel.title }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/anatomy/trigger.tsx
+function Trigger$4(props) {
+	const floatingPanel = use(RootContext$32);
+	const { element, children, ...rest } = props;
+	const attributes = mergeProps(floatingPanel.getTriggerProps(), { className: classesFloatingPanel.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+//#region src/components/floating-panel/modules/anatomy.ts
+const FloatingPanel = Object.assign(Root$13, {
+	Provider: RootProvider$11,
+	Context: RootContext$31,
+	Trigger: Trigger$4,
+	Positioner: Positioner$3,
+	Content: Content$5,
+	DragTrigger,
+	Header,
+	Title: Title$2,
+	Control: Control$5,
+	StageTrigger,
+	CloseTrigger: CloseTrigger$2,
+	Body,
+	ResizeTrigger
+});
+
 //#endregion
 //#region src/components/listbox/modules/root-context.ts
 const RootContext$30 = createContext$1();
@@ -1588,7 +1796,7 @@ function RootContext$29(props) {
 //#endregion
 //#region src/components/listbox/modules/provider.ts
 function useListbox(props) {
-	return connect$7(useMachine(machine$7, {
+	return connect$8(useMachine(machine$8, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -1611,7 +1819,7 @@ function RootProvider$10(props) {
 //#endregion
 //#region src/components/listbox/anatomy/root.tsx
 function Root$12(props) {
-	const [listboxProps, componentProps] = splitProps$7(props);
+	const [listboxProps, componentProps] = splitProps$8(props);
 	const { element, children, ...rest } = componentProps;
 	const listbox = useListbox(listboxProps);
 	const attributes = mergeProps(listbox.getRootProps(), { className: classesListbox.root }, rest);
@@ -1850,12 +2058,12 @@ function RootProvider$9(props) {
 //#endregion
 //#region src/components/menu/modules/provider.ts
 function useMenu(props = {}) {
-	const service = useMachine(machine$8, {
+	const service = useMachine(machine$9, {
 		id: useId(),
 		...props
 	});
 	return {
-		...connect$8(service, normalizeProps),
+		...connect$9(service, normalizeProps),
 		service
 	};
 }
@@ -1864,7 +2072,7 @@ function useMenu(props = {}) {
 //#region src/components/menu/anatomy/root.tsx
 function Root$11(props) {
 	const parentMenu = use(RootContext$28);
-	const [menuProps, componentProps] = splitProps$8(props);
+	const [menuProps, componentProps] = splitProps$9(props);
 	const { children } = componentProps;
 	const menu = useMenu(menuProps);
 	useEffect(() => {
@@ -2171,7 +2379,7 @@ function PaginationRootProvider(props) {
 //#endregion
 //#region src/components/pagination/modules/provider.ts
 function usePagination(props = {}) {
-	return connect$9(useMachine(machine$9, {
+	return connect$10(useMachine(machine$10, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -2180,7 +2388,7 @@ function usePagination(props = {}) {
 //#endregion
 //#region src/components/pagination/anatomy/root.tsx
 function PaginationRoot(props) {
-	const [paginationProps, componentProps] = splitProps$9(props);
+	const [paginationProps, componentProps] = splitProps$10(props);
 	const { element, children, ...rest } = componentProps;
 	const pagination = usePagination(paginationProps);
 	const attributes = mergeProps(pagination.getRootProps(), { className: classesPagination.root }, rest);
@@ -2315,7 +2523,7 @@ function RootProvider$8(props) {
 //#endregion
 //#region src/components/popover/modules/provider.ts
 function usePopover(props = {}) {
-	return connect$10(useMachine(machine$10, {
+	return connect$11(useMachine(machine$11, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -2324,7 +2532,7 @@ function usePopover(props = {}) {
 //#endregion
 //#region src/components/popover/anatomy/root.tsx
 function Root$10(props) {
-	const [popoverProps, componentProps] = splitProps$10(props);
+	const [popoverProps, componentProps] = splitProps$11(props);
 	const { children } = componentProps;
 	const popover = usePopover(popoverProps);
 	return /* @__PURE__ */ jsx(RootContext$23.Provider, {
@@ -2468,7 +2676,7 @@ function RootProvider$7(props) {
 //#endregion
 //#region src/components/progress/modules/provider.ts
 function useProgress(props = {}) {
-	return connect$11(useMachine(machine$11, {
+	return connect$12(useMachine(machine$12, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -2477,7 +2685,7 @@ function useProgress(props = {}) {
 //#endregion
 //#region src/components/progress/anatomy/root.tsx
 function Root$8(props) {
-	const [progressProps, componentProps] = splitProps$11(props);
+	const [progressProps, componentProps] = splitProps$12(props);
 	const { element, children, ...rest } = componentProps;
 	const progress = useProgress(progressProps);
 	const attributes = mergeProps(progress.getRootProps(), { className: classesProgress.root }, rest);
@@ -2682,7 +2890,7 @@ function RootProvider$6(props) {
 //#endregion
 //#region src/components/rating-group/modules/provider.ts
 function useRatingGroup(props = {}) {
-	return connect$12(useMachine(machine$12, {
+	return connect$13(useMachine(machine$13, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -2691,7 +2899,7 @@ function useRatingGroup(props = {}) {
 //#endregion
 //#region src/components/rating-group/anatomy/root.tsx
 function Root$7(props) {
-	const [ratingGroupProps, componentProps] = splitProps$12(props);
+	const [ratingGroupProps, componentProps] = splitProps$13(props);
 	const { element, children, ...rest } = componentProps;
 	const ratingGroup = useRatingGroup(ratingGroupProps);
 	const attributes = mergeProps(ratingGroup.getRootProps(), { className: classesRatingGroup.root }, rest);
@@ -2819,7 +3027,7 @@ function RootProvider$5(props) {
 //#endregion
 //#region src/components/segmented-control/modules/provider.ts
 function useSegmentedControl(props = {}) {
-	return connect$13(useMachine(machine$13, {
+	return connect$14(useMachine(machine$14, {
 		id: useId(),
 		orientation: "horizontal",
 		...props
@@ -2829,7 +3037,7 @@ function useSegmentedControl(props = {}) {
 //#endregion
 //#region src/components/segmented-control/anatomy/root.tsx
 function Root$6(props) {
-	const [segmentedControlProps, componentProps] = splitProps$13(props);
+	const [segmentedControlProps, componentProps] = splitProps$14(props);
 	const { element, children, ...rest } = componentProps;
 	const segmentedControl = useSegmentedControl(segmentedControlProps);
 	const attributes = mergeProps(segmentedControl.getRootProps(), { className: classesSegmentedControl.root }, rest);
@@ -2958,7 +3166,7 @@ function SliderRootProvider(props) {
 //#endregion
 //#region src/components/slider/modules/provider.ts
 function useSlider(props = {}) {
-	return connect$14(useMachine(machine$14, {
+	return connect$15(useMachine(machine$15, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -2967,7 +3175,7 @@ function useSlider(props = {}) {
 //#endregion
 //#region src/components/slider/anatomy/root.tsx
 function SliderRoot(props) {
-	const [sliderProps, componentProps] = splitProps$14(props);
+	const [sliderProps, componentProps] = splitProps$15(props);
 	const { element, children, ...rest } = componentProps;
 	const slider = useSlider(sliderProps);
 	const attributes = mergeProps(slider.getRootProps(), { className: classesSlider.root }, rest);
@@ -3098,7 +3306,7 @@ function RootProvider$4(props) {
 //#endregion
 //#region src/components/switch/modules/provider.ts
 function useSwitch(props = {}) {
-	return connect$15(useMachine(machine$15, {
+	return connect$16(useMachine(machine$16, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3107,7 +3315,7 @@ function useSwitch(props = {}) {
 //#endregion
 //#region src/components/switch/anatomy/root.tsx
 function Root$5(props) {
-	const [switchProps, componentProps] = splitProps$15(props);
+	const [switchProps, componentProps] = splitProps$16(props);
 	const { element, children, ...rest } = componentProps;
 	const switch_ = useSwitch(switchProps);
 	const attributes = mergeProps(switch_.getRootProps(), { className: classesSwitch.root }, rest);
@@ -3206,7 +3414,7 @@ function RootProvider$3(props) {
 //#endregion
 //#region src/components/tabs/modules/provider.ts
 function useTabs(props = {}) {
-	return connect$16(useMachine(machine$16, {
+	return connect$17(useMachine(machine$17, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3215,7 +3423,7 @@ function useTabs(props = {}) {
 //#endregion
 //#region src/components/tabs/anatomy/root.tsx
 function Root$4(props) {
-	const [tabsProps, componentProps] = splitProps$16(props);
+	const [tabsProps, componentProps] = splitProps$17(props);
 	const { element, children, ...rest } = componentProps;
 	const tabs = useTabs(tabsProps);
 	const attributes = mergeProps(tabs.getRootProps(), { className: classesTabs.root }, rest);
@@ -3404,7 +3612,7 @@ function RootProvider$2(props) {
 //#endregion
 //#region src/components/tags-input/modules/provider.ts
 function useTagsInput(props = {}) {
-	return connect$17(useMachine(machine$17, {
+	return connect$18(useMachine(machine$18, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3413,7 +3621,7 @@ function useTagsInput(props = {}) {
 //#endregion
 //#region src/components/tags-input/anatomy/root.tsx
 function Root$3(props) {
-	const [tagsInputProps, componentProps] = splitProps$17(props);
+	const [tagsInputProps, componentProps] = splitProps$18(props);
 	const { element, children, ...rest } = componentProps;
 	const tagsInput = useTagsInput(tagsInputProps);
 	const attributes = mergeProps(tagsInput.getRootProps(), { className: classesTagsInput.root }, rest);
@@ -3550,7 +3758,7 @@ function RootContext$6(props) {
 function Root$2(props) {
 	const group$1 = use(GroupContext);
 	const { element, children, toast: toastProps, ...rest } = props;
-	const toast = connect$18(useMachine(machine$18, {
+	const toast = connect$19(useMachine(machine$19, {
 		...toastProps,
 		parent: group$1
 	}), normalizeProps);
@@ -3634,7 +3842,7 @@ function ToggleGroupRootProvider(props) {
 //#endregion
 //#region src/components/toggle-group/modules/provider.ts
 function useToggleGroup(props = {}) {
-	return connect$19(useMachine(machine$19, {
+	return connect$20(useMachine(machine$20, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3643,7 +3851,7 @@ function useToggleGroup(props = {}) {
 //#endregion
 //#region src/components/toggle-group/anatomy/root.tsx
 function ToggleGroupRoot(props) {
-	const [toggleGroupProps, componentProps] = splitProps$18(props);
+	const [toggleGroupProps, componentProps] = splitProps$19(props);
 	const { element, children, ...rest } = componentProps;
 	const toggleGroup = useToggleGroup(toggleGroupProps);
 	const attributes = mergeProps(toggleGroup.getRootProps(), { className: classesToggleGroup.root }, rest);
@@ -3737,7 +3945,7 @@ function RootProvider$1(props) {
 //#endregion
 //#region src/components/tooltip/modules/provider.ts
 function useTooltip(props = {}) {
-	return connect$20(useMachine(machine$20, {
+	return connect$21(useMachine(machine$21, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3746,7 +3954,7 @@ function useTooltip(props = {}) {
 //#endregion
 //#region src/components/tooltip/anatomy/root.tsx
 function Root$1(props) {
-	const [tooltipProps, componentProps] = splitProps$19(props);
+	const [tooltipProps, componentProps] = splitProps$20(props);
 	const { children } = componentProps;
 	const tooltip = useTooltip(tooltipProps);
 	return /* @__PURE__ */ jsx(RootContext$3.Provider, {
@@ -3934,7 +4142,7 @@ function RootProvider(props) {
 //#endregion
 //#region src/components/tree-view/modules/provider.ts
 function useTreeView(props = {}) {
-	return connect$21(useMachine(machine$21, {
+	return connect$22(useMachine(machine$22, {
 		id: useId(),
 		...props
 	}), normalizeProps);
@@ -3943,7 +4151,7 @@ function useTreeView(props = {}) {
 //#endregion
 //#region src/components/tree-view/anatomy/root.tsx
 function Root(props) {
-	const [treeViewProps, componentProps] = splitProps$20(props);
+	const [treeViewProps, componentProps] = splitProps$21(props);
 	const { element, children, ...rest } = componentProps;
 	const treeView = useTreeView(treeViewProps);
 	const attributes = mergeProps(treeView.getRootProps(), { className: classesTreeView.root }, rest);
@@ -3993,4 +4201,4 @@ function useListCollection(options) {
 }
 
 //#endregion
-export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, Listbox, Menu, 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, useMenu, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };
+export { Accordion, AppBar, Avatar, Collapsible, Combobox, DatePicker, Dialog, FileUpload, FloatingPanel, Listbox, Menu, 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, useFloatingPanel, useListCollection, useListbox, useMenu, usePagination, usePopover, useProgress, useRatingGroup, useSegmentedControl, useSlider, useSwitch, useTabs, useTagsInput, useToggleGroup, useTooltip, useTreeView };