@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesAvatar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#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.Provider, {
+		value: avatar,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { AvatarRootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { AvatarFallbackProps } from "./anatomy/fallback.mjs";
+import { AvatarImageProps } from "./anatomy/image.mjs";
+import { AvatarRootProps } from "./anatomy/root.mjs";
+import { useAvatar } from "./modules/provider.mjs";
+import { AvatarRootContextProps } from "./anatomy/root-context.mjs";
+import { AvatarRootProviderProps } from "./anatomy/root-provider.mjs";
+import { Avatar } from "./modules/anatomy.mjs";

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

@@ -0,0 +1,16 @@
+import { Fallback } from "../anatomy/fallback.mjs";
+import { Image } from "../anatomy/image.mjs";
+import { AvatarRoot } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { AvatarRootProvider } from "../anatomy/root-provider.mjs";
+
+//#region src/components/avatar/modules/anatomy.d.ts
+declare const Avatar: typeof AvatarRoot & {
+  Provider: typeof AvatarRootProvider;
+  Context: typeof RootContext;
+  Image: typeof Image;
+  Fallback: typeof Fallback;
+};
+//#endregion
+export { Avatar };
+//# sourceMappingURL=anatomy.d.mts.map

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

@@ -0,0 +1,17 @@
+import Fallback from "../anatomy/fallback.mjs";
+import Image from "../anatomy/image.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import AvatarRootProvider from "../anatomy/root-provider.mjs";
+import AvatarRoot from "../anatomy/root.mjs";
+
+//#region src/components/avatar/modules/anatomy.ts
+const Avatar = Object.assign(AvatarRoot, {
+	Provider: AvatarRootProvider,
+	Context: RootContext,
+	Image,
+	Fallback
+});
+
+//#endregion
+export { Avatar };
+//# sourceMappingURL=anatomy.mjs.map

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

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

package/dist/components/avatar/modules/provider.mjs

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

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

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

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

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

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

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

package/dist/components/collapsible/anatomy/indicator.d.mts

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

package/dist/components/collapsible/anatomy/indicator.mjs

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

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

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

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { mergeProps } from "@zag-js/react";
+import { classesCollapsible } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#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.Provider, {
+		value: collapsible,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { CollapsibleRootProvider as default };
+//# sourceMappingURL=root-provider.mjs.map

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

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

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

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

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

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

package/dist/components/collapsible/anatomy/trigger.mjs

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

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

@@ -0,0 +1,8 @@
+import { CollapsibleContentProps } from "./anatomy/content.mjs";
+import { CollapsibleRootProps } from "./anatomy/root.mjs";
+import { useCollapsible } from "./modules/provider.mjs";
+import { CollapsibleRootContextProps } from "./anatomy/root-context.mjs";
+import { CollapsibleRootProviderProps } from "./anatomy/root-provider.mjs";
+import { CollapsibleTriggerProps } from "./anatomy/trigger.mjs";
+import { CollapsibleIndicatorProps } from "./anatomy/indicator.mjs";
+import { Collapsible } from "./modules/anatomy.mjs";

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

@@ -0,0 +1,18 @@
+import { Content } from "../anatomy/content.mjs";
+import { CollapsibleRoot } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { CollapsibleRootProvider } from "../anatomy/root-provider.mjs";
+import { Trigger } from "../anatomy/trigger.mjs";
+import { Indicator } from "../anatomy/indicator.mjs";
+
+//#region src/components/collapsible/modules/anatomy.d.ts
+declare const Collapsible: typeof CollapsibleRoot & {
+  Provider: typeof CollapsibleRootProvider;
+  Context: typeof RootContext;
+  Trigger: typeof Trigger;
+  Indicator: typeof Indicator;
+  Content: typeof Content;
+};
+//#endregion
+export { Collapsible };
+//# sourceMappingURL=anatomy.d.mts.map

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

@@ -0,0 +1,19 @@
+import Content from "../anatomy/content.mjs";
+import Indicator from "../anatomy/indicator.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import CollapsibleRootProvider from "../anatomy/root-provider.mjs";
+import CollapsibleRoot from "../anatomy/root.mjs";
+import Trigger from "../anatomy/trigger.mjs";
+
+//#region src/components/collapsible/modules/anatomy.ts
+const Collapsible = Object.assign(CollapsibleRoot, {
+	Provider: CollapsibleRootProvider,
+	Context: RootContext,
+	Trigger,
+	Indicator,
+	Content
+});
+
+//#endregion
+export { Collapsible };
+//# sourceMappingURL=anatomy.mjs.map

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

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

package/dist/components/collapsible/modules/provider.mjs

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

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

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

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

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

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

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

package/dist/components/combobox/anatomy/control.d.mts

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

package/dist/components/combobox/anatomy/control.mjs

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

package/dist/components/combobox/anatomy/input.d.mts

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

package/dist/components/combobox/anatomy/input.mjs

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

package/dist/components/combobox/anatomy/item-group-label.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react13 from "react";
+import { ItemGroupLabelProps } from "@zag-js/combobox";
+
+//#region src/components/combobox/anatomy/item-group-label.d.ts
+interface ComboboxItemGroupLabelProps extends Omit<ItemGroupLabelProps, 'htmlFor'>, PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function ItemGroupLabel(props: ComboboxItemGroupLabelProps): react13.JSX.Element;
+//#endregion
+export { ComboboxItemGroupLabelProps, ItemGroupLabel };
+//# sourceMappingURL=item-group-label.d.mts.map

package/dist/components/combobox/anatomy/item-group-label.mjs

@@ -0,0 +1,26 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { ItemGroupContext } from "../modules/item-group-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesCombobox } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+import { splitItemGroupLabelProps } from "@zag-js/combobox";
+
+//#region src/components/combobox/anatomy/item-group-label.tsx
+function ItemGroupLabel(props) {
+	const combobox = use(RootContext);
+	const [itemGroupLabelProps, componentProps] = splitItemGroupLabelProps({
+		htmlFor: use(ItemGroupContext).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
+export { ItemGroupLabel as default };
+//# sourceMappingURL=item-group-label.mjs.map

package/dist/components/combobox/anatomy/item-group.d.mts

@@ -0,0 +1,11 @@
+import { HTMLAttributes } from "../../../internal/html-attributes.mjs";
+import { PropsWithElement } from "../../../internal/props-with-element.mjs";
+import * as react_jsx_runtime5 from "react/jsx-runtime";
+import { ItemGroupProps } from "@zag-js/combobox";
+
+//#region src/components/combobox/anatomy/item-group.d.ts
+interface ComboboxItemGroupProps extends Omit<ItemGroupProps, 'id'>, PropsWithElement<'div'>, Omit<HTMLAttributes<'div'>, 'id'> {}
+declare function ItemGroup(props: ComboboxItemGroupProps): react_jsx_runtime5.JSX.Element;
+//#endregion
+export { ComboboxItemGroupProps, ItemGroup };
+//# sourceMappingURL=item-group.d.mts.map