@skeletonlabs/skeleton-react 4.2.4 → 4.3.1

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

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

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

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

package/dist/components/popover/anatomy/arrow-tip.d.mts

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

package/dist/components/popover/anatomy/arrow-tip.mjs

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

package/dist/components/popover/anatomy/arrow.d.mts

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

package/dist/components/popover/anatomy/arrow.mjs

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

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

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

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

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

package/dist/components/popover/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 react68 from "react";
+
+//#region src/components/popover/anatomy/content.d.ts
+interface PopoverContentProps extends PropsWithElement<'div'>, HTMLAttributes<'div'> {}
+declare function Content(props: PopoverContentProps): react68.JSX.Element;
+//#endregion
+export { Content, PopoverContentProps };
+//# sourceMappingURL=content.d.mts.map

package/dist/components/popover/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 { classesPopover } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/popover/anatomy/content.tsx
+function Content(props) {
+	const popover = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getContentProps(), { className: classesPopover.content }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("div", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Content as default };
+//# sourceMappingURL=content.mjs.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/components/popover/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 { classesPopover } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/popover/anatomy/trigger.tsx
+function Trigger(props) {
+	const popover = use(RootContext);
+	const { element, children,...rest } = props;
+	const attributes = mergeProps(popover.getTriggerProps(), { className: classesPopover.trigger }, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("button", {
+		...attributes,
+		children
+	});
+}
+
+//#endregion
+export { Trigger as default };
+//# sourceMappingURL=trigger.mjs.map

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

@@ -0,0 +1,13 @@
+import { PopoverCloseTriggerProps } from "./anatomy/close-trigger.mjs";
+import { PopoverContentProps } from "./anatomy/content.mjs";
+import { PopoverDescriptionProps } from "./anatomy/description.mjs";
+import { PopoverPositionerProps } from "./anatomy/positioner.mjs";
+import { PopoverRootProps } from "./anatomy/root.mjs";
+import { usePopover } from "./modules/provider.mjs";
+import { PopoverRootContextProps } from "./anatomy/root-context.mjs";
+import { PopoverRootProviderProps } from "./anatomy/root-provider.mjs";
+import { PopoverTitleProps } from "./anatomy/title.mjs";
+import { PopoverArrowProps } from "./anatomy/arrow.mjs";
+import { PopoverArrowTipProps } from "./anatomy/arrow-tip.mjs";
+import { PopoverTriggerProps } from "./anatomy/trigger.mjs";
+import { Popover } from "./modules/anatomy.mjs";

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

@@ -0,0 +1,28 @@
+import { CloseTrigger } from "../anatomy/close-trigger.mjs";
+import { Content } from "../anatomy/content.mjs";
+import { Description } from "../anatomy/description.mjs";
+import { Positioner } from "../anatomy/positioner.mjs";
+import { Root } from "../anatomy/root.mjs";
+import { RootContext } from "../anatomy/root-context.mjs";
+import { RootProvider } from "../anatomy/root-provider.mjs";
+import { Title } from "../anatomy/title.mjs";
+import { Arrow } from "../anatomy/arrow.mjs";
+import { ArrowTip } from "../anatomy/arrow-tip.mjs";
+import { Trigger } from "../anatomy/trigger.mjs";
+
+//#region src/components/popover/modules/anatomy.d.ts
+declare const Popover: typeof Root & {
+  Provider: typeof RootProvider;
+  Context: typeof RootContext;
+  Trigger: typeof Trigger;
+  Positioner: typeof Positioner;
+  Content: typeof Content;
+  Arrow: typeof Arrow;
+  ArrowTip: typeof ArrowTip;
+  Title: typeof Title;
+  Description: typeof Description;
+  CloseTrigger: typeof CloseTrigger;
+};
+//#endregion
+export { Popover };
+//# sourceMappingURL=anatomy.d.mts.map

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

@@ -0,0 +1,29 @@
+import ArrowTip from "../anatomy/arrow-tip.mjs";
+import Arrow from "../anatomy/arrow.mjs";
+import CloseTrigger from "../anatomy/close-trigger.mjs";
+import Content from "../anatomy/content.mjs";
+import Description from "../anatomy/description.mjs";
+import Positioner from "../anatomy/positioner.mjs";
+import RootContext from "../anatomy/root-context.mjs";
+import RootProvider from "../anatomy/root-provider.mjs";
+import Root from "../anatomy/root.mjs";
+import Title from "../anatomy/title.mjs";
+import Trigger from "../anatomy/trigger.mjs";
+
+//#region src/components/popover/modules/anatomy.ts
+const Popover = Object.assign(Root, {
+	Provider: RootProvider,
+	Context: RootContext,
+	Trigger,
+	Positioner,
+	Content,
+	Arrow,
+	ArrowTip,
+	Title,
+	Description,
+	CloseTrigger
+});
+
+//#endregion
+export { Popover };
+//# sourceMappingURL=anatomy.mjs.map

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

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

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

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

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

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

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

@@ -0,0 +1,22 @@
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime26 from "react/jsx-runtime";
+
+//#region src/components/portal/anatomy/root.d.ts
+interface PortalRootProps extends Required<PropsWithChildren> {
+  /**
+   * If true, the portal functionality is disabled and children are rendered in place.
+   *
+   * @default false
+   */
+  disabled?: boolean;
+  /**
+   * The HTML element to which the portal content will be appended.
+   *
+   * @default document.body
+   */
+  target?: HTMLElement;
+}
+declare function Root(props: PortalRootProps): react_jsx_runtime26.JSX.Element;
+//#endregion
+export { PortalRootProps, Root };
+//# sourceMappingURL=root.d.mts.map

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

@@ -0,0 +1,14 @@
+import { Children } from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+
+//#region src/components/portal/anatomy/root.tsx
+function Root(props) {
+	const { children, disabled = false, target = typeof window === "undefined" ? void 0 : document.body } = props;
+	if (disabled || !target) return /* @__PURE__ */ jsx(Fragment, { children });
+	return /* @__PURE__ */ jsx(Fragment, { children: Children.map(children, (child) => createPortal(child, target)) });
+}
+
+//#endregion
+export { Root as default };
+//# sourceMappingURL=root.mjs.map

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

@@ -0,0 +1,2 @@
+import { PortalRootProps } from "./anatomy/root.mjs";
+import { Portal } from "./modules/anatomy.mjs";

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

@@ -0,0 +1,7 @@
+import { Root } from "../anatomy/root.mjs";
+
+//#region src/components/portal/modules/anatomy.d.ts
+declare const Portal: typeof Root;
+//#endregion
+export { Portal };
+//# sourceMappingURL=anatomy.d.mts.map

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

@@ -0,0 +1,8 @@
+import Root from "../anatomy/root.mjs";
+
+//#region src/components/portal/modules/anatomy.ts
+const Portal = Root;
+
+//#endregion
+export { Portal };
+//# sourceMappingURL=anatomy.mjs.map

package/dist/components/progress/anatomy/circle-range.d.mts

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

package/dist/components/progress/anatomy/circle-range.mjs

@@ -0,0 +1,20 @@
+import { RootContext } from "../modules/root-context.mjs";
+import { use } from "react";
+import { mergeProps } from "@zag-js/react";
+import { classesProgress } from "@skeletonlabs/skeleton-common";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/progress/anatomy/circle-range.tsx
+function CircleRange(props) {
+	const progress = use(RootContext);
+	const { element,...rest } = props;
+	const attributes = mergeProps(progress.getCircleRangeProps(), {
+		className: classesProgress.circleRange,
+		strokeLinecap: "round"
+	}, rest);
+	return element ? element(attributes) : /* @__PURE__ */ jsx("circle", { ...attributes });
+}
+
+//#endregion
+export { CircleRange as default };
+//# sourceMappingURL=circle-range.mjs.map

package/dist/components/progress/anatomy/circle-track.d.mts

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

package/dist/components/progress/anatomy/circle-track.mjs

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

package/dist/components/progress/anatomy/circle.d.mts

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