@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

package/dist/components/accordion/anatomy/item-content.d.mts

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

package/dist/components/accordion/anatomy/item-content.mjs

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

package/dist/components/accordion/anatomy/item-indicator.d.mts

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

package/dist/components/accordion/anatomy/item-indicator.mjs

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

package/dist/components/accordion/anatomy/item-trigger.d.mts

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

package/dist/components/accordion/anatomy/item-trigger.mjs

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

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

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

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

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

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

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

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

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

package/dist/components/accordion/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 { useAccordion } from "../modules/provider.mjs";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
+
+//#region src/components/accordion/anatomy/root-provider.d.ts
+interface AccordionRootProviderProps extends PropsWithElement<'div'>, HTMLAttributes<'div', 'id' | 'dir' | 'defaultValue'> {
+  value: ReturnType<typeof useAccordion>;
+}
+declare function RootProvider(props: AccordionRootProviderProps): react_jsx_runtime1.JSX.Element;
+//#endregion
+export { AccordionRootProviderProps, RootProvider };
+//# sourceMappingURL=root-provider.d.mts.map

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

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

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

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

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

@@ -0,0 +1,25 @@
+import { useAccordion } from "../modules/provider.mjs";
+import { RootContext } from "../modules/root-context.mjs";
+import { splitProps } from "@zag-js/accordion";
+import { mergeProps } from "@zag-js/react";
+import { classesAccordion } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/accordion/anatomy/root.tsx
+function Root(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.Provider, {
+		value: accordion,
+		children: element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+			...attributes,
+			children
+		})
+	});
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

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

@@ -0,0 +1,9 @@
+import { AccordionItemContentProps } from "./anatomy/item-content.mjs";
+import { AccordionItemIndicatorProps } from "./anatomy/item-indicator.mjs";
+import { AccordionItemProps } from "./anatomy/item.mjs";
+import { AccordionRootProps } from "./anatomy/root.mjs";
+import { useAccordion } from "./modules/provider.mjs";
+import { AccordionRootContextProps } from "./anatomy/root-context.mjs";
+import { AccordionRootProviderProps } from "./anatomy/root-provider.mjs";
+import { AccordionItemTriggerProps } from "./anatomy/item-trigger.mjs";
+import { Accordion } from "./modules/anatomy.mjs";

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

@@ -0,0 +1,20 @@
+import { ItemContent } from "../anatomy/item-content.mjs";
+import { ItemIndicator } from "../anatomy/item-indicator.mjs";
+import { Item } from "../anatomy/item.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+import { ItemTrigger } from "../anatomy/item-trigger.mjs";
+
+//#region src/components/accordion/modules/anatomy.d.ts
+declare const Accordion: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Item: typeof Item;
+  ItemTrigger: typeof ItemTrigger;
+  ItemIndicator: typeof ItemIndicator;
+  ItemContent: typeof ItemContent;
+};
+//#endregion
+export { Accordion };
+//# sourceMappingURL=anatomy.d.mts.map

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

@@ -0,0 +1,21 @@
+import ItemContent from "../anatomy/item-content.mjs";
+import ItemIndicator from "../anatomy/item-indicator.mjs";
+import ItemTrigger from "../anatomy/item-trigger.mjs";
+import Item from "../anatomy/item.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+
+//#region src/components/accordion/modules/anatomy.ts
+const Accordion = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Item,
+	ItemTrigger,
+	ItemIndicator,
+	ItemContent
+});
+
+//#endregion
+export { Accordion };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/accordion/modules/item-context.mjs

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

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

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

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

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

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

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

package/dist/components/app-bar/anatomy/headline.d.mts

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

package/dist/components/app-bar/anatomy/headline.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesAppBar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/app-bar/anatomy/headline.tsx
+function AppBarHeadline(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.headline }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { AppBarHeadline as default };
+//# sourceMappingURL=headline.mjs.map

package/dist/components/app-bar/anatomy/lead.d.mts

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

package/dist/components/app-bar/anatomy/lead.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesAppBar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/app-bar/anatomy/lead.tsx
+function AppBarLead(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.lead }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { AppBarLead as default };
+//# sourceMappingURL=lead.mjs.map

package/dist/components/app-bar/anatomy/root.d.mts

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

package/dist/components/app-bar/anatomy/root.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesAppBar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/app-bar/anatomy/root.tsx
+function AppBarRoot(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.root }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("header", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { AppBarRoot as default };
+//# sourceMappingURL=root.mjs.map

package/dist/components/app-bar/anatomy/toolbar.d.mts

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

package/dist/components/app-bar/anatomy/toolbar.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesAppBar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/app-bar/anatomy/toolbar.tsx
+function AppBarToolbar(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.toolbar }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { AppBarToolbar as default };
+//# sourceMappingURL=toolbar.mjs.map

package/dist/components/app-bar/anatomy/trail.d.mts

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

package/dist/components/app-bar/anatomy/trail.mjs

@@ -0,0 +1,17 @@
+import { mergeProps } from "@zag-js/react";
+import { classesAppBar } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/app-bar/anatomy/trail.tsx
+function AppBarTrail(props) {
+	const { element, children,...rest } = props;
+	const attributes = mergeProps({ className: classesAppBar.trail }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("nav", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { AppBarTrail as default };
+//# sourceMappingURL=trail.mjs.map

package/dist/components/app-bar/index.d.mts

@@ -0,0 +1,6 @@
+import { AppBarRootProps } from "./anatomy/root.mjs";
+import { AppBarToolbarProps } from "./anatomy/toolbar.mjs";
+import { AppBarLeadProps } from "./anatomy/lead.mjs";
+import { AppBarHeadlineProps } from "./anatomy/headline.mjs";
+import { AppBarTrailProps } from "./anatomy/trail.mjs";
+import { AppBar } from "./modules/anatomy.mjs";

package/dist/components/app-bar/modules/anatomy.d.mts

@@ -0,0 +1,16 @@
+import { AppBarRoot } from "../anatomy/root.mjs";
+import { AppBarToolbar } from "../anatomy/toolbar.mjs";
+import { AppBarLead } from "../anatomy/lead.mjs";
+import { AppBarHeadline } from "../anatomy/headline.mjs";
+import { AppBarTrail } from "../anatomy/trail.mjs";
+
+//#region src/components/app-bar/modules/anatomy.d.ts
+declare const AppBar: typeof AppBarRoot & {
+  Toolbar: typeof AppBarToolbar;
+  Lead: typeof AppBarLead;
+  Headline: typeof AppBarHeadline;
+  Trail: typeof AppBarTrail;
+};
+//#endregion
+export { AppBar };
+//# sourceMappingURL=anatomy.d.mts.map

package/dist/components/app-bar/modules/anatomy.mjs

@@ -0,0 +1,17 @@
+import AppBarHeadline from "../anatomy/headline.mjs";
+import AppBarLead from "../anatomy/lead.mjs";
+import AppBarRoot from "../anatomy/root.mjs";
+import AppBarToolbar from "../anatomy/toolbar.mjs";
+import AppBarTrail from "../anatomy/trail.mjs";
+
+//#region src/components/app-bar/modules/anatomy.ts
+const AppBar = Object.assign(AppBarRoot, {
+	Toolbar: AppBarToolbar,
+	Lead: AppBarLead,
+	Headline: AppBarHeadline,
+	Trail: AppBarTrail
+});
+
+//#endregion
+export { AppBar };
+//# sourceMappingURL=anatomy.mjs.map

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

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

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

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

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

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

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

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

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

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