@ruya.sa/ui 3.71.3

package/dist/fields/FieldLabel/index.js

@@ -0,0 +1,56 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import React from 'react';
+import { useForm } from '../../forms/Form/context.js';
+import { useEditDepth } from '../../providers/EditDepth/index.js';
+import { useLocale } from '../../providers/Locale/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { generateFieldID } from '../../utilities/generateFieldID.js';
+import './index.scss';
+export const FieldLabel = props => {
+  const {
+    as: t0,
+    hideLocale: t1,
+    htmlFor: htmlForFromProps,
+    label,
+    localized: t2,
+    path,
+    required: t3,
+    unstyled: t4
+  } = props;
+  const ElementFromProps = t0 === undefined ? "label" : t0;
+  const hideLocale = t1 === undefined ? false : t1;
+  const localized = t2 === undefined ? false : t2;
+  const required = t3 === undefined ? false : t3;
+  const unstyled = t4 === undefined ? false : t4;
+  const {
+    uuid
+  } = useForm();
+  const editDepth = useEditDepth();
+  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    code,
+    label: localLabel
+  } = useLocale();
+  const Element = ElementFromProps === "label" ? htmlFor ? "label" : "span" : ElementFromProps || "span";
+  if (label) {
+    return _jsxs(Element, {
+      className: `field-label${unstyled ? " unstyled" : ""}`,
+      htmlFor,
+      children: [getTranslation(label, i18n), required && !unstyled && _jsx("span", {
+        className: "required",
+        children: "*"
+      }), localized && !hideLocale && _jsxs("span", {
+        className: "localized",
+        children: ["\u2014 ", typeof localLabel === "string" ? localLabel : code]
+      })]
+    });
+  }
+  return null;
+};
+//# sourceMappingURL=index.js.map

package/dist/fields/FieldLabel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","React","useForm","useEditDepth","useLocale","useTranslation","generateFieldID","FieldLabel","props","as","t0","hideLocale","t1","htmlFor","htmlForFromProps","label","localized","t2","path","required","t3","unstyled","t4","ElementFromProps","undefined","uuid","editDepth","i18n","code","localLabel","Element","_jsxs","className","children","_jsx"],"sources":["../../../src/fields/FieldLabel/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GenericLabelProps } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport React from 'react'\n\nimport { useForm } from '../../forms/Form/context.js'\nimport { useEditDepth } from '../../providers/EditDepth/index.js'\nimport { useLocale } from '../../providers/Locale/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { generateFieldID } from '../../utilities/generateFieldID.js'\nimport './index.scss'\n\nexport const FieldLabel: React.FC<GenericLabelProps> = (props) => {\n  const {\n    as: ElementFromProps = 'label',\n    hideLocale = false,\n    htmlFor: htmlForFromProps,\n    label,\n    localized = false,\n    path,\n    required = false,\n    unstyled = false,\n  } = props\n\n  const { uuid } = useForm()\n  const editDepth = useEditDepth()\n\n  const htmlFor = htmlForFromProps || generateFieldID(path, editDepth, uuid)\n\n  const { i18n } = useTranslation()\n  const { code, label: localLabel } = useLocale()\n\n  const Element =\n    ElementFromProps === 'label' ? (htmlFor ? 'label' : 'span') : ElementFromProps || 'span'\n\n  if (label) {\n    return (\n      <Element className={`field-label${unstyled ? ' unstyled' : ''}`} htmlFor={htmlFor}>\n        {getTranslation(label, i18n)}\n        {required && !unstyled && <span className=\"required\">*</span>}\n        {localized && !hideLocale && (\n          <span className=\"localized\">\n            &mdash; {typeof localLabel === 'string' ? localLabel : code}\n          </span>\n        )}\n      </Element>\n    )\n  }\n\n  return null\n}\n"],"mappings":"AAAA;;;AAIA,SAASA,cAAc,QAAQ;AAC/B,OAAOC,KAAA,MAAW;AAElB,SAASC,OAAO,QAAQ;AACxB,SAASC,YAAY,QAAQ;AAC7B,SAASC,SAAS,QAAQ;AAC1B,SAASC,cAAc,QAAQ;AAC/B,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,OAAO,MAAMC,UAAA,GAA0CC,KAAA;EACrD;IAAAC,EAAA,EAAAC,EAAA;IAAAC,UAAA,EAAAC,EAAA;IAAAC,OAAA,EAAAC,gBAAA;IAAAC,KAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,IAAA;IAAAC,QAAA,EAAAC,EAAA;IAAAC,QAAA,EAAAC;EAAA,IASId,KAAA;EARE,MAAAe,gBAAA,GAAAb,EAA0B,KAAAc,SAAA,GAAP,OAAO,GAA1Bd,EAA0B;EAC9B,MAAAC,UAAA,GAAAC,EAAkB,KAAAY,SAAA,WAAlBZ,EAAkB;EAGlB,MAAAI,SAAA,GAAAC,EAAiB,KAAAO,SAAA,WAAjBP,EAAiB;EAEjB,MAAAE,QAAA,GAAAC,EAAgB,KAAAI,SAAA,WAAhBJ,EAAgB;EAChB,MAAAC,QAAA,GAAAC,EAAgB,KAAAE,SAAA,WAAhBF,EAAgB;EAGlB;IAAAG;EAAA,IAAiBvB,OAAA;EACjB,MAAAwB,SAAA,GAAkBvB,YAAA;EAElB,MAAAU,OAAA,GAAgBC,gBAAA,IAAoBR,eAAA,CAAgBY,IAAA,EAAMQ,SAAA,EAAWD,IAAA;EAErE;IAAAE;EAAA,IAAiBtB,cAAA;EACjB;IAAAuB,IAAA;IAAAb,KAAA,EAAAc;EAAA,IAAoCzB,SAAA;EAEpC,MAAA0B,OAAA,GACEP,gBAAA,KAAqB,UAAWV,OAAA,GAAU,UAAU,SAAUU,gBAAA,IAAoB;EAAA,IAEhFR,KAAA;IAAA,OAEAgB,KAAA,CAACD,OAAA;MAAAE,SAAA,EAAmB,cAAcX,QAAA,GAAW,cAAc,IAAI;MAAAR,OAAA;MAAAoB,QAAA,GAC5DjC,cAAA,CAAee,KAAA,EAAOY,IAAA,GACtBR,QAAA,KAAaE,QAAA,IAAYa,IAAA,CAAC;QAAAF,SAAA,EAAe;QAAAC,QAAA,EAAW;MAAA,C,GACpDjB,SAAA,KAAcL,UAAA,IACboB,KAAA,CAAC;QAAAC,SAAA,EAAe;QAAAC,QAAA,GAAY,WACjB,OAAOJ,UAAA,KAAe,WAAWA,UAAA,GAAaD,IAAA;MAAA,C;;;;CAQnE","ignoreList":[]}

package/dist/fields/FieldLabel/index.scss

@@ -0,0 +1,45 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  label.field-label {
+    display: flex;
+    align-items: center;
+  }
+
+  label.field-label:not(.unstyled) {
+    @extend %body;
+    display: flex;
+    padding-bottom: base(0.25);
+    color: var(--theme-elevation-800);
+    font-family: var(--font-body);
+    [dir='ltr'] & {
+      margin-right: auto;
+    }
+    [dir='rtl'] & {
+      margin-left: auto;
+    }
+
+    .required {
+      color: var(--theme-error-500);
+    }
+
+    .required {
+      [dir='ltr'] & {
+        margin-left: base(0.25);
+      }
+      [dir='rtl'] & {
+        margin-right: base(0.25);
+      }
+    }
+  }
+
+  .localized {
+    @extend %body;
+    [dir='ltr'] & {
+      margin-left: base(0.25);
+    }
+    [dir='rtl'] & {
+      margin-right: base(0.25);
+    }
+  }
+}

package/dist/fields/Group/index.d.ts

@@ -0,0 +1,10 @@
+import type { GroupFieldClientComponent } from '@ruya.sa/payload';
+import React from 'react';
+import './index.scss';
+import { GroupProvider, useGroup } from './provider.js';
+export declare const GroupFieldComponent: GroupFieldClientComponent;
+export { GroupProvider, useGroup };
+export declare const GroupField: React.FC<import("@ruya.sa/payload").FieldPaths & {
+    readonly field: (Omit<import("@ruya.sa/payload").UnnamedGroupFieldClient, "type"> & Partial<Pick<import("@ruya.sa/payload").UnnamedGroupFieldClient, "type">>) | (Omit<import("@ruya.sa/payload").NamedGroupFieldClient, "type"> & Partial<Pick<import("@ruya.sa/payload").NamedGroupFieldClient, "type">>);
+} & Omit<import("@ruya.sa/payload").ClientComponentProps, "customComponents" | "field">>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Group/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,kBAAkB,CAAA;AAIjE,OAAO,KAAkB,MAAM,OAAO,CAAA;AAatC,OAAO,cAAc,CAAA;AAIrB,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAIvD,eAAO,MAAM,mBAAmB,EAAE,yBA6GjC,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAA;AAElC,eAAO,MAAM,UAAU;;wFAAqC,CAAA"}

package/dist/fields/Group/index.js

@@ -0,0 +1,127 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTranslation } from '@ruya.sa/translations';
+import { groupHasName } from '@ruya.sa/payload/shared';
+import React, { useMemo } from 'react';
+import { useCollapsible } from '../../elements/Collapsible/provider.js';
+import { ErrorPill } from '../../elements/ErrorPill/index.js';
+import { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js';
+import { FieldDescription } from '../../fields/FieldDescription/index.js';
+import { FieldLabel } from '../../fields/FieldLabel/index.js';
+import { useFormSubmitted } from '../../forms/Form/context.js';
+import { RenderFields } from '../../forms/RenderFields/index.js';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+import { useTranslation } from '../../providers/Translation/index.js';
+import { mergeFieldStyles } from '../mergeFieldStyles.js';
+import './index.scss';
+import { useRow } from '../Row/provider.js';
+import { fieldBaseClass } from '../shared/index.js';
+import { useTabs } from '../Tabs/provider.js';
+import { GroupProvider, useGroup } from './provider.js';
+const baseClass = 'group-field';
+export const GroupFieldComponent = props => {
+  const {
+    field,
+    field: {
+      admin: {
+        className,
+        description,
+        hideGutter
+      } = {},
+      fields,
+      label
+    },
+    indexPath,
+    parentPath,
+    parentSchemaPath,
+    path,
+    permissions,
+    readOnly,
+    schemaPath: schemaPathFromProps
+  } = props;
+  const schemaPath = schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path);
+  const {
+    i18n
+  } = useTranslation();
+  const {
+    isWithinCollapsible
+  } = useCollapsible();
+  const isWithinGroup = useGroup();
+  const isWithinRow = useRow();
+  const isWithinTab = useTabs();
+  const {
+    customComponents: {
+      AfterInput,
+      BeforeInput,
+      Description,
+      Label
+    } = {},
+    errorPaths
+  } = useField({
+    path
+  });
+  const submitted = useFormSubmitted();
+  const errorCount = errorPaths.length;
+  const fieldHasErrors = submitted && errorCount > 0;
+  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow);
+  const styles = useMemo(() => mergeFieldStyles(field), [field]);
+  return /*#__PURE__*/_jsxs("div", {
+    className: [fieldBaseClass, baseClass, isTopLevel && `${baseClass}--top-level`, isWithinCollapsible && `${baseClass}--within-collapsible`, isWithinGroup && `${baseClass}--within-group`, isWithinRow && `${baseClass}--within-row`, isWithinTab && `${baseClass}--within-tab`, !hideGutter && isWithinGroup && `${baseClass}--gutter`, fieldHasErrors && `${baseClass}--has-error`, className].filter(Boolean).join(' '),
+    id: `field-${path?.replace(/\./g, '__')}`,
+    style: styles,
+    children: [/*#__PURE__*/_jsx(GroupProvider, {
+      children: /*#__PURE__*/_jsxs("div", {
+        className: `${baseClass}__wrap`,
+        children: [Boolean(Label || Description || label || fieldHasErrors) && /*#__PURE__*/_jsxs("div", {
+          className: `${baseClass}__header`,
+          children: [Boolean(Label || Description || label) && /*#__PURE__*/_jsxs("header", {
+            children: [/*#__PURE__*/_jsx(RenderCustomComponent, {
+              CustomComponent: Label,
+              Fallback: /*#__PURE__*/_jsx("h3", {
+                className: `${baseClass}__title`,
+                children: /*#__PURE__*/_jsx(FieldLabel, {
+                  as: "span",
+                  label: getTranslation(label, i18n),
+                  localized: false,
+                  path: path,
+                  required: false
+                })
+              })
+            }), /*#__PURE__*/_jsx(RenderCustomComponent, {
+              CustomComponent: Description,
+              Fallback: /*#__PURE__*/_jsx(FieldDescription, {
+                description: description,
+                path: path
+              })
+            })]
+          }), fieldHasErrors && /*#__PURE__*/_jsx(ErrorPill, {
+            count: errorCount,
+            i18n: i18n,
+            withMessage: true
+          })]
+        }), BeforeInput, groupHasName(field) ? /*#__PURE__*/_jsx(RenderFields, {
+          fields: fields,
+          margins: "small",
+          parentIndexPath: "",
+          parentPath: path,
+          parentSchemaPath: schemaPath,
+          permissions: permissions === true ? permissions : permissions?.fields,
+          readOnly: readOnly
+        }) : /*#__PURE__*/_jsx(RenderFields, {
+          fields: fields,
+          margins: "small",
+          parentIndexPath: indexPath,
+          parentPath: parentPath,
+          parentSchemaPath: parentSchemaPath,
+          permissions: permissions,
+          readOnly: readOnly
+        })]
+      })
+    }), AfterInput]
+  });
+};
+export { GroupProvider, useGroup };
+export const GroupField = withCondition(GroupFieldComponent);
+//# sourceMappingURL=index.js.map

package/dist/fields/Group/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["getTranslation","groupHasName","React","useMemo","useCollapsible","ErrorPill","RenderCustomComponent","FieldDescription","FieldLabel","useFormSubmitted","RenderFields","useField","withCondition","useTranslation","mergeFieldStyles","useRow","fieldBaseClass","useTabs","GroupProvider","useGroup","baseClass","GroupFieldComponent","props","field","admin","className","description","hideGutter","fields","label","indexPath","parentPath","parentSchemaPath","path","permissions","readOnly","schemaPath","schemaPathFromProps","type","name","i18n","isWithinCollapsible","isWithinGroup","isWithinRow","isWithinTab","customComponents","AfterInput","BeforeInput","Description","Label","errorPaths","submitted","errorCount","length","fieldHasErrors","isTopLevel","styles","_jsxs","filter","Boolean","join","id","replace","style","_jsx","CustomComponent","Fallback","as","localized","required","count","withMessage","margins","parentIndexPath","GroupField"],"sources":["../../../src/fields/Group/index.tsx"],"sourcesContent":["'use client'\n\nimport type { GroupFieldClientComponent } from '@ruya.sa/payload'\n\nimport { getTranslation } from '@ruya.sa/translations'\nimport { groupHasName } from '@ruya.sa/payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { useCollapsible } from '../../elements/Collapsible/provider.js'\nimport { ErrorPill } from '../../elements/ErrorPill/index.js'\nimport { RenderCustomComponent } from '../../elements/RenderCustomComponent/index.js'\nimport { FieldDescription } from '../../fields/FieldDescription/index.js'\nimport { FieldLabel } from '../../fields/FieldLabel/index.js'\nimport { useFormSubmitted } from '../../forms/Form/context.js'\nimport { RenderFields } from '../../forms/RenderFields/index.js'\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { mergeFieldStyles } from '../mergeFieldStyles.js'\nimport './index.scss'\nimport { useRow } from '../Row/provider.js'\nimport { fieldBaseClass } from '../shared/index.js'\nimport { useTabs } from '../Tabs/provider.js'\nimport { GroupProvider, useGroup } from './provider.js'\n\nconst baseClass = 'group-field'\n\nexport const GroupFieldComponent: GroupFieldClientComponent = (props) => {\n  const {\n    field,\n    field: { admin: { className, description, hideGutter } = {}, fields, label },\n    indexPath,\n    parentPath,\n    parentSchemaPath,\n    path,\n    permissions,\n    readOnly,\n    schemaPath: schemaPathFromProps,\n  } = props\n\n  const schemaPath =\n    schemaPathFromProps ?? (field.type === 'group' && groupHasName(field) ? field.name : path)\n\n  const { i18n } = useTranslation()\n  const { isWithinCollapsible } = useCollapsible()\n  const isWithinGroup = useGroup()\n  const isWithinRow = useRow()\n  const isWithinTab = useTabs()\n\n  const { customComponents: { AfterInput, BeforeInput, Description, Label } = {}, errorPaths } =\n    useField({ path })\n\n  const submitted = useFormSubmitted()\n  const errorCount = errorPaths.length\n  const fieldHasErrors = submitted && errorCount > 0\n\n  const isTopLevel = !(isWithinCollapsible || isWithinGroup || isWithinRow)\n\n  const styles = useMemo(() => mergeFieldStyles(field), [field])\n\n  return (\n    <div\n      className={[\n        fieldBaseClass,\n        baseClass,\n        isTopLevel && `${baseClass}--top-level`,\n        isWithinCollapsible && `${baseClass}--within-collapsible`,\n        isWithinGroup && `${baseClass}--within-group`,\n        isWithinRow && `${baseClass}--within-row`,\n        isWithinTab && `${baseClass}--within-tab`,\n        !hideGutter && isWithinGroup && `${baseClass}--gutter`,\n        fieldHasErrors && `${baseClass}--has-error`,\n        className,\n      ]\n        .filter(Boolean)\n        .join(' ')}\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      style={styles}\n    >\n      <GroupProvider>\n        <div className={`${baseClass}__wrap`}>\n          {Boolean(Label || Description || label || fieldHasErrors) && (\n            <div className={`${baseClass}__header`}>\n              {Boolean(Label || Description || label) && (\n                <header>\n                  <RenderCustomComponent\n                    CustomComponent={Label}\n                    Fallback={\n                      <h3 className={`${baseClass}__title`}>\n                        <FieldLabel\n                          as=\"span\"\n                          label={getTranslation(label, i18n)}\n                          localized={false}\n                          path={path}\n                          required={false}\n                        />\n                      </h3>\n                    }\n                  />\n                  <RenderCustomComponent\n                    CustomComponent={Description}\n                    Fallback={<FieldDescription description={description} path={path} />}\n                  />\n                </header>\n              )}\n              {fieldHasErrors && <ErrorPill count={errorCount} i18n={i18n} withMessage />}\n            </div>\n          )}\n          {BeforeInput}\n          {/* Render an unnamed group differently */}\n          {groupHasName(field) ? (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath=\"\"\n              parentPath={path}\n              parentSchemaPath={schemaPath}\n              permissions={permissions === true ? permissions : permissions?.fields}\n              readOnly={readOnly}\n            />\n          ) : (\n            <RenderFields\n              fields={fields}\n              margins=\"small\"\n              parentIndexPath={indexPath}\n              parentPath={parentPath}\n              parentSchemaPath={parentSchemaPath}\n              permissions={permissions}\n              readOnly={readOnly}\n            />\n          )}\n        </div>\n      </GroupProvider>\n      {AfterInput}\n    </div>\n  )\n}\n\nexport { GroupProvider, useGroup }\n\nexport const GroupField = withCondition(GroupFieldComponent)\n"],"mappings":"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","ignoreList":[]}

package/dist/fields/Group/index.scss

@@ -0,0 +1,155 @@
+@import '../../scss/styles.scss';
+
+@layer payload-default {
+  .group-field {
+    margin-left: calc(var(--gutter-h) * -1);
+    margin-right: calc(var(--gutter-h) * -1);
+    border-bottom: 1px solid var(--theme-elevation-100);
+    border-top: 1px solid var(--theme-elevation-100);
+
+    &--top-level {
+      padding: base(2) var(--gutter-h);
+
+      &:first-child {
+        padding-top: 0;
+        border-top: 0;
+      }
+    }
+
+    &--within-collapsible {
+      margin-left: calc(var(--base) * -1);
+      margin-right: calc(var(--base) * -1);
+      padding: var(--base);
+
+      &:first-child {
+        border-top: 0;
+        padding-top: 0;
+        margin-top: 0;
+      }
+
+      &:last-child {
+        padding-bottom: 0;
+        border-bottom: 0;
+      }
+    }
+
+    &--within-group {
+      margin-left: 0;
+      margin-right: 0;
+      padding: 0;
+      border-top: 0;
+      border-bottom: 0;
+    }
+
+    &--within-row {
+      margin: 0;
+      border-top: 0;
+      border-bottom: 0;
+    }
+
+    &--within-tab:first-child {
+      margin-top: 0;
+      border-top: 0;
+      padding-top: 0;
+    }
+
+    &--within-tab:last-child {
+      margin-bottom: 0;
+      border-bottom: 0;
+      padding-bottom: 0;
+    }
+
+    &--gutter {
+      border-left: 1px solid var(--theme-elevation-100);
+      padding: 0 0 0 $baseline;
+    }
+
+    &__header {
+      margin-bottom: calc(var(--base) / 2);
+      display: flex;
+      align-items: center;
+      gap: base(0.5);
+
+      > header {
+        display: flex;
+        flex-direction: column;
+        gap: calc(var(--base) / 4);
+      }
+    }
+
+    &__title {
+      margin-bottom: 0;
+    }
+
+    @include small-break {
+      &--top-level {
+        padding: var(--base) var(--gutter-h);
+
+        &:first-child {
+          padding-top: 0;
+          border-top: 0;
+        }
+      }
+
+      &__header {
+        margin-bottom: calc(var(--base) / 2);
+      }
+
+      &--within-collapsible {
+        margin-left: calc(var(--gutter-h) * -1);
+        margin-right: calc(var(--gutter-h) * -1);
+      }
+
+      &--within-group {
+        margin-left: 0;
+        margin-right: 0;
+        padding: 0;
+      }
+
+      &--gutter {
+        padding-left: var(--gutter-h);
+      }
+    }
+  }
+
+  .group-field + .group-field {
+    border-top: 0;
+    padding-top: 0;
+  }
+
+  .group-field--within-row + .group-field--within-row {
+    margin-top: 0;
+  }
+
+  .group-field--within-tab + .group-field--within-row {
+    padding-top: 0;
+  }
+
+  html[data-theme='light'] {
+    .group-field {
+      &--has-error {
+        .group-field__header {
+          color: var(--theme-error-750);
+
+          &:after {
+            background: var(--theme-error-500);
+          }
+        }
+      }
+    }
+  }
+
+  html[data-theme='dark'] {
+    .group-field {
+      &--has-error {
+        .group-field__header {
+          color: var(--theme-error-500);
+
+          &:after {
+            background: var(--theme-error-500);
+          }
+        }
+      }
+    }
+  }
+}

package/dist/fields/Group/provider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export declare const GroupContext: React.Context<boolean>;
+export declare const GroupProvider: React.FC<{
+    children?: React.ReactNode;
+    withinGroup?: boolean;
+}>;
+export declare const useGroup: () => boolean;
+//# sourceMappingURL=provider.d.ts.map

package/dist/fields/Group/provider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../../src/fields/Group/provider.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,eAAO,MAAM,YAAY,wBAAuB,CAAA;AAEhD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,WAAW,CAAC,EAAE,OAAO,CAAA;CAAE,CAKzF,CAAA;AAED,eAAO,MAAM,QAAQ,QAAO,OAA4B,CAAA"}

package/dist/fields/Group/provider.js

@@ -0,0 +1,16 @@
+'use client';
+
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, use } from 'react';
+export const GroupContext = /*#__PURE__*/createContext(false);
+export const GroupProvider = ({
+  children,
+  withinGroup = true
+}) => {
+  return /*#__PURE__*/_jsx(GroupContext, {
+    value: withinGroup,
+    children: children
+  });
+};
+export const useGroup = () => use(GroupContext);
+//# sourceMappingURL=provider.js.map

package/dist/fields/Group/provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider.js","names":["React","createContext","use","GroupContext","GroupProvider","children","withinGroup","_jsx","value","useGroup"],"sources":["../../../src/fields/Group/provider.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use } from 'react'\n\nexport const GroupContext = createContext(false)\n\nexport const GroupProvider: React.FC<{ children?: React.ReactNode; withinGroup?: boolean }> = ({\n  children,\n  withinGroup = true,\n}) => {\n  return <GroupContext value={withinGroup}>{children}</GroupContext>\n}\n\nexport const useGroup = (): boolean => use(GroupContext)\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,aAAa,EAAEC,GAAG,QAAQ;AAE1C,OAAO,MAAMC,YAAA,gBAAeF,aAAA,CAAc;AAE1C,OAAO,MAAMG,aAAA,GAAiFA,CAAC;EAC7FC,QAAQ;EACRC,WAAA,GAAc;AAAI,CACnB;EACC,oBAAOC,IAAA,CAACJ,YAAA;IAAaK,KAAA,EAAOF,WAAA;cAAcD;;AAC5C;AAEA,OAAO,MAAMI,QAAA,GAAWA,CAAA,KAAeP,GAAA,CAAIC,YAAA","ignoreList":[]}

package/dist/fields/Hidden/index.d.ts

@@ -0,0 +1,4 @@
+import type { HiddenFieldProps } from '@ruya.sa/payload';
+import React from 'react';
+export declare const HiddenField: React.FC<HiddenFieldProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/Hidden/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/Hidden/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExD,OAAO,KAAoB,MAAM,OAAO,CAAA;AAkCxC,eAAO,MAAM,WAAW,4BAAsC,CAAA"}

package/dist/fields/Hidden/index.js

@@ -0,0 +1,79 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect } from 'react';
+import { useField } from '../../forms/useField/index.js';
+import { withCondition } from '../../forms/withCondition/index.js';
+/**
+ * Renders an input with `type="hidden"`.
+ * This is mainly used to save a value on the form that is not visible to the user.
+ * For example, this sets the `ìd` property of a block in the Blocks field.
+ */
+const HiddenFieldComponent = props => {
+  const $ = _c(13);
+  const {
+    disableModifyingForm: t0,
+    path: pathFromProps,
+    value: valueFromProps
+  } = props;
+  const disableModifyingForm = t0 === undefined ? true : t0;
+  let t1;
+  if ($[0] !== pathFromProps) {
+    t1 = {
+      potentiallyStalePath: pathFromProps
+    };
+    $[0] = pathFromProps;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const {
+    formInitializing,
+    path,
+    setValue,
+    value
+  } = useField(t1);
+  let t2;
+  let t3;
+  if ($[2] !== disableModifyingForm || $[3] !== formInitializing || $[4] !== setValue || $[5] !== valueFromProps) {
+    t2 = () => {
+      if (valueFromProps !== undefined && !formInitializing) {
+        setValue(valueFromProps, disableModifyingForm);
+      }
+    };
+    t3 = [valueFromProps, setValue, disableModifyingForm, formInitializing];
+    $[2] = disableModifyingForm;
+    $[3] = formInitializing;
+    $[4] = setValue;
+    $[5] = valueFromProps;
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t2 = $[6];
+    t3 = $[7];
+  }
+  useEffect(t2, t3);
+  const t4 = `field-${path?.replace(/\./g, "__")}`;
+  const t5 = value || "";
+  let t6;
+  if ($[8] !== path || $[9] !== setValue || $[10] !== t4 || $[11] !== t5) {
+    t6 = _jsx("input", {
+      id: t4,
+      name: path,
+      onChange: setValue,
+      type: "hidden",
+      value: t5
+    });
+    $[8] = path;
+    $[9] = setValue;
+    $[10] = t4;
+    $[11] = t5;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  return t6;
+};
+export const HiddenField = withCondition(HiddenFieldComponent);
+//# sourceMappingURL=index.js.map

package/dist/fields/Hidden/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useEffect","useField","withCondition","HiddenFieldComponent","props","$","disableModifyingForm","t0","path","pathFromProps","value","valueFromProps","undefined","t1","potentiallyStalePath","formInitializing","setValue","t2","t3","t4","replace","t5","t6","_jsx","id","name","onChange","type","HiddenField"],"sources":["../../../src/fields/Hidden/index.tsx"],"sourcesContent":["'use client'\n\nimport type { HiddenFieldProps } from '@ruya.sa/payload'\n\nimport React, { useEffect } from 'react'\n\nimport { useField } from '../../forms/useField/index.js'\nimport { withCondition } from '../../forms/withCondition/index.js'\n\n/**\n * Renders an input with `type=\"hidden\"`.\n * This is mainly used to save a value on the form that is not visible to the user.\n * For example, this sets the `ìd` property of a block in the Blocks field.\n */\nconst HiddenFieldComponent: React.FC<HiddenFieldProps> = (props) => {\n  const { disableModifyingForm = true, path: pathFromProps, value: valueFromProps } = props\n\n  const { formInitializing, path, setValue, value } = useField({\n    potentiallyStalePath: pathFromProps,\n  })\n\n  useEffect(() => {\n    if (valueFromProps !== undefined && !formInitializing) {\n      setValue(valueFromProps, disableModifyingForm)\n    }\n  }, [valueFromProps, setValue, disableModifyingForm, formInitializing])\n\n  return (\n    <input\n      id={`field-${path?.replace(/\\./g, '__')}`}\n      name={path}\n      onChange={setValue}\n      type=\"hidden\"\n      value={(value as string) || ''}\n    />\n  )\n}\n\nexport const HiddenField = withCondition(HiddenFieldComponent)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAIA,OAAOC,KAAA,IAASC,SAAS,QAAQ;AAEjC,SAASC,QAAQ,QAAQ;AACzB,SAASC,aAAa,QAAQ;AAE9B;;;;;AAKA,MAAMC,oBAAA,GAAmDC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EACvD;IAAAQ,oBAAA,EAAAC,EAAA;IAAAC,IAAA,EAAAC,aAAA;IAAAC,KAAA,EAAAC;EAAA,IAAoFP,KAAA;EAA5E,MAAAE,oBAAA,GAAAC,EAA2B,KAAAK,SAAA,UAA3BL,EAA2B;EAAA,IAAAM,EAAA;EAAA,IAAAR,CAAA,QAAAI,aAAA;IAE0BI,EAAA;MAAAC,oBAAA,EACrCL;IAAA;IACxBJ,CAAA,MAAAI,aAAA;IAAAJ,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAFA;IAAAU,gBAAA;IAAAP,IAAA;IAAAQ,QAAA;IAAAN;EAAA,IAAoDT,QAAA,CAASY,EAE7D;EAAA,IAAAI,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAb,CAAA,QAAAC,oBAAA,IAAAD,CAAA,QAAAU,gBAAA,IAAAV,CAAA,QAAAW,QAAA,IAAAX,CAAA,QAAAM,cAAA;IAEUM,EAAA,GAAAA,CAAA;MAAA,IACJN,cAAA,KAAAC,SAAmB,KAAcG,gBAAA;QACnCC,QAAA,CAASL,cAAA,EAAgBL,oBAAA;MAAA;IAAA;IAE1BY,EAAA,IAACP,cAAA,EAAgBK,QAAA,EAAUV,oBAAA,EAAsBS,gBAAA;IAAiBV,CAAA,MAAAC,oBAAA;IAAAD,CAAA,MAAAU,gBAAA;IAAAV,CAAA,MAAAW,QAAA;IAAAX,CAAA,MAAAM,cAAA;IAAAN,CAAA,MAAAY,EAAA;IAAAZ,CAAA,MAAAa,EAAA;EAAA;IAAAD,EAAA,GAAAZ,CAAA;IAAAa,EAAA,GAAAb,CAAA;EAAA;EAJrEL,SAAA,CAAUiB,EAIV,EAAGC,EAAkE;EAI7D,MAAAC,EAAA,YAASX,IAAA,EAAAY,OAAA,QAAqB,OAAO;EAIlC,MAAAC,EAAA,GAAAX,KAAC,IAAoB;EAAA,IAAAY,EAAA;EAAA,IAAAjB,CAAA,QAAAG,IAAA,IAAAH,CAAA,QAAAW,QAAA,IAAAX,CAAA,SAAAc,EAAA,IAAAd,CAAA,SAAAgB,EAAA;IAL9BC,EAAA,GAAAC,IAAA,CAAC;MAAAC,EAAA,EACKL,EAAqC;MAAAM,IAAA,EACnCjB,IAAA;MAAAkB,QAAA,EACIV,QAAA;MAAAW,IAAA,EACL;MAAAjB,KAAA,EACEW;IAAqB,C;;;;;;;;;SAL9BC,E;CAQJ;AAEA,OAAO,MAAMM,WAAA,GAAc1B,aAAA,CAAcC,oBAAA","ignoreList":[]}

package/dist/fields/JSON/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import './index.scss';
+export declare const JSONField: React.FC<{
+    readonly path: string;
+    readonly validate?: import("@ruya.sa/payload").JSONFieldValidation;
+} & {
+    readonly field: Omit<import("@ruya.sa/payload").JSONFieldClient, "type"> & Partial<Pick<import("@ruya.sa/payload").JSONFieldClient, "type">>;
+} & Omit<import("@ruya.sa/payload").ClientComponentProps, "customComponents" | "field">>;
+//# sourceMappingURL=index.d.ts.map

package/dist/fields/JSON/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/fields/JSON/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAoD,MAAM,OAAO,CAAA;AAaxE,OAAO,cAAc,CAAA;AA4KrB,eAAO,MAAM,SAAS;;;;;wFAAoC,CAAA"}