@cerberus-design/react
Version:
The Cerberus Design React component library.
32 lines (29 loc) • 2.16 kB
JavaScript
import { circularProgress } from 'styled-system/recipes';
import { createCerberusPrimitive, cerberus } from '../../system/index.js';
import { ProgressRoot } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-root.js';
import { ProgressLabel } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-label.js';
import { ProgressValueText } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-value-text.js';
import { ProgressCircle } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-circle.js';
import { ProgressCircleTrack } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-circle-track.js';
import { ProgressCircleRange } from '../../node_modules/.pnpm/@ark-ui_react@5.29.1_react-dom@19.2.1_react@19.2.1__react@19.2.1/node_modules/@ark-ui/react/dist/components/progress/progress-circle-range.js';
const { withSlotRecipe } = createCerberusPrimitive(circularProgress);
const CircularProgressRoot = withSlotRecipe(ProgressRoot, "root");
const CircularProgressLabel = withSlotRecipe(ProgressLabel, "label");
const CircularProgressValueText = withSlotRecipe(
ProgressValueText,
"valueText"
);
const CircularProgressCircle = withSlotRecipe(ProgressCircle, "circle");
const CircularProgressCircleTrack = withSlotRecipe(
ProgressCircleTrack,
"circleTrack"
);
const CircularProgressCircleRange = withSlotRecipe(
ProgressCircleRange,
"circleRange"
);
const CircularProgressInfoGroup = withSlotRecipe(
cerberus.div,
"infoGroup"
);
export { CircularProgressCircle, CircularProgressCircleRange, CircularProgressCircleTrack, CircularProgressInfoGroup, CircularProgressLabel, CircularProgressRoot, CircularProgressValueText };