@cerberus-design/react 1.1.2 → 1.2.0-rc.1

package/dist/components/circular-progress/primitives.js

@@ -1,4 +1,4 @@
-import { cerberus, createCerberusPrimitive } from "../../system/index.js";
+import { createCerberusPrimitive } from "../../system/index.js";
 import { circularProgress } from "styled-system/recipes";
 import { Progress } from "@ark-ui/react/progress";
 //#region src/components/circular-progress/primitives.ts
@@ -13,6 +13,6 @@ var CircularProgressValueText = withSlotRecipe(Progress.ValueText, "valueText");
 var CircularProgressCircle = withSlotRecipe(Progress.Circle, "circle");
 var CircularProgressCircleTrack = withSlotRecipe(Progress.CircleTrack, "circleTrack");
 var CircularProgressCircleRange = withSlotRecipe(Progress.CircleRange, "circleRange");
-var CircularProgressInfoGroup = withSlotRecipe(cerberus.div, "infoGroup");
+var CircularProgressInfoGroup = withSlotRecipe("div", "infoGroup");
 //#endregion
 export { CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText };

package/dist/components/popover/index.cjs

@@ -0,0 +1,19 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_primitives = require("./primitives.cjs");
+const require_parts = require("./parts.cjs");
+const require_popover = require("./popover.cjs");
+exports.Popover = require_popover.Popover;
+exports.PopoverAnchor = require_primitives.PopoverAnchor;
+exports.PopoverArrow = require_primitives.PopoverArrow;
+exports.PopoverArrowTip = require_primitives.PopoverArrowTip;
+exports.PopoverBody = require_primitives.PopoverBody;
+exports.PopoverCloseTrigger = require_primitives.PopoverCloseTrigger;
+exports.PopoverContent = require_primitives.PopoverContent;
+exports.PopoverDescription = require_primitives.PopoverDescription;
+exports.PopoverFooter = require_primitives.PopoverFooter;
+exports.PopoverHeader = require_primitives.PopoverHeader;
+exports.PopoverParts = require_parts.PopoverParts;
+exports.PopoverPositioner = require_primitives.PopoverPositioner;
+exports.PopoverRoot = require_primitives.PopoverRoot;
+exports.PopoverTitle = require_primitives.PopoverTitle;
+exports.PopoverTrigger = require_primitives.PopoverTrigger;

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

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './parts';
+export * from './popover';

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

@@ -0,0 +1,3 @@
+export * from './primitives';
+export * from './parts';
+export * from './popover';

package/dist/components/popover/index.js

@@ -0,0 +1,4 @@
+import { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger } from "./primitives.js";
+import { PopoverParts } from "./parts.js";
+import { Popover } from "./popover.js";
+export { Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverParts, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger };

package/dist/components/popover/parts.cjs

@@ -0,0 +1,23 @@
+const require_primitives = require("./primitives.cjs");
+//#region src/components/popover/parts.ts
+/**
+* An Object containing the parts of the NumberInput component. For users that
+* prefer Object component syntax.
+*/
+var PopoverParts = {
+	Root: require_primitives.PopoverRoot,
+	Trigger: require_primitives.PopoverTrigger,
+	Anchor: require_primitives.PopoverAnchor,
+	Positioner: require_primitives.PopoverPositioner,
+	Arrow: require_primitives.PopoverArrow,
+	ArrowTip: require_primitives.PopoverArrowTip,
+	Content: require_primitives.PopoverContent,
+	Title: require_primitives.PopoverTitle,
+	Description: require_primitives.PopoverDescription,
+	CloseTrigger: require_primitives.PopoverCloseTrigger,
+	Header: require_primitives.PopoverHeader,
+	Body: require_primitives.PopoverBody,
+	Footer: require_primitives.PopoverFooter
+};
+//#endregion
+exports.PopoverParts = PopoverParts;

package/dist/components/popover/parts.d.cts

@@ -0,0 +1,65 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the NumberInput component.
+ * @module 'number-input/parts'
+ */
+interface PopoverPartsValue {
+    /**
+     * The context provider of the popover.
+     */
+    Root: ElementType;
+    /**
+     * The trigger element of the popover.
+     */
+    Trigger: ElementType;
+    /**
+     * The anchor element of the popover.
+     */
+    Anchor: ElementType;
+    /**
+     * The positioner container for popover content.
+     */
+    Positioner: ElementType;
+    /**
+     * The arrow element of the popover.
+     */
+    Arrow: ElementType;
+    /**
+     * The arrow tip element of the popover.
+     */
+    ArrowTip: ElementType;
+    /**
+     * The the content of the popover.
+     */
+    Content: ElementType;
+    /**
+     * The the title of the popover.
+     */
+    Title: ElementType;
+    /**
+     * The the description of the popover.
+     */
+    Description: ElementType;
+    /**
+     * The close trigger element of the popover.
+     */
+    CloseTrigger: ElementType;
+    /**
+     * The header element of the popover.
+     */
+    Header: ElementType;
+    /**
+     * The body element of the popover.
+     */
+    Body: ElementType;
+    /**
+     * The footer element of the popover.
+     */
+    Footer: ElementType;
+}
+/**
+ * An Object containing the parts of the NumberInput component. For users that
+ * prefer Object component syntax.
+ */
+export declare const PopoverParts: PopoverPartsValue;
+export {};

package/dist/components/popover/parts.d.ts

@@ -0,0 +1,65 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the NumberInput component.
+ * @module 'number-input/parts'
+ */
+interface PopoverPartsValue {
+    /**
+     * The context provider of the popover.
+     */
+    Root: ElementType;
+    /**
+     * The trigger element of the popover.
+     */
+    Trigger: ElementType;
+    /**
+     * The anchor element of the popover.
+     */
+    Anchor: ElementType;
+    /**
+     * The positioner container for popover content.
+     */
+    Positioner: ElementType;
+    /**
+     * The arrow element of the popover.
+     */
+    Arrow: ElementType;
+    /**
+     * The arrow tip element of the popover.
+     */
+    ArrowTip: ElementType;
+    /**
+     * The the content of the popover.
+     */
+    Content: ElementType;
+    /**
+     * The the title of the popover.
+     */
+    Title: ElementType;
+    /**
+     * The the description of the popover.
+     */
+    Description: ElementType;
+    /**
+     * The close trigger element of the popover.
+     */
+    CloseTrigger: ElementType;
+    /**
+     * The header element of the popover.
+     */
+    Header: ElementType;
+    /**
+     * The body element of the popover.
+     */
+    Body: ElementType;
+    /**
+     * The footer element of the popover.
+     */
+    Footer: ElementType;
+}
+/**
+ * An Object containing the parts of the NumberInput component. For users that
+ * prefer Object component syntax.
+ */
+export declare const PopoverParts: PopoverPartsValue;
+export {};

package/dist/components/popover/parts.js

@@ -0,0 +1,23 @@
+import { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger } from "./primitives.js";
+//#region src/components/popover/parts.ts
+/**
+* An Object containing the parts of the NumberInput component. For users that
+* prefer Object component syntax.
+*/
+var PopoverParts = {
+	Root: PopoverRoot,
+	Trigger: PopoverTrigger,
+	Anchor: PopoverAnchor,
+	Positioner: PopoverPositioner,
+	Arrow: PopoverArrow,
+	ArrowTip: PopoverArrowTip,
+	Content: PopoverContent,
+	Title: PopoverTitle,
+	Description: PopoverDescription,
+	CloseTrigger: PopoverCloseTrigger,
+	Header: PopoverHeader,
+	Body: PopoverBody,
+	Footer: PopoverFooter
+};
+//#endregion
+export { PopoverParts };

package/dist/components/popover/placement-container.cjs

@@ -0,0 +1,12 @@
+"use client";
+"use client";
+const require_portal = require("../portal/portal.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/popover/placement-container.tsx
+function PlacementContainer(props) {
+	if (!props.positioning) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PopoverParts.Positioner, { children: props.children });
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_portal.Portal, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PopoverParts.Positioner, { children: props.children }) });
+}
+//#endregion
+exports.PlacementContainer = PlacementContainer;

package/dist/components/popover/placement-container.d.cts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { PopoverRootProps } from './primitives';
+interface Props {
+    positioning: PopoverRootProps['positioning'];
+}
+export declare function PlacementContainer(props: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/popover/placement-container.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+import { PopoverRootProps } from './primitives';
+interface Props {
+    positioning: PopoverRootProps['positioning'];
+}
+export declare function PlacementContainer(props: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/popover/placement-container.js

@@ -0,0 +1,12 @@
+"use client";
+"use client";
+import { Portal } from "../portal/portal.js";
+import { PopoverParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/popover/placement-container.tsx
+function PlacementContainer(props) {
+	if (!props.positioning) return /* @__PURE__ */ jsx(PopoverParts.Positioner, { children: props.children });
+	return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(PopoverParts.Positioner, { children: props.children }) });
+}
+//#endregion
+export { PlacementContainer };

package/dist/components/popover/popover.cjs

@@ -0,0 +1,46 @@
+const require_show = require("../show/show.cjs");
+const require_parts = require("./parts.cjs");
+const require_placement_container = require("./placement-container.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/popover/popover.tsx
+function PopoverRoot(props) {
+	const { trigger, anchor, children, size, usage, ...rootProps } = props;
+	const slots = {
+		trigger,
+		anchor,
+		children
+	};
+	const variantProps = {
+		size,
+		usage
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.PopoverParts.Root, {
+		...rootProps,
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+			when: trigger,
+			children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PopoverParts.Trigger, {
+				asChild: true,
+				children: trigger
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_placement_container.PlacementContainer, {
+			positioning: props.positioning,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.PopoverParts.Content, {
+				size: variantProps.size,
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+					when: variantProps.usage === "arrow",
+					children: () => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PopoverParts.Arrow, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.PopoverParts.ArrowTip, {}) })
+				}), slots.children]
+			})
+		})]
+	});
+}
+function Popover(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverRoot, { ...props });
+}
+Popover.Title = require_parts.PopoverParts.Title;
+Popover.Description = require_parts.PopoverParts.Description;
+Popover.Header = require_parts.PopoverParts.Header;
+Popover.Body = require_parts.PopoverParts.Body;
+Popover.Footer = require_parts.PopoverParts.Footer;
+//#endregion
+exports.Popover = Popover;

package/dist/components/popover/popover.d.cts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { PopoverRootProps } from './primitives';
+export interface PopoverBaseProps extends PopoverRootProps {
+    trigger?: ReactNode;
+    usage?: 'default' | 'arrow';
+}
+export type PopoverProps = PropsWithChildren<PopoverBaseProps>;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Popover {
+    var Title: import("react").ElementType;
+    var Description: import("react").ElementType;
+    var Header: import("react").ElementType;
+    var Body: import("react").ElementType;
+    var Footer: import("react").ElementType;
+}

package/dist/components/popover/popover.d.ts

@@ -0,0 +1,15 @@
+import { PropsWithChildren, ReactNode } from 'react';
+import { PopoverRootProps } from './primitives';
+export interface PopoverBaseProps extends PopoverRootProps {
+    trigger?: ReactNode;
+    usage?: 'default' | 'arrow';
+}
+export type PopoverProps = PropsWithChildren<PopoverBaseProps>;
+export declare function Popover(props: PopoverProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace Popover {
+    var Title: import("react").ElementType;
+    var Description: import("react").ElementType;
+    var Header: import("react").ElementType;
+    var Body: import("react").ElementType;
+    var Footer: import("react").ElementType;
+}

package/dist/components/popover/popover.js

@@ -0,0 +1,46 @@
+import { Show } from "../show/show.js";
+import { PopoverParts } from "./parts.js";
+import { PlacementContainer } from "./placement-container.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/popover/popover.tsx
+function PopoverRoot(props) {
+	const { trigger, anchor, children, size, usage, ...rootProps } = props;
+	const slots = {
+		trigger,
+		anchor,
+		children
+	};
+	const variantProps = {
+		size,
+		usage
+	};
+	return /* @__PURE__ */ jsxs(PopoverParts.Root, {
+		...rootProps,
+		children: [/* @__PURE__ */ jsx(Show, {
+			when: trigger,
+			children: () => /* @__PURE__ */ jsx(PopoverParts.Trigger, {
+				asChild: true,
+				children: trigger
+			})
+		}), /* @__PURE__ */ jsx(PlacementContainer, {
+			positioning: props.positioning,
+			children: /* @__PURE__ */ jsxs(PopoverParts.Content, {
+				size: variantProps.size,
+				children: [/* @__PURE__ */ jsx(Show, {
+					when: variantProps.usage === "arrow",
+					children: () => /* @__PURE__ */ jsx(PopoverParts.Arrow, { children: /* @__PURE__ */ jsx(PopoverParts.ArrowTip, {}) })
+				}), slots.children]
+			})
+		})]
+	});
+}
+function Popover(props) {
+	return /* @__PURE__ */ jsx(PopoverRoot, { ...props });
+}
+Popover.Title = PopoverParts.Title;
+Popover.Description = PopoverParts.Description;
+Popover.Header = PopoverParts.Header;
+Popover.Body = PopoverParts.Body;
+Popover.Footer = PopoverParts.Footer;
+//#endregion
+export { Popover };

package/dist/components/popover/primitives.cjs

@@ -0,0 +1,38 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_popover = require("@ark-ui/react/popover");
+//#region src/components/popover/primitives.ts
+var { withSlotRecipe, withNoRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.popover);
+var PopoverRoot = withSlotRecipe(_ark_ui_react_popover.Popover.Root, "root");
+var PopoverTrigger = withNoRecipe(_ark_ui_react_popover.Popover.Trigger);
+var PopoverAnchor = withNoRecipe(_ark_ui_react_popover.Popover.Anchor);
+var PopoverPositioner = withNoRecipe(_ark_ui_react_popover.Popover.Positioner);
+var PopoverArrow = withSlotRecipe(_ark_ui_react_popover.Popover.Arrow, "arrow");
+var PopoverArrowTip = withSlotRecipe(_ark_ui_react_popover.Popover.ArrowTip, "arrowTip");
+var PopoverContent = withSlotRecipe(_ark_ui_react_popover.Popover.Content, "content");
+var PopoverTitle = withNoRecipe(_ark_ui_react_popover.Popover.Title);
+var PopoverDescription = withNoRecipe(_ark_ui_react_popover.Popover.Description);
+var PopoverCloseTrigger = withSlotRecipe(_ark_ui_react_popover.Popover.CloseTrigger, "closeTrigger");
+var PopoverHeader = withSlotRecipe("div", "header", { defaultProps: createDeafultProps("header") });
+var PopoverBody = withSlotRecipe("div", "body", { defaultProps: createDeafultProps("body") });
+var PopoverFooter = withSlotRecipe("div", "footer", { defaultProps: createDeafultProps("footer") });
+function createDeafultProps(slot) {
+	return {
+		"data-scope": "popover",
+		"data-part": slot
+	};
+}
+//#endregion
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverArrowTip = PopoverArrowTip;
+exports.PopoverBody = PopoverBody;
+exports.PopoverCloseTrigger = PopoverCloseTrigger;
+exports.PopoverContent = PopoverContent;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverFooter = PopoverFooter;
+exports.PopoverHeader = PopoverHeader;
+exports.PopoverPositioner = PopoverPositioner;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;

package/dist/components/popover/primitives.d.cts

@@ -0,0 +1,69 @@
+import { Popover as ArkPopover, PopoverAnchorProps as ArkPopoverAnchorProps, PopoverArrowProps as ArkPopoverArrowProps, PopoverArrowTipProps as ArkPopoverArrowTipProps, PopoverCloseTriggerProps as ArkPopoverCloseTriggerProps, PopoverContentProps as ArkPopoverContentProps, PopoverDescriptionProps as ArkPopoverDescriptionProps, PopoverPositionerProps as ArkPopoverPositionerProps, PopoverRootProps as ArkPopoverRootProps, PopoverTitleProps as ArkPopoverTitleProps, PopoverTriggerProps as ArkPopoverTriggerProps } from '@ark-ui/react/popover';
+import { PopoverVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+import { RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type PopoverRootProps = CerberusPrimitiveProps<ArkPopoverRootProps & PopoverVariantProps>;
+export declare const PopoverRoot: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.RootProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverTriggerProps = CerberusPrimitiveProps<ArkPopoverTriggerProps>;
+export declare const PopoverTrigger: {
+    (props: CerberusPrimitiveProps<ArkPopover.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverAnchorProps = CerberusPrimitiveProps<ArkPopoverAnchorProps>;
+export declare const PopoverAnchor: {
+    (props: CerberusPrimitiveProps<ArkPopover.AnchorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverPositionerProps = CerberusPrimitiveProps<ArkPopoverPositionerProps>;
+export declare const PopoverPositioner: {
+    (props: CerberusPrimitiveProps<ArkPopover.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverArrowProps = CerberusPrimitiveProps<ArkPopoverArrowProps>;
+export declare const PopoverArrow: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ArrowProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverArrowTipProps = CerberusPrimitiveProps<ArkPopoverArrowTipProps>;
+export declare const PopoverArrowTip: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ArrowTipProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverContentProps = CerberusPrimitiveProps<ArkPopoverContentProps>;
+export declare const PopoverContent: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverTitleProps = CerberusPrimitiveProps<ArkPopoverTitleProps>;
+export declare const PopoverTitle: {
+    (props: CerberusPrimitiveProps<ArkPopover.TitleProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverDescriptionProps = CerberusPrimitiveProps<ArkPopoverDescriptionProps>;
+export declare const PopoverDescription: {
+    (props: CerberusPrimitiveProps<ArkPopover.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverCloseTriggerProps = CerberusPrimitiveProps<ArkPopoverCloseTriggerProps>;
+export declare const PopoverCloseTrigger: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverHeaderProps = CerberusProps<'div'>;
+export declare const PopoverHeader: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverBodyProps = CerberusProps<'div'>;
+export declare const PopoverBody: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverFooterProps = CerberusProps<'div'>;
+export declare const PopoverFooter: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/popover/primitives.d.ts

@@ -0,0 +1,69 @@
+import { Popover as ArkPopover, PopoverAnchorProps as ArkPopoverAnchorProps, PopoverArrowProps as ArkPopoverArrowProps, PopoverArrowTipProps as ArkPopoverArrowTipProps, PopoverCloseTriggerProps as ArkPopoverCloseTriggerProps, PopoverContentProps as ArkPopoverContentProps, PopoverDescriptionProps as ArkPopoverDescriptionProps, PopoverPositionerProps as ArkPopoverPositionerProps, PopoverRootProps as ArkPopoverRootProps, PopoverTitleProps as ArkPopoverTitleProps, PopoverTriggerProps as ArkPopoverTriggerProps } from '@ark-ui/react/popover';
+import { PopoverVariantProps } from 'styled-system/recipes';
+import { CerberusProps, CerberusPrimitiveProps } from '../../system/index';
+import { RefAttributes, DetailedHTMLProps, HTMLAttributes } from 'react';
+export type PopoverRootProps = CerberusPrimitiveProps<ArkPopoverRootProps & PopoverVariantProps>;
+export declare const PopoverRoot: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.RootProps>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverTriggerProps = CerberusPrimitiveProps<ArkPopoverTriggerProps>;
+export declare const PopoverTrigger: {
+    (props: CerberusPrimitiveProps<ArkPopover.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverAnchorProps = CerberusPrimitiveProps<ArkPopoverAnchorProps>;
+export declare const PopoverAnchor: {
+    (props: CerberusPrimitiveProps<ArkPopover.AnchorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverPositionerProps = CerberusPrimitiveProps<ArkPopoverPositionerProps>;
+export declare const PopoverPositioner: {
+    (props: CerberusPrimitiveProps<ArkPopover.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverArrowProps = CerberusPrimitiveProps<ArkPopoverArrowProps>;
+export declare const PopoverArrow: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ArrowProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverArrowTipProps = CerberusPrimitiveProps<ArkPopoverArrowTipProps>;
+export declare const PopoverArrowTip: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ArrowTipProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverContentProps = CerberusPrimitiveProps<ArkPopoverContentProps>;
+export declare const PopoverContent: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverTitleProps = CerberusPrimitiveProps<ArkPopoverTitleProps>;
+export declare const PopoverTitle: {
+    (props: CerberusPrimitiveProps<ArkPopover.TitleProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverDescriptionProps = CerberusPrimitiveProps<ArkPopoverDescriptionProps>;
+export declare const PopoverDescription: {
+    (props: CerberusPrimitiveProps<ArkPopover.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverCloseTriggerProps = CerberusPrimitiveProps<ArkPopoverCloseTriggerProps>;
+export declare const PopoverCloseTrigger: {
+    (internalProps: CerberusPrimitiveProps<ArkPopover.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverHeaderProps = CerberusProps<'div'>;
+export declare const PopoverHeader: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverBodyProps = CerberusProps<'div'>;
+export declare const PopoverBody: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export type PopoverFooterProps = CerberusProps<'div'>;
+export declare const PopoverFooter: {
+    (internalProps: CerberusPrimitiveProps< DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/components/popover/primitives.js

@@ -0,0 +1,26 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { popover } from "styled-system/recipes";
+import { Popover } from "@ark-ui/react/popover";
+//#region src/components/popover/primitives.ts
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(popover);
+var PopoverRoot = withSlotRecipe(Popover.Root, "root");
+var PopoverTrigger = withNoRecipe(Popover.Trigger);
+var PopoverAnchor = withNoRecipe(Popover.Anchor);
+var PopoverPositioner = withNoRecipe(Popover.Positioner);
+var PopoverArrow = withSlotRecipe(Popover.Arrow, "arrow");
+var PopoverArrowTip = withSlotRecipe(Popover.ArrowTip, "arrowTip");
+var PopoverContent = withSlotRecipe(Popover.Content, "content");
+var PopoverTitle = withNoRecipe(Popover.Title);
+var PopoverDescription = withNoRecipe(Popover.Description);
+var PopoverCloseTrigger = withSlotRecipe(Popover.CloseTrigger, "closeTrigger");
+var PopoverHeader = withSlotRecipe("div", "header", { defaultProps: createDeafultProps("header") });
+var PopoverBody = withSlotRecipe("div", "body", { defaultProps: createDeafultProps("body") });
+var PopoverFooter = withSlotRecipe("div", "footer", { defaultProps: createDeafultProps("footer") });
+function createDeafultProps(slot) {
+	return {
+		"data-scope": "popover",
+		"data-part": slot
+	};
+}
+//#endregion
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger };

package/dist/components/progress/primitives.d.cts

@@ -299,7 +299,7 @@ export declare const ProgressBarRoot: {
         animationDuration?: ConditionalValue< DurationToken | CssVars | AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationDuration<string & {}> | undefined>;
         animationFillMode?: ConditionalValue< CssVars | AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationFillMode | undefined>;
         animationIterationCount?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationIterationCount | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationIterationCount | undefined>[] | undefined>;
-        animationName?: ConditionalValue<"spin" | "ping" | "pulse" | "bounce" | CssVars | AnyString | "position" | "bgPosition" | readonly string[] | "expandHeight" | "collapseHeight" | "expandWidth" | "collapseWidth" | "fadeIn" | "fadeOut" | "fadeInDown" | "slideIn" | "slideOut" | "slideFromLeftFull" | "slideFromRightFull" | "slideFromTopFull" | "slideFromBottomFull" | "slideFromTop" | "slideFromBottom" | "slideFromLeft" | "slideFromRight" | "slideToTop" | "slideToBottom" | "slideToLeft" | "slideToRight" | "rubberBand" | "scaleIn" | "scaleOut" | "zoomIn" | import("node_modules/styled-system/types/csstype").Property.AnimationName | undefined>;
+        animationName?: ConditionalValue<"spin" | "ping" | "pulse" | "bounce" | CssVars | AnyString | "position" | "bgPosition" | readonly string[] | "expandHeight" | "collapseHeight" | "expandWidth" | "collapseWidth" | "fadeIn" | "fadeOut" | "fadeInDown" | "slideIn" | "slideOut" | "slideFromLeftFull" | "slideFromRightFull" | "slideFromTopFull" | "slideFromBottomFull" | "slideFromTop" | "slideFromBottom" | "slideFromLeft" | "slideFromRight" | "slideToTop" | "slideToBottom" | "slideToLeft" | "slideToRight" | "indeterminate" | "rubberBand" | "scaleIn" | "scaleOut" | "zoomIn" | import("node_modules/styled-system/types/csstype").Property.AnimationName | undefined>;
         animationPlayState?: ConditionalValue< AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationPlayState | undefined>;
         animationRange?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationRange< String | Number> | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationRange< String | Number> | undefined>[] | undefined>;
         animationRangeEnd?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationRangeEnd< String | Number> | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationRangeEnd< String | Number> | undefined>[] | undefined>;
@@ -1250,7 +1250,7 @@ export declare const ProgressBarBar: {
         animationDuration?: ConditionalValue< DurationToken | CssVars | AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationDuration<string & {}> | undefined>;
         animationFillMode?: ConditionalValue< CssVars | AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationFillMode | undefined>;
         animationIterationCount?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationIterationCount | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationIterationCount | undefined>[] | undefined>;
-        animationName?: ConditionalValue<"spin" | "ping" | "pulse" | "bounce" | CssVars | AnyString | "position" | "bgPosition" | readonly string[] | "expandHeight" | "collapseHeight" | "expandWidth" | "collapseWidth" | "fadeIn" | "fadeOut" | "fadeInDown" | "slideIn" | "slideOut" | "slideFromLeftFull" | "slideFromRightFull" | "slideFromTopFull" | "slideFromBottomFull" | "slideFromTop" | "slideFromBottom" | "slideFromLeft" | "slideFromRight" | "slideToTop" | "slideToBottom" | "slideToLeft" | "slideToRight" | "rubberBand" | "scaleIn" | "scaleOut" | "zoomIn" | import("node_modules/styled-system/types/csstype").Property.AnimationName | undefined>;
+        animationName?: ConditionalValue<"spin" | "ping" | "pulse" | "bounce" | CssVars | AnyString | "position" | "bgPosition" | readonly string[] | "expandHeight" | "collapseHeight" | "expandWidth" | "collapseWidth" | "fadeIn" | "fadeOut" | "fadeInDown" | "slideIn" | "slideOut" | "slideFromLeftFull" | "slideFromRightFull" | "slideFromTopFull" | "slideFromBottomFull" | "slideFromTop" | "slideFromBottom" | "slideFromLeft" | "slideFromRight" | "slideToTop" | "slideToBottom" | "slideToLeft" | "slideToRight" | "indeterminate" | "rubberBand" | "scaleIn" | "scaleOut" | "zoomIn" | import("node_modules/styled-system/types/csstype").Property.AnimationName | undefined>;
         animationPlayState?: ConditionalValue< AnyString | readonly string[] | import("node_modules/styled-system/types/csstype").Property.AnimationPlayState | undefined>;
         animationRange?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationRange< String | Number> | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationRange< String | Number> | undefined>[] | undefined>;
         animationRangeEnd?: ConditionalValue< AnyString | import("node_modules/styled-system/types/csstype").Property.AnimationRangeEnd< String | Number> | readonly NonNullable<import("node_modules/styled-system/types/csstype").Property.AnimationRangeEnd< String | Number> | undefined>[] | undefined>;