@cerberus-design/react/dist/components/field/primitives.cjs

The Cerberus Design React component library.

'use strict';

Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });

const jsxRuntime = require('react/jsx-runtime');
const react = require('@ark-ui/react');
const recipes = require('styled-system/recipes');
const css = require('styled-system/css');
const index = require('../../system/index.cjs');
const input = require('./input.cjs');
const errorText = require('./error-text.cjs');
const fieldRoot = require('../../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.cjs');
const fieldInput = require('../../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.cjs');
const fieldHelperText = require('../../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.cjs');
const fieldTextarea = require('../../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.cjs');
const fieldLabel = require('../../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.cjs');
const fieldRequiredIndicator = require('../../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.cjs');

const { withSlotRecipe, withNoRecipe } = index.createCerberusPrimitive(recipes.field);
const FieldRoot = withSlotRecipe(fieldRoot.FieldRoot, "root");
function FieldLabelEl(props) {
  const { children, hideLabel, className, ...nativeProps } = props;
  return /* @__PURE__ */ jsxRuntime.jsxs(
    fieldLabel.FieldLabel,
    {
      ...nativeProps,
      className: css.cx(className, hideLabel && css.css({ srOnly: true })),
      children: [
        children,
        /* @__PURE__ */ jsxRuntime.jsx(fieldRequiredIndicator.FieldRequiredIndicator, { children: "(required)" })
      ]
    }
  );
}
const FieldLabel = withSlotRecipe(FieldLabelEl, "label");
function FieldRequiredIndicatorEl(props) {
  return /* @__PURE__ */ jsxRuntime.jsx(fieldRequiredIndicator.FieldRequiredIndicator, { ...props, children: "(required)" });
}
const FieldRequiredIndicator = withNoRecipe(FieldRequiredIndicatorEl);
const FieldInputRoot = withSlotRecipe(react.ark.div, "inputRoot");
const FieldInput = withSlotRecipe(fieldInput.FieldInput, "input");
const FieldHelperText = withSlotRecipe(fieldHelperText.FieldHelperText, "helperText");
const FieldErrorText = withSlotRecipe(
  errorText.CerberusFieldErrorText,
  "errorText"
);
const FieldTextarea = withSlotRecipe(fieldTextarea.FieldTextarea, "textarea");
const Input = input.CerberusFieldInput;
const Textarea = FieldTextarea;

exports.FieldErrorText = FieldErrorText;
exports.FieldHelperText = FieldHelperText;
exports.FieldInput = FieldInput;
exports.FieldInputRoot = FieldInputRoot;
exports.FieldLabel = FieldLabel;
exports.FieldRequiredIndicator = FieldRequiredIndicator;
exports.FieldRoot = FieldRoot;
exports.FieldTextarea = FieldTextarea;
exports.Input = Input;
exports.Textarea = Textarea;