@cerberus-design/react 0.18.3 → 0.19.0

package/build/legacy/components/circular-progress/circular-progress.cjs

@@ -0,0 +1,188 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/components/circular-progress/circular-progress.tsx
+var circular_progress_exports = {};
+__export(circular_progress_exports, {
+  CircularProgress: () => CircularProgress
+});
+module.exports = __toCommonJS(circular_progress_exports);
+
+// src/components/circular-progress/primitives.ts
+var import_progress = require("@ark-ui/react/progress");
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes = require("styled-system/recipes");
+
+// src/system/primitive-factory.tsx
+var import_css = require("styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusPrimitive = class {
+  constructor(recipe) {
+    __publicField(this, "recipe");
+    /**
+     * Creates a Cerberus component with bare features and no recipe.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @returns A new React component that applies Cerberus features to the
+     * original component.
+     * @example
+     * ```typescript
+     * const { withNoRecipe } = createCerberusPrimitive(button)
+     * const Button = withNoRecipe(RawButton)
+     * ```
+     */
+    __publicField(this, "withNoRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      this.validateComponent(Component);
+      const CerbComponent = (props) => {
+        const { css: customCss, className, ...nativeProps } = props;
+        const styles = this.hasStyles((0, import_css.cx)(className, (0, import_css.css)(customCss)));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with the given recipe.
+     * @param Component - The React component to enhance with the recipe.
+     * @param options - Options for the recipe.
+     * @returns A new React component that applies the recipe to the original
+     * component.
+     */
+    __publicField(this, "withRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const recipeStyles = recipe(variantOptions);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, recipeStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with a slot recipe applied.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @param recipe - The slot recipe to apply to the component.
+     * @returns A new React component that applies Cerberus features and the
+     * specified slot recipe to the original component.
+     * @example
+     * ```typescript
+     * const { withSlotRecipe } = createCerberusPrimitive(field)
+     * const Field = withSlotRecipe(RawField, field)
+     * ```
+     */
+    __publicField(this, "withSlotRecipe", (Component, slot, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const styles = recipe(variantOptions);
+        const slotStyles = styles[slot];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, slotStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    this.recipe = recipe ?? null;
+  }
+  hasStyles(styles) {
+    if (styles) {
+      return {
+        className: styles
+      };
+    }
+    return {};
+  }
+  validateComponent(Component) {
+    if (typeof Component !== "function" && typeof Component !== "object") {
+      throw new Error("Expected a React component as the first argument.");
+    }
+  }
+};
+
+// src/system/index.ts
+function createCerberusPrimitive(recipe) {
+  return new CerberusPrimitive(recipe);
+}
+
+// src/components/circular-progress/primitives.ts
+var { withSlotRecipe } = createCerberusPrimitive(import_recipes.circularProgress);
+var CircularProgressRoot = withSlotRecipe(
+  import_progress.Progress.Root,
+  "root"
+);
+var CircularProgressLabel = withSlotRecipe(
+  import_progress.Progress.Label,
+  "label"
+);
+var CircularProgressValueText = withSlotRecipe(
+  import_progress.Progress.ValueText,
+  "valueText"
+);
+var CircularProgressCircle = withSlotRecipe(import_progress.Progress.Circle, "circle");
+var CircularProgressCircleTrack = withSlotRecipe(
+  import_progress.Progress.CircleTrack,
+  "circleTrack"
+);
+var CircularProgressCircleRange = withSlotRecipe(
+  import_progress.Progress.CircleRange,
+  "circleRange"
+);
+var CircularProgressInfoGroup = withSlotRecipe(import_factory.ark.div, "infoGroup");
+
+// src/components/circular-progress/circular-progress.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CircularProgress(props) {
+  const { label, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressRoot, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressCircle, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressCircleTrack, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressCircleRange, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressInfoGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressValueText, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressLabel, { children: label ?? "Done" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CircularProgress
+});
+//# sourceMappingURL=circular-progress.cjs.map

package/build/legacy/components/circular-progress/circular-progress.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/circular-progress/circular-progress.tsx","../../../../src/components/circular-progress/primitives.ts","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts"],"sourcesContent":["import {\n  CircularProgressCircle,\n  CircularProgressCircleRange,\n  CircularProgressCircleTrack,\n  CircularProgressInfoGroup,\n  CircularProgressLabel,\n  CircularProgressRoot,\n  CircularProgressValueText,\n  type CircularProgressRootProps,\n} from './primitives'\n\nexport interface CircularProgressProps extends CircularProgressRootProps {\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The label for the circular progress.\n   */\n  label?: string\n}\n\nexport function CircularProgress(props: CircularProgressProps) {\n  const { label, ...rootProps } = props\n\n  return (\n    <CircularProgressRoot {...rootProps}>\n      <CircularProgressCircle>\n        <CircularProgressCircleTrack />\n        <CircularProgressCircleRange />\n      </CircularProgressCircle>\n\n      <CircularProgressInfoGroup>\n        <CircularProgressValueText />\n        <CircularProgressLabel>{label ?? 'Done'}</CircularProgressLabel>\n      </CircularProgressInfoGroup>\n    </CircularProgressRoot>\n  )\n}\n","import {\n  Progress,\n  type ProgressRootProps,\n  type ProgressLabelProps,\n  type ProgressValueTextProps,\n  type ProgressCircleProps,\n  type ProgressCircleTrackProps,\n  type ProgressCircleRangeProps,\n} from '@ark-ui/react/progress'\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  circularProgress,\n  type CircularProgressVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the CircularProgress component primitives.\n * @module @cerberus-design/react/components/circular-progress/primitives\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(circularProgress)\n\n// Root\n\nexport type CircularProgressRootProps = CerberusPrimitiveProps<\n  ProgressRootProps & CircularProgressVariantProps\n>\n// @ts-expect-error this is a workaround for the type\nexport const CircularProgressRoot = withSlotRecipe<CircularProgressRootProps>(\n  Progress.Root,\n  'root',\n)\n\n// Label\n\nexport type CircularProgressLabelProps =\n  CerberusPrimitiveProps<ProgressLabelProps>\nexport const CircularProgressLabel = withSlotRecipe<CircularProgressLabelProps>(\n  Progress.Label,\n  'label',\n)\n\n// ValueText\n\nexport type CircularProgressValueTextProps =\n  CerberusPrimitiveProps<ProgressValueTextProps>\nexport const CircularProgressValueText =\n  withSlotRecipe<CircularProgressValueTextProps>(\n    Progress.ValueText,\n    'valueText',\n  )\n\n// Circle\n\nexport type CircularProgressCircleProps =\n  CerberusPrimitiveProps<ProgressCircleProps>\nexport const CircularProgressCircle =\n  withSlotRecipe<CircularProgressCircleProps>(Progress.Circle, 'circle')\n\n// CircleTrack\n\nexport type CircularProgressCircleTrackProps =\n  CerberusPrimitiveProps<ProgressCircleTrackProps>\nexport const CircularProgressCircleTrack =\n  withSlotRecipe<CircularProgressCircleTrackProps>(\n    Progress.CircleTrack,\n    'circleTrack',\n  )\n\n// CircleRange\n\nexport type CircularProgressCircleRangeProps =\n  CerberusPrimitiveProps<ProgressCircleRangeProps>\nexport const CircularProgressCircleRange =\n  withSlotRecipe<CircularProgressCircleRangeProps>(\n    Progress.CircleRange,\n    'circleRange',\n  )\n\n// InfoGroup\n\nexport type CircularProgressInfoGroupProps = HTMLArkProps<'div'>\nexport const CircularProgressInfoGroup =\n  withSlotRecipe<CircularProgressInfoGroupProps>(ark.div, 'infoGroup')\n","import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      throw new Error('Expected a React component as the first argument.')\n    }\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   * @example\n   * ```typescript\n   * const { withNoRecipe } = createCerberusPrimitive(button)\n   * const Button = withNoRecipe(RawButton)\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <Component {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusRecipe\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n}\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/build/legacy/components/circular-progress/circular-progress.d.cts

@@ -0,0 +1,2 @@
+export { CircularProgress_alias_1 as CircularProgress } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressProps_alias_1 as CircularProgressProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/circular-progress/index.cjs

@@ -0,0 +1,202 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/components/circular-progress/index.ts
+var circular_progress_exports = {};
+__export(circular_progress_exports, {
+  CircularProgress: () => CircularProgress,
+  CircularProgressCircle: () => CircularProgressCircle,
+  CircularProgressCircleRange: () => CircularProgressCircleRange,
+  CircularProgressCircleTrack: () => CircularProgressCircleTrack,
+  CircularProgressInfoGroup: () => CircularProgressInfoGroup,
+  CircularProgressLabel: () => CircularProgressLabel,
+  CircularProgressRoot: () => CircularProgressRoot,
+  CircularProgressValueText: () => CircularProgressValueText
+});
+module.exports = __toCommonJS(circular_progress_exports);
+
+// src/components/circular-progress/primitives.ts
+var import_progress = require("@ark-ui/react/progress");
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes = require("styled-system/recipes");
+
+// src/system/primitive-factory.tsx
+var import_css = require("styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusPrimitive = class {
+  constructor(recipe) {
+    __publicField(this, "recipe");
+    /**
+     * Creates a Cerberus component with bare features and no recipe.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @returns A new React component that applies Cerberus features to the
+     * original component.
+     * @example
+     * ```typescript
+     * const { withNoRecipe } = createCerberusPrimitive(button)
+     * const Button = withNoRecipe(RawButton)
+     * ```
+     */
+    __publicField(this, "withNoRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      this.validateComponent(Component);
+      const CerbComponent = (props) => {
+        const { css: customCss, className, ...nativeProps } = props;
+        const styles = this.hasStyles((0, import_css.cx)(className, (0, import_css.css)(customCss)));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with the given recipe.
+     * @param Component - The React component to enhance with the recipe.
+     * @param options - Options for the recipe.
+     * @returns A new React component that applies the recipe to the original
+     * component.
+     */
+    __publicField(this, "withRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const recipeStyles = recipe(variantOptions);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, recipeStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with a slot recipe applied.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @param recipe - The slot recipe to apply to the component.
+     * @returns A new React component that applies Cerberus features and the
+     * specified slot recipe to the original component.
+     * @example
+     * ```typescript
+     * const { withSlotRecipe } = createCerberusPrimitive(field)
+     * const Field = withSlotRecipe(RawField, field)
+     * ```
+     */
+    __publicField(this, "withSlotRecipe", (Component, slot, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const styles = recipe(variantOptions);
+        const slotStyles = styles[slot];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, slotStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    this.recipe = recipe ?? null;
+  }
+  hasStyles(styles) {
+    if (styles) {
+      return {
+        className: styles
+      };
+    }
+    return {};
+  }
+  validateComponent(Component) {
+    if (typeof Component !== "function" && typeof Component !== "object") {
+      throw new Error("Expected a React component as the first argument.");
+    }
+  }
+};
+
+// src/system/index.ts
+function createCerberusPrimitive(recipe) {
+  return new CerberusPrimitive(recipe);
+}
+
+// src/components/circular-progress/primitives.ts
+var { withSlotRecipe } = createCerberusPrimitive(import_recipes.circularProgress);
+var CircularProgressRoot = withSlotRecipe(
+  import_progress.Progress.Root,
+  "root"
+);
+var CircularProgressLabel = withSlotRecipe(
+  import_progress.Progress.Label,
+  "label"
+);
+var CircularProgressValueText = withSlotRecipe(
+  import_progress.Progress.ValueText,
+  "valueText"
+);
+var CircularProgressCircle = withSlotRecipe(import_progress.Progress.Circle, "circle");
+var CircularProgressCircleTrack = withSlotRecipe(
+  import_progress.Progress.CircleTrack,
+  "circleTrack"
+);
+var CircularProgressCircleRange = withSlotRecipe(
+  import_progress.Progress.CircleRange,
+  "circleRange"
+);
+var CircularProgressInfoGroup = withSlotRecipe(import_factory.ark.div, "infoGroup");
+
+// src/components/circular-progress/circular-progress.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+function CircularProgress(props) {
+  const { label, ...rootProps } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressRoot, { ...rootProps, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressCircle, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressCircleTrack, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressCircleRange, {})
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(CircularProgressInfoGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressValueText, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CircularProgressLabel, { children: label ?? "Done" })
+    ] })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CircularProgress,
+  CircularProgressCircle,
+  CircularProgressCircleRange,
+  CircularProgressCircleTrack,
+  CircularProgressInfoGroup,
+  CircularProgressLabel,
+  CircularProgressRoot,
+  CircularProgressValueText
+});
+//# sourceMappingURL=index.cjs.map

package/build/legacy/components/circular-progress/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/components/circular-progress/index.ts","../../../../src/components/circular-progress/primitives.ts","../../../../src/system/primitive-factory.tsx","../../../../src/system/index.ts","../../../../src/components/circular-progress/circular-progress.tsx"],"sourcesContent":["export * from './primitives'\nexport * from './circular-progress'\n","import {\n  Progress,\n  type ProgressRootProps,\n  type ProgressLabelProps,\n  type ProgressValueTextProps,\n  type ProgressCircleProps,\n  type ProgressCircleTrackProps,\n  type ProgressCircleRangeProps,\n} from '@ark-ui/react/progress'\nimport { ark, type HTMLArkProps } from '@ark-ui/react/factory'\nimport {\n  circularProgress,\n  type CircularProgressVariantProps,\n} from 'styled-system/recipes'\nimport {\n  createCerberusPrimitive,\n  type CerberusPrimitiveProps,\n} from '../../system/index'\n\n/**\n * This module contains the CircularProgress component primitives.\n * @module @cerberus-design/react/components/circular-progress/primitives\n */\n\nconst { withSlotRecipe } = createCerberusPrimitive(circularProgress)\n\n// Root\n\nexport type CircularProgressRootProps = CerberusPrimitiveProps<\n  ProgressRootProps & CircularProgressVariantProps\n>\n// @ts-expect-error this is a workaround for the type\nexport const CircularProgressRoot = withSlotRecipe<CircularProgressRootProps>(\n  Progress.Root,\n  'root',\n)\n\n// Label\n\nexport type CircularProgressLabelProps =\n  CerberusPrimitiveProps<ProgressLabelProps>\nexport const CircularProgressLabel = withSlotRecipe<CircularProgressLabelProps>(\n  Progress.Label,\n  'label',\n)\n\n// ValueText\n\nexport type CircularProgressValueTextProps =\n  CerberusPrimitiveProps<ProgressValueTextProps>\nexport const CircularProgressValueText =\n  withSlotRecipe<CircularProgressValueTextProps>(\n    Progress.ValueText,\n    'valueText',\n  )\n\n// Circle\n\nexport type CircularProgressCircleProps =\n  CerberusPrimitiveProps<ProgressCircleProps>\nexport const CircularProgressCircle =\n  withSlotRecipe<CircularProgressCircleProps>(Progress.Circle, 'circle')\n\n// CircleTrack\n\nexport type CircularProgressCircleTrackProps =\n  CerberusPrimitiveProps<ProgressCircleTrackProps>\nexport const CircularProgressCircleTrack =\n  withSlotRecipe<CircularProgressCircleTrackProps>(\n    Progress.CircleTrack,\n    'circleTrack',\n  )\n\n// CircleRange\n\nexport type CircularProgressCircleRangeProps =\n  CerberusPrimitiveProps<ProgressCircleRangeProps>\nexport const CircularProgressCircleRange =\n  withSlotRecipe<CircularProgressCircleRangeProps>(\n    Progress.CircleRange,\n    'circleRange',\n  )\n\n// InfoGroup\n\nexport type CircularProgressInfoGroupProps = HTMLArkProps<'div'>\nexport const CircularProgressInfoGroup =\n  withSlotRecipe<CircularProgressInfoGroupProps>(ark.div, 'infoGroup')\n","import { css, cx } from 'styled-system/css'\nimport type { RecipeVariantRecord } from 'styled-system/types'\nimport {\n  type ComponentType,\n  type HTMLAttributes,\n  type PropsWithChildren,\n} from 'react'\nimport type { WithCss } from '../types'\nimport type {\n  CerberusPrimitiveEl,\n  CerberusPrimitiveRecipe,\n  CerberusRecipe,\n  CerberusSlotRecipe,\n  WithRecipeOptions,\n} from './types'\n\n/**\n * This module contains a factory for creating Cerberus primitives.\n * @module @cerberus/core/system/factory\n */\n\nexport class CerberusPrimitive {\n  recipe: CerberusPrimitiveRecipe | null\n\n  constructor(recipe?: CerberusPrimitiveRecipe) {\n    this.recipe = recipe ?? null\n  }\n\n  private hasStyles(styles: string | undefined): Record<string, unknown> {\n    if (styles) {\n      return {\n        className: styles,\n      }\n    }\n    return {}\n  }\n\n  private validateComponent<P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n  ) {\n    if (typeof Component !== 'function' && typeof Component !== 'object') {\n      throw new Error('Expected a React component as the first argument.')\n    }\n  }\n\n  /**\n   * Creates a Cerberus component with bare features and no recipe.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @returns A new React component that applies Cerberus features to the\n   * original component.\n   * @example\n   * ```typescript\n   * const { withNoRecipe } = createCerberusPrimitive(button)\n   * const Button = withNoRecipe(RawButton)\n   * ```\n   */\n  withNoRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P> => {\n    const { defaultProps } = options || {}\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (props: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = props\n      const styles = this.hasStyles(cx(className, css(customCss)))\n      return <Component {...defaultProps} {...styles} {...(nativeProps as P)} />\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with the given recipe.\n   * @param Component - The React component to enhance with the recipe.\n   * @param options - Options for the recipe.\n   * @returns A new React component that applies the recipe to the original\n   * component.\n   */\n  withRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    options?: WithRecipeOptions,\n  ): CerberusPrimitiveEl<P & WithRecipeOptions['defaultProps']> => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusRecipe\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const recipeStyles = recipe(variantOptions)\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, recipeStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n\n  /**\n   * Creates a Cerberus component with a slot recipe applied.\n   * @param Component - The React component to enhance with Cerberus features.\n   * @param recipe - The slot recipe to apply to the component.\n   * @returns A new React component that applies Cerberus features and the\n   * specified slot recipe to the original component.\n   * @example\n   * ```typescript\n   * const { withSlotRecipe } = createCerberusPrimitive(field)\n   * const Field = withSlotRecipe(RawField, field)\n   * ```\n   */\n  withSlotRecipe = <P extends HTMLAttributes<unknown>>(\n    Component: ComponentType<P>,\n    slot: keyof RecipeVariantRecord,\n    options?: WithRecipeOptions,\n  ) => {\n    const { defaultProps } = options || {}\n    const recipe = this.recipe as CerberusSlotRecipe<typeof slot>\n\n    this.validateComponent(Component)\n\n    const CerbComponent = (internalProps: PropsWithChildren<P> & WithCss) => {\n      const { css: customCss, className, ...nativeProps } = internalProps\n\n      const [variantOptions] = recipe.splitVariantProps(nativeProps)\n      const styles = recipe(variantOptions)\n      const slotStyles = styles[slot as keyof typeof styles]\n\n      return (\n        <Component\n          {...defaultProps}\n          {...(nativeProps as P)}\n          className={cx(className, slotStyles, css(customCss))}\n        />\n      )\n    }\n\n    CerbComponent.displayName = Component.displayName || Component.name\n    return CerbComponent\n  }\n}\n","import { CerberusPrimitive } from './primitive-factory'\nimport type { CerberusFactory, CerberusPrimitiveRecipe } from './types'\nimport { cerberusFactoryProxy } from './factory'\n\n/**\n * This module contains the user interface for creating Cerberus primitives.\n * @module @cerberus/core/system/create-cerb-primitive\n */\n\n/**\n * A factory function that creates a Cerberus primitive instance with the given\n * recipe.\n * @param recipe\n * @returns An object with three methods: `withNoRecipe`, `withRecipe`, and `withSlotRecipe` that\n * apply the recipes and special Cerberus helpers like `css`.\n *\n * @example\n * ```tsx\n * const { withRecipe } = createCerberusPrimitive(myCustomRecipe);\n * export const Button = withRecipe(MyCustomButton)\n * ```\n */\nexport function createCerberusPrimitive<T extends CerberusPrimitiveRecipe>(\n  recipe?: T,\n) {\n  return new CerberusPrimitive(recipe)\n}\n\n/**\n * A utility function to access Cerberus components by their name.\n * @param component - The name of the Cerberus component to access.\n * @returns The Cerberus component corresponding to the provided name.\n * @throws An error if the component name is not valid.\n *\n * @example\n * ```tsx\n * import { cerberus } from '@cerberus/react'\n * const Button = cerberus('button')\n *\n * <Button css={{ color: 'blue' }} asChild>\n *  <Link href=\"/some-page\">Click me</Link>\n * </Button>\n * ```\n */\nexport const cerberus = cerberusFactoryProxy as CerberusFactory\n\nexport * from './types'\n","import {\n  CircularProgressCircle,\n  CircularProgressCircleRange,\n  CircularProgressCircleTrack,\n  CircularProgressInfoGroup,\n  CircularProgressLabel,\n  CircularProgressRoot,\n  CircularProgressValueText,\n  type CircularProgressRootProps,\n} from './primitives'\n\nexport interface CircularProgressProps extends CircularProgressRootProps {\n  /**\n   * The background style of the CircularProgress\n   */\n  bgStyle?: 'filled' | 'transparent'\n  /**\n   * The label for the circular progress.\n   */\n  label?: string\n}\n\nexport function CircularProgress(props: CircularProgressProps) {\n  const { label, ...rootProps } = props\n\n  return (\n    <CircularProgressRoot {...rootProps}>\n      <CircularProgressCircle>\n        <CircularProgressCircleTrack />\n        <CircularProgressCircleRange />\n      </CircularProgressCircle>\n\n      <CircularProgressInfoGroup>\n        <CircularProgressValueText />\n        <CircularProgressLabel>{label ?? 'Done'}</CircularProgressLabel>\n      </CircularProgressInfoGroup>\n    </CircularProgressRoot>\n  )\n}\n"],"mappings":"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","names":["import_jsx_runtime"]}

package/build/legacy/components/circular-progress/index.d.cts

@@ -0,0 +1,16 @@
+export { CircularProgressRootProps_alias_1 as CircularProgressRootProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressRoot_alias_1 as CircularProgressRoot } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressLabelProps_alias_1 as CircularProgressLabelProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressLabel_alias_1 as CircularProgressLabel } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressValueTextProps_alias_1 as CircularProgressValueTextProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressValueText_alias_1 as CircularProgressValueText } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircleProps_alias_1 as CircularProgressCircleProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircle_alias_1 as CircularProgressCircle } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircleTrackProps_alias_1 as CircularProgressCircleTrackProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircleTrack_alias_1 as CircularProgressCircleTrack } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircleRangeProps_alias_1 as CircularProgressCircleRangeProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressCircleRange_alias_1 as CircularProgressCircleRange } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressInfoGroupProps_alias_1 as CircularProgressInfoGroupProps } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressInfoGroup_alias_1 as CircularProgressInfoGroup } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgress_alias_2 as CircularProgress } from '../../_tsup-dts-rollup.cjs';
+export { CircularProgressProps_alias_2 as CircularProgressProps } from '../../_tsup-dts-rollup.cjs';

package/build/legacy/components/circular-progress/primitives.cjs

@@ -0,0 +1,182 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/components/circular-progress/primitives.ts
+var primitives_exports = {};
+__export(primitives_exports, {
+  CircularProgressCircle: () => CircularProgressCircle,
+  CircularProgressCircleRange: () => CircularProgressCircleRange,
+  CircularProgressCircleTrack: () => CircularProgressCircleTrack,
+  CircularProgressInfoGroup: () => CircularProgressInfoGroup,
+  CircularProgressLabel: () => CircularProgressLabel,
+  CircularProgressRoot: () => CircularProgressRoot,
+  CircularProgressValueText: () => CircularProgressValueText
+});
+module.exports = __toCommonJS(primitives_exports);
+var import_progress = require("@ark-ui/react/progress");
+var import_factory = require("@ark-ui/react/factory");
+var import_recipes = require("styled-system/recipes");
+
+// src/system/primitive-factory.tsx
+var import_css = require("styled-system/css");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CerberusPrimitive = class {
+  constructor(recipe) {
+    __publicField(this, "recipe");
+    /**
+     * Creates a Cerberus component with bare features and no recipe.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @returns A new React component that applies Cerberus features to the
+     * original component.
+     * @example
+     * ```typescript
+     * const { withNoRecipe } = createCerberusPrimitive(button)
+     * const Button = withNoRecipe(RawButton)
+     * ```
+     */
+    __publicField(this, "withNoRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      this.validateComponent(Component);
+      const CerbComponent = (props) => {
+        const { css: customCss, className, ...nativeProps } = props;
+        const styles = this.hasStyles((0, import_css.cx)(className, (0, import_css.css)(customCss)));
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, { ...defaultProps, ...styles, ...nativeProps });
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with the given recipe.
+     * @param Component - The React component to enhance with the recipe.
+     * @param options - Options for the recipe.
+     * @returns A new React component that applies the recipe to the original
+     * component.
+     */
+    __publicField(this, "withRecipe", (Component, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const recipeStyles = recipe(variantOptions);
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, recipeStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    /**
+     * Creates a Cerberus component with a slot recipe applied.
+     * @param Component - The React component to enhance with Cerberus features.
+     * @param recipe - The slot recipe to apply to the component.
+     * @returns A new React component that applies Cerberus features and the
+     * specified slot recipe to the original component.
+     * @example
+     * ```typescript
+     * const { withSlotRecipe } = createCerberusPrimitive(field)
+     * const Field = withSlotRecipe(RawField, field)
+     * ```
+     */
+    __publicField(this, "withSlotRecipe", (Component, slot, options) => {
+      const { defaultProps } = options || {};
+      const recipe = this.recipe;
+      this.validateComponent(Component);
+      const CerbComponent = (internalProps) => {
+        const { css: customCss, className, ...nativeProps } = internalProps;
+        const [variantOptions] = recipe.splitVariantProps(nativeProps);
+        const styles = recipe(variantOptions);
+        const slotStyles = styles[slot];
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          Component,
+          {
+            ...defaultProps,
+            ...nativeProps,
+            className: (0, import_css.cx)(className, slotStyles, (0, import_css.css)(customCss))
+          }
+        );
+      };
+      CerbComponent.displayName = Component.displayName || Component.name;
+      return CerbComponent;
+    });
+    this.recipe = recipe ?? null;
+  }
+  hasStyles(styles) {
+    if (styles) {
+      return {
+        className: styles
+      };
+    }
+    return {};
+  }
+  validateComponent(Component) {
+    if (typeof Component !== "function" && typeof Component !== "object") {
+      throw new Error("Expected a React component as the first argument.");
+    }
+  }
+};
+
+// src/system/index.ts
+function createCerberusPrimitive(recipe) {
+  return new CerberusPrimitive(recipe);
+}
+
+// src/components/circular-progress/primitives.ts
+var { withSlotRecipe } = createCerberusPrimitive(import_recipes.circularProgress);
+var CircularProgressRoot = withSlotRecipe(
+  import_progress.Progress.Root,
+  "root"
+);
+var CircularProgressLabel = withSlotRecipe(
+  import_progress.Progress.Label,
+  "label"
+);
+var CircularProgressValueText = withSlotRecipe(
+  import_progress.Progress.ValueText,
+  "valueText"
+);
+var CircularProgressCircle = withSlotRecipe(import_progress.Progress.Circle, "circle");
+var CircularProgressCircleTrack = withSlotRecipe(
+  import_progress.Progress.CircleTrack,
+  "circleTrack"
+);
+var CircularProgressCircleRange = withSlotRecipe(
+  import_progress.Progress.CircleRange,
+  "circleRange"
+);
+var CircularProgressInfoGroup = withSlotRecipe(import_factory.ark.div, "infoGroup");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CircularProgressCircle,
+  CircularProgressCircleRange,
+  CircularProgressCircleTrack,
+  CircularProgressInfoGroup,
+  CircularProgressLabel,
+  CircularProgressRoot,
+  CircularProgressValueText
+});
+//# sourceMappingURL=primitives.cjs.map