@cerberus-design/react
Version:
The Cerberus Design React component library.
48 lines (45 loc) • 2.95 kB
JavaScript
import { jsxs, jsx } from 'react/jsx-runtime';
import { ark } from '@ark-ui/react';
import { field } from 'styled-system/recipes';
import { cx, css } from 'styled-system/css';
import { createCerberusPrimitive } from '../../system/index.js';
import { CerberusFieldInput } from './input.js';
import { CerberusFieldErrorText } from './error-text.js';
import { FieldRoot as FieldRoot$1 } 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/field/field-root.js';
import { FieldInput as FieldInput$1 } 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/field/field-input.js';
import { FieldHelperText as FieldHelperText$1 } 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/field/field-helper-text.js';
import { FieldTextarea as FieldTextarea$1 } 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/field/field-textarea.js';
import { FieldLabel as FieldLabel$1 } 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/field/field-label.js';
import { FieldRequiredIndicator as FieldRequiredIndicator$1 } 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/field/field-required-indicator.js';
const { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(field);
const FieldRoot = withSlotRecipe(FieldRoot$1, "root");
function FieldLabelEl(props) {
const { children, hideLabel, className, ...nativeProps } = props;
return /* @__PURE__ */ jsxs(
FieldLabel$1,
{
...nativeProps,
className: cx(className, hideLabel && css({ srOnly: true })),
children: [
children,
/* @__PURE__ */ jsx(FieldRequiredIndicator$1, { children: "(required)" })
]
}
);
}
const FieldLabel = withSlotRecipe(FieldLabelEl, "label");
function FieldRequiredIndicatorEl(props) {
return /* @__PURE__ */ jsx(FieldRequiredIndicator$1, { ...props, children: "(required)" });
}
const FieldRequiredIndicator = withNoRecipe(FieldRequiredIndicatorEl);
const FieldInputRoot = withSlotRecipe(ark.div, "inputRoot");
const FieldInput = withSlotRecipe(FieldInput$1, "input");
const FieldHelperText = withSlotRecipe(FieldHelperText$1, "helperText");
const FieldErrorText = withSlotRecipe(
CerberusFieldErrorText,
"errorText"
);
const FieldTextarea = withSlotRecipe(FieldTextarea$1, "textarea");
const Input = CerberusFieldInput;
const Textarea = FieldTextarea;
export { FieldErrorText, FieldHelperText, FieldInput, FieldInputRoot, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldTextarea, Input, Textarea };