@payloadcms/ui 4.0.0-internal.af6aad0 → 4.0.0-internal.b8a92d2

package/dist/elements/SegmentedControl/index.css

@@ -1,58 +0,0 @@
-@layer payload-default {
-  .segmented-control {
-    display: flex;
-    margin: 0;
-    border: none;
-    padding: var(--spacer-0);
-    min-width: 0;
-    line-height: 0;
-  }
-
-  .segmented-control__options {
-    display: inline-flex;
-    width: 100%;
-    padding: var(--spacer-0);
-    border-radius: var(--radius-medium);
-    background-color: var(--color-bg-secondary);
-  }
-
-  .segmented-control__option {
-    position: relative;
-    display: inline-block;
-    flex: 1;
-  }
-
-  .segmented-control__input {
-    position: absolute;
-    inset: var(--spacer-0);
-    width: 100%;
-    height: 100%;
-    margin: 0;
-    opacity: 0;
-    cursor: pointer;
-  }
-
-  .segmented-control__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    width: var(--spacer-4);
-    height: var(--spacer-4);
-    padding: var(--spacer-0);
-    border-radius: var(--radius-medium);
-    background-color: transparent;
-    color: var(--color-text-secondary);
-  }
-
-  .segmented-control__input:checked + .segmented-control__icon {
-    background-color: var(--color-bg);
-    box-shadow: inset 0 0 0 var(--stroke-width-small) var(--color-border);
-    color: var(--color-text);
-  }
-
-  .segmented-control__input:focus-visible + .segmented-control__icon {
-    outline: var(--stroke-width-small) solid var(--color-border-selected);
-    outline-offset: -1px;
-    box-shadow: none;
-  }
-}

package/dist/elements/SegmentedControl/index.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import './index.css';
-export type SegmentedControlRootProps = {
-    readonly children: React.ReactNode;
-    readonly className?: string;
-    readonly legend: string;
-    readonly onChange: (value: string) => void;
-    readonly value: string;
-};
-export type SegmentedControlOptionProps = {
-    readonly 'aria-label': string;
-    readonly icon: React.ReactNode;
-    readonly value: string;
-};
-export declare const SegmentedControl: {
-    Option: React.FC<SegmentedControlOptionProps>;
-    Root: React.FC<SegmentedControlRootProps>;
-};
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/SegmentedControl/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/SegmentedControl/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAExD,OAAO,aAAa,CAAA;AAYpB,MAAM,MAAM,yBAAyB,GAAG;IACtC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IAClC,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AA6BD,MAAM,MAAM,2BAA2B,GAAG;IACxC,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB,CAAA;AAwCD,eAAO,MAAM,gBAAgB;;;CAG5B,CAAA"}

package/dist/elements/SegmentedControl/index.js

@@ -1,104 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { createContext, use, useId } from 'react';
-import './index.css';
-const baseClass = 'segmented-control';
-const SegmentedControlContext = /*#__PURE__*/createContext(null);
-/**
- * Root element for SegmentedControl, which uses icons to choose between a set of independent states.
- */
-const Root = t0 => {
-  const $ = _c(9);
-  const {
-    children,
-    className,
-    legend,
-    onChange,
-    value
-  } = t0;
-  const name = useId();
-  let t1;
-  if ($[0] !== className) {
-    t1 = [baseClass, className].filter(Boolean);
-    $[0] = className;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const t2 = t1.join(" ");
-  let t3;
-  if ($[2] !== children || $[3] !== legend || $[4] !== name || $[5] !== onChange || $[6] !== t2 || $[7] !== value) {
-    t3 = _jsx("div", {
-      "aria-label": legend,
-      className: t2,
-      role: "radiogroup",
-      children: _jsx("div", {
-        className: `${baseClass}__options`,
-        children: _jsx(SegmentedControlContext, {
-          value: {
-            name,
-            onChange,
-            value
-          },
-          children
-        })
-      })
-    });
-    $[2] = children;
-    $[3] = legend;
-    $[4] = name;
-    $[5] = onChange;
-    $[6] = t2;
-    $[7] = value;
-    $[8] = t3;
-  } else {
-    t3 = $[8];
-  }
-  return t3;
-};
-/**
- * An option of a SegmentedControl, nested within a `.Root`.
- */
-const Option = ({
-  'aria-label': ariaLabel,
-  icon,
-  value: optionValue
-}) => {
-  const context = use(SegmentedControlContext);
-  if (!context) {
-    throw new Error('SegmentedControl.Option must be rendered within a SegmentedControl.Root');
-  }
-  const {
-    name,
-    onChange,
-    value
-  } = context;
-  const id = `${name}-${optionValue}`;
-  return /*#__PURE__*/_jsxs("div", {
-    className: `${baseClass}__option`,
-    children: [/*#__PURE__*/_jsx("input", {
-      checked: value === optionValue,
-      className: `${baseClass}__input`,
-      id: id,
-      name: name,
-      onChange: () => onChange(optionValue),
-      type: "radio",
-      value: optionValue
-    }), /*#__PURE__*/_jsx("span", {
-      "aria-hidden": true,
-      className: `${baseClass}__icon`,
-      children: icon
-    }), /*#__PURE__*/_jsx("label", {
-      className: "sr-only",
-      htmlFor: id,
-      children: ariaLabel
-    })]
-  });
-};
-export const SegmentedControl = {
-  Option,
-  Root
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/SegmentedControl/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","React","createContext","use","useId","baseClass","SegmentedControlContext","Root","t0","$","children","className","legend","onChange","value","name","t1","filter","Boolean","t2","join","t3","_jsx","role","Option","ariaLabel","icon","optionValue","context","Error","id","_jsxs","checked","type","htmlFor","SegmentedControl"],"sources":["../../../src/elements/SegmentedControl/index.tsx"],"sourcesContent":["'use client'\n\nimport React, { createContext, use, useId } from 'react'\n\nimport './index.css'\n\nconst baseClass = 'segmented-control'\n\ntype SegmentedControlContextValue = {\n  name: string\n  onChange: (value: string) => void\n  value: string\n}\n\nconst SegmentedControlContext = createContext<null | SegmentedControlContextValue>(null)\n\nexport type SegmentedControlRootProps = {\n  readonly children: React.ReactNode\n  readonly className?: string\n  readonly legend: string\n  readonly onChange: (value: string) => void\n  readonly value: string\n}\n\n/**\n * Root element for SegmentedControl, which uses icons to choose between a set of independent states.\n */\nconst Root: React.FC<SegmentedControlRootProps> = ({\n  children,\n  className,\n  legend,\n  onChange,\n  value,\n}) => {\n  const name = useId()\n\n  return (\n    <div\n      aria-label={legend}\n      className={[baseClass, className].filter(Boolean).join(' ')}\n      role=\"radiogroup\"\n    >\n      <div className={`${baseClass}__options`}>\n        <SegmentedControlContext value={{ name, onChange, value }}>\n          {children}\n        </SegmentedControlContext>\n      </div>\n    </div>\n  )\n}\n\nexport type SegmentedControlOptionProps = {\n  readonly 'aria-label': string\n  readonly icon: React.ReactNode\n  readonly value: string\n}\n\n/**\n * An option of a SegmentedControl, nested within a `.Root`.\n */\nconst Option: React.FC<SegmentedControlOptionProps> = ({\n  'aria-label': ariaLabel,\n  icon,\n  value: optionValue,\n}) => {\n  const context = use(SegmentedControlContext)\n\n  if (!context) {\n    throw new Error('SegmentedControl.Option must be rendered within a SegmentedControl.Root')\n  }\n\n  const { name, onChange, value } = context\n  const id = `${name}-${optionValue}`\n\n  return (\n    <div className={`${baseClass}__option`}>\n      <input\n        checked={value === optionValue}\n        className={`${baseClass}__input`}\n        id={id}\n        name={name}\n        onChange={() => onChange(optionValue)}\n        type=\"radio\"\n        value={optionValue}\n      />\n      <span aria-hidden className={`${baseClass}__icon`}>\n        {icon}\n      </span>\n      <label className=\"sr-only\" htmlFor={id}>\n        {ariaLabel}\n      </label>\n    </div>\n  )\n}\n\nexport const SegmentedControl = {\n  Option,\n  Root,\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,KAAK,QAAQ;AAEjD,OAAO;AAEP,MAAMC,SAAA,GAAY;AAQlB,MAAMC,uBAAA,gBAA0BJ,aAAA,CAAmD;AAUnF;;;AAGA,MAAMK,IAAA,GAA4CC,EAAA;EAAA,MAAAC,CAAA,GAAAT,EAAA;EAAC;IAAAU,QAAA;IAAAC,SAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAN,EAMlD;EACC,MAAAO,IAAA,GAAaX,KAAA;EAAA,IAAAY,EAAA;EAAA,IAAAP,CAAA,QAAAE,SAAA;IAKEK,EAAA,IAAAX,SAAA,EAAYM,SAAA,EAAAM,MAAA,CAAAC,OAAkB;IAAAT,CAAA,MAAAE,SAAA;IAAAF,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAA9B,MAAAU,EAAA,GAAAH,EAA8B,CAAAI,IAAA,CAAc;EAAA,IAAAC,EAAA;EAAA,IAAAZ,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAG,MAAA,IAAAH,CAAA,QAAAM,IAAA,IAAAN,CAAA,QAAAI,QAAA,IAAAJ,CAAA,QAAAU,EAAA,IAAAV,CAAA,QAAAK,KAAA;IAFzDO,EAAA,GAAAC,IAAA,CAAC;MAAA,cACaV,MAAA;MAAAD,SAAA,EACDQ,EAA4C;MAAAI,IAAA,EAClD;MAAAb,QAAA,EAELY,IAAA,CAAC;QAAAX,SAAA,EAAe,GAAAN,SAAA,WAAuB;QAAAK,QAAA,EACrCY,IAAA,CAAAhB,uBAAA;UAAAQ,KAAA;YAAAC,IAAA;YAAAF,QAAA;YAAAC;UAAA;UAAAJ;QAAA,C;;;;;;;;;;;;;SANJW,E;CAYJ;AAQA;;;AAGA,MAAMG,MAAA,GAAgDA,CAAC;EACrD,cAAcC,SAAS;EACvBC,IAAI;EACJZ,KAAA,EAAOa;AAAW,CACnB;EACC,MAAMC,OAAA,GAAUzB,GAAA,CAAIG,uBAAA;EAEpB,IAAI,CAACsB,OAAA,EAAS;IACZ,MAAM,IAAIC,KAAA,CAAM;EAClB;EAEA,MAAM;IAAEd,IAAI;IAAEF,QAAQ;IAAEC;EAAK,CAAE,GAAGc,OAAA;EAClC,MAAME,EAAA,GAAK,GAAGf,IAAA,IAAQY,WAAA,EAAa;EAEnC,oBACEI,KAAA,CAAC;IAAIpB,SAAA,EAAW,GAAGN,SAAA,UAAmB;4BACpCiB,IAAA,CAAC;MACCU,OAAA,EAASlB,KAAA,KAAUa,WAAA;MACnBhB,SAAA,EAAW,GAAGN,SAAA,SAAkB;MAChCyB,EAAA,EAAIA,EAAA;MACJf,IAAA,EAAMA,IAAA;MACNF,QAAA,EAAUA,CAAA,KAAMA,QAAA,CAASc,WAAA;MACzBM,IAAA,EAAK;MACLnB,KAAA,EAAOa;qBAETL,IAAA,CAAC;MAAK,aAAW;MAACX,SAAA,EAAW,GAAGN,SAAA,QAAiB;gBAC9CqB;qBAEHJ,IAAA,CAAC;MAAMX,SAAA,EAAU;MAAUuB,OAAA,EAASJ,EAAA;gBACjCL;;;AAIT;AAEA,OAAO,MAAMU,gBAAA,GAAmB;EAC9BX,MAAA;EACAjB;AACF","ignoreList":[]}

package/dist/elements/StepNav/DropTarget/index.css

@@ -1,20 +0,0 @@
-@layer payload-default {
-  /*
-   * Wraps a single crumb without altering the trail's layout - the crumb keeps its own padding, so
-   * this only supplies the hit area and the hover ring.
-   */
-  .step-nav-drop-target {
-    display: inline-flex;
-    min-width: 0;
-    border-radius: var(--radius-medium);
-  }
-
-  .step-nav-drop-target--drop-over {
-    background: color-mix(in srgb, var(--color-border-selected) 12%, transparent);
-    box-shadow: 0 0 0 var(--stroke-width-medium) var(--color-border-selected);
-  }
-
-  .step-nav-drop-target--drop-invalid {
-    cursor: not-allowed;
-  }
-}

package/dist/elements/StepNav/DropTarget/index.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { HierarchyDropData } from '../../../providers/HierarchyDnd/types.js';
-import './index.css';
-/**
- * Makes one breadcrumb a hierarchy drop target, which is how documents get moved *out* of a folder:
- * the trail's root crumb moves them to root and an ancestor crumb moves them up.
- *
- * A component rather than an inline hook because `useDroppable` can't be called inside the trail's
- * render loop. Only rendered for items that carry a `dropTarget`, which in practice means only on the
- * hierarchy view - so it is always inside the drag context.
- */
-export declare const StepNavDropTarget: React.FC<{
-    children: React.ReactNode;
-    dropTarget: HierarchyDropData;
-}>;
-//# sourceMappingURL=index.d.ts.map

package/dist/elements/StepNav/DropTarget/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/StepNav/DropTarget/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAGjF,OAAO,aAAa,CAAA;AAIpB;;;;;;;GAOG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,UAAU,EAAE,iBAAiB,CAAA;CAC9B,CAoBA,CAAA"}

package/dist/elements/StepNav/DropTarget/index.js

@@ -1,71 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useDroppable } from '@dnd-kit/core';
-import React from 'react';
-import { useHierarchyDnd } from '../../../providers/HierarchyDnd/index.js';
-import './index.css';
-const baseClass = 'step-nav-drop-target';
-/**
- * Makes one breadcrumb a hierarchy drop target, which is how documents get moved *out* of a folder:
- * the trail's root crumb moves them to root and an ancestor crumb moves them up.
- *
- * A component rather than an inline hook because `useDroppable` can't be called inside the trail's
- * render loop. Only rendered for items that carry a `dropTarget`, which in practice means only on the
- * hierarchy view - so it is always inside the drag context.
- */
-export const StepNavDropTarget = t0 => {
-  const $ = _c(9);
-  const {
-    children,
-    dropTarget
-  } = t0;
-  const {
-    canDrop
-  } = useHierarchyDnd();
-  const t1 = `step-nav-drop-${dropTarget.hierarchySlug}-${dropTarget.folderId ?? "root"}`;
-  let t2;
-  if ($[0] !== dropTarget || $[1] !== t1) {
-    t2 = {
-      id: t1,
-      data: dropTarget
-    };
-    $[0] = dropTarget;
-    $[1] = t1;
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  const {
-    isOver,
-    setNodeRef
-  } = useDroppable(t2);
-  const dropState = isOver ? canDrop(dropTarget) ? "over" : "invalid" : undefined;
-  const t3 = dropState && `${baseClass}--drop-${dropState}`;
-  let t4;
-  if ($[3] !== t3) {
-    t4 = [baseClass, t3].filter(Boolean);
-    $[3] = t3;
-    $[4] = t4;
-  } else {
-    t4 = $[4];
-  }
-  const t5 = t4.join(" ");
-  let t6;
-  if ($[5] !== children || $[6] !== setNodeRef || $[7] !== t5) {
-    t6 = _jsx("span", {
-      className: t5,
-      ref: setNodeRef,
-      children
-    });
-    $[5] = children;
-    $[6] = setNodeRef;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  return t6;
-};
-//# sourceMappingURL=index.js.map

package/dist/elements/StepNav/DropTarget/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":["c","_c","useDroppable","React","useHierarchyDnd","baseClass","StepNavDropTarget","t0","$","children","dropTarget","canDrop","t1","hierarchySlug","folderId","t2","id","data","isOver","setNodeRef","dropState","undefined","t3","t4","filter","Boolean","t5","join","t6","_jsx","className","ref"],"sources":["../../../../src/elements/StepNav/DropTarget/index.tsx"],"sourcesContent":["'use client'\n\nimport { useDroppable } from '@dnd-kit/core'\nimport React from 'react'\n\nimport type { HierarchyDropData } from '../../../providers/HierarchyDnd/types.js'\n\nimport { useHierarchyDnd } from '../../../providers/HierarchyDnd/index.js'\nimport './index.css'\n\nconst baseClass = 'step-nav-drop-target'\n\n/**\n * Makes one breadcrumb a hierarchy drop target, which is how documents get moved *out* of a folder:\n * the trail's root crumb moves them to root and an ancestor crumb moves them up.\n *\n * A component rather than an inline hook because `useDroppable` can't be called inside the trail's\n * render loop. Only rendered for items that carry a `dropTarget`, which in practice means only on the\n * hierarchy view - so it is always inside the drag context.\n */\nexport const StepNavDropTarget: React.FC<{\n  children: React.ReactNode\n  dropTarget: HierarchyDropData\n}> = ({ children, dropTarget }) => {\n  const { canDrop } = useHierarchyDnd()\n\n  const { isOver, setNodeRef } = useDroppable({\n    id: `step-nav-drop-${dropTarget.hierarchySlug}-${dropTarget.folderId ?? 'root'}`,\n    data: dropTarget,\n  })\n\n  const dropState = isOver ? (canDrop(dropTarget) ? 'over' : 'invalid') : undefined\n\n  return (\n    <span\n      className={[baseClass, dropState && `${baseClass}--drop-${dropState}`]\n        .filter(Boolean)\n        .join(' ')}\n      ref={setNodeRef}\n    >\n      {children}\n    </span>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAEA,SAASC,YAAY,QAAQ;AAC7B,OAAOC,KAAA,MAAW;AAIlB,SAASC,eAAe,QAAQ;AAChC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB;;;;;;;;AAQA,OAAO,MAAMC,iBAAA,GAGRC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,QAAA;IAAAC;EAAA,IAAAH,EAAwB;EAC5B;IAAAI;EAAA,IAAoBP,eAAA;EAGd,MAAAQ,EAAA,oBAAiBF,UAAA,CAAAG,aAAA,IAA4BH,UAAA,CAAAI,QAAA,IAAuB,QAAQ;EAAA,IAAAC,EAAA;EAAA,IAAAP,CAAA,QAAAE,UAAA,IAAAF,CAAA,QAAAI,EAAA;IADtCG,EAAA;MAAAC,EAAA,EACtCJ,EAA4E;MAAAK,IAAA,EAC1EP;IAAA;IACRF,CAAA,MAAAE,UAAA;IAAAF,CAAA,MAAAI,EAAA;IAAAJ,CAAA,MAAAO,EAAA;EAAA;IAAAA,EAAA,GAAAP,CAAA;EAAA;EAHA;IAAAU,MAAA;IAAAC;EAAA,IAA+BjB,YAAA,CAAaa,EAG5C;EAEA,MAAAK,SAAA,GAAkBF,MAAA,GAAUP,OAAA,CAAQD,UAAA,IAAc,SAAS,YAAAW,SAAa;EAI7C,MAAAC,EAAA,GAAAF,SAAA,IAAa,GAAAf,SAAA,UAAsBe,SAAA,EAAW;EAAA,IAAAG,EAAA;EAAA,IAAAf,CAAA,QAAAc,EAAA;IAA1DC,EAAA,IAAAlB,SAAA,EAAYiB,EAA8C,EAAAE,MAAA,CAAAC,OAC3D;IAAAjB,CAAA,MAAAc,EAAA;IAAAd,CAAA,MAAAe,EAAA;EAAA;IAAAA,EAAA,GAAAf,CAAA;EAAA;EADC,MAAAkB,EAAA,GAAAH,EACD,CAAAI,IAAA,CACF;EAAA,IAAAC,EAAA;EAAA,IAAApB,CAAA,QAAAC,QAAA,IAAAD,CAAA,QAAAW,UAAA,IAAAX,CAAA,QAAAkB,EAAA;IAHVE,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EACYJ,EAEH;MAAAK,GAAA,EACHZ,UAAA;MAAAV;IAAA,C;;;;;;;;SAJPmB,E;CASJ","ignoreList":[]}

package/dist/elements/Toasts/fieldErrors.spec.js

@@ -1,46 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { createErrorsFromMessage } from './fieldErrors.js';
-describe('createErrorsFromMessage', () => {
-  it('should return the full message when there is no colon', () => {
-    const result = createErrorsFromMessage('Something went wrong');
-    expect(result).toEqual({
-      message: 'Something went wrong'
-    });
-  });
-  it('should split a single field error after the colon', () => {
-    const result = createErrorsFromMessage('Validation failed: email');
-    expect(result).toEqual({
-      errors: ['email'],
-      message: 'Validation failed: '
-    });
-  });
-  it('should split multiple comma-separated field errors after the colon', () => {
-    const result = createErrorsFromMessage('The following fields are invalid: email, name');
-    expect(result).toEqual({
-      errors: ['email', 'name'],
-      message: 'The following fields are invalid (2):'
-    });
-  });
-  it('should preserve the full message when it contains multiple colons', () => {
-    const result = createErrorsFromMessage('With: multiple: colons');
-    expect(result).toEqual({
-      errors: ['multiple: colons'],
-      message: 'With: '
-    });
-  });
-  it('should replace " > " with " → " in error paths', () => {
-    const result = createErrorsFromMessage('Invalid: parent > child');
-    expect(result).toEqual({
-      errors: ['parent → child'],
-      message: 'Invalid: '
-    });
-  });
-  it('should group similar errors and count them', () => {
-    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other');
-    expect(result).toEqual({
-      errors: ['blocks → 0', 'blocks → 1', 'other'],
-      message: 'Invalid (3):'
-    });
-  });
-});
-//# sourceMappingURL=fieldErrors.spec.js.map

package/dist/elements/Toasts/fieldErrors.spec.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"fieldErrors.spec.js","names":["describe","expect","it","createErrorsFromMessage","result","toEqual","message","errors"],"sources":["../../../src/elements/Toasts/fieldErrors.spec.ts"],"sourcesContent":["import { describe, expect, it } from 'vitest'\n\nimport { createErrorsFromMessage } from './fieldErrors.js'\n\ndescribe('createErrorsFromMessage', () => {\n  it('should return the full message when there is no colon', () => {\n    const result = createErrorsFromMessage('Something went wrong')\n\n    expect(result).toEqual({ message: 'Something went wrong' })\n  })\n\n  it('should split a single field error after the colon', () => {\n    const result = createErrorsFromMessage('Validation failed: email')\n\n    expect(result).toEqual({ errors: ['email'], message: 'Validation failed: ' })\n  })\n\n  it('should split multiple comma-separated field errors after the colon', () => {\n    const result = createErrorsFromMessage('The following fields are invalid: email, name')\n\n    expect(result).toEqual({\n      errors: ['email', 'name'],\n      message: 'The following fields are invalid (2):',\n    })\n  })\n\n  it('should preserve the full message when it contains multiple colons', () => {\n    const result = createErrorsFromMessage('With: multiple: colons')\n\n    expect(result).toEqual({ errors: ['multiple: colons'], message: 'With: ' })\n  })\n\n  it('should replace \" > \" with \" → \" in error paths', () => {\n    const result = createErrorsFromMessage('Invalid: parent > child')\n\n    expect(result).toEqual({ errors: ['parent → child'], message: 'Invalid: ' })\n  })\n\n  it('should group similar errors and count them', () => {\n    const result = createErrorsFromMessage('Invalid: blocks > 0, blocks > 1, other')\n\n    expect(result).toEqual({\n      errors: ['blocks → 0', 'blocks → 1', 'other'],\n      message: 'Invalid (3):',\n    })\n  })\n})\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,MAAM,EAAEC,EAAE,QAAQ;AAErC,SAASC,uBAAuB,QAAQ;AAExCH,QAAA,CAAS,2BAA2B;EAClCE,EAAA,CAAG,yDAAyD;IAC1D,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEC,OAAA,EAAS;IAAuB;EAC3D;EAEAJ,EAAA,CAAG,qDAAqD;IACtD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,QAAQ;MAAED,OAAA,EAAS;IAAsB;EAC7E;EAEAJ,EAAA,CAAG,sEAAsE;IACvE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,SAAS,OAAO;MACzBD,OAAA,EAAS;IACX;EACF;EAEAJ,EAAA,CAAG,qEAAqE;IACtE,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,mBAAmB;MAAED,OAAA,EAAS;IAAS;EAC3E;EAEAJ,EAAA,CAAG,kDAAkD;IACnD,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MAAEE,MAAA,EAAQ,CAAC,iBAAiB;MAAED,OAAA,EAAS;IAAY;EAC5E;EAEAJ,EAAA,CAAG,8CAA8C;IAC/C,MAAME,MAAA,GAASD,uBAAA,CAAwB;IAEvCF,MAAA,CAAOG,MAAA,EAAQC,OAAO,CAAC;MACrBE,MAAA,EAAQ,CAAC,cAAc,cAAc,QAAQ;MAC7CD,OAAA,EAAS;IACX;EACF;AACF","ignoreList":[]}

package/dist/elements/UserMenu/HoverSubmenuGroup.d.ts

@@ -1,18 +0,0 @@
-import React from 'react';
-type HoverSubmenuGroupContextValue = {
-    activeId: null | string;
-    setActiveId: React.Dispatch<React.SetStateAction<null | string>>;
-};
-/**
- * Coordinates a set of sibling hover-opened submenus (e.g. Theme / Language / Settings)
- * so that only one can be open at a time. Without this, each submenu only knows about
- * its own trigger + content hit region, so hovering a new sibling can open its submenu
- * while a previously-hovered sibling's submenu is still considered "inside its own zone"
- * and never closes.
- */
-export declare const HoverSubmenuGroupProvider: React.FC<{
-    children: React.ReactNode;
-}>;
-export declare const useHoverSubmenuGroup: () => HoverSubmenuGroupContextValue;
-export {};
-//# sourceMappingURL=HoverSubmenuGroup.d.ts.map

package/dist/elements/UserMenu/HoverSubmenuGroup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoverSubmenuGroup.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/HoverSubmenuGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuC,MAAM,OAAO,CAAA;AAE3D,KAAK,6BAA6B,GAAG;IACnC,QAAQ,EAAE,IAAI,GAAG,MAAM,CAAA;IACvB,WAAW,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,MAAM,CAAC,CAAC,CAAA;CACjE,CAAA;AAID;;;;;;GAMG;AACH,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAU7E,CAAA;AAED,eAAO,MAAM,oBAAoB,qCAAsC,CAAA"}

package/dist/elements/UserMenu/HoverSubmenuGroup.js

@@ -1,38 +0,0 @@
-'use client';
-
-import { c as _c } from "react/compiler-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, use, useState } from 'react';
-const HoverSubmenuGroupContext = /*#__PURE__*/createContext(null);
-/**
- * Coordinates a set of sibling hover-opened submenus (e.g. Theme / Language / Settings)
- * so that only one can be open at a time. Without this, each submenu only knows about
- * its own trigger + content hit region, so hovering a new sibling can open its submenu
- * while a previously-hovered sibling's submenu is still considered "inside its own zone"
- * and never closes.
- */
-export const HoverSubmenuGroupProvider = t0 => {
-  const $ = _c(3);
-  const {
-    children
-  } = t0;
-  const [activeId, setActiveId] = useState(null);
-  let t1;
-  if ($[0] !== activeId || $[1] !== children) {
-    t1 = _jsx(HoverSubmenuGroupContext, {
-      value: {
-        activeId,
-        setActiveId
-      },
-      children
-    });
-    $[0] = activeId;
-    $[1] = children;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  return t1;
-};
-export const useHoverSubmenuGroup = () => use(HoverSubmenuGroupContext);
-//# sourceMappingURL=HoverSubmenuGroup.js.map

package/dist/elements/UserMenu/HoverSubmenuGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HoverSubmenuGroup.js","names":["c","_c","React","createContext","use","useState","HoverSubmenuGroupContext","HoverSubmenuGroupProvider","t0","$","children","activeId","setActiveId","t1","_jsx","value","useHoverSubmenuGroup"],"sources":["../../../src/elements/UserMenu/HoverSubmenuGroup.tsx"],"sourcesContent":["'use client'\nimport React, { createContext, use, useState } from 'react'\n\ntype HoverSubmenuGroupContextValue = {\n  activeId: null | string\n  setActiveId: React.Dispatch<React.SetStateAction<null | string>>\n}\n\nconst HoverSubmenuGroupContext = createContext<HoverSubmenuGroupContextValue | null>(null)\n\n/**\n * Coordinates a set of sibling hover-opened submenus (e.g. Theme / Language / Settings)\n * so that only one can be open at a time. Without this, each submenu only knows about\n * its own trigger + content hit region, so hovering a new sibling can open its submenu\n * while a previously-hovered sibling's submenu is still considered \"inside its own zone\"\n * and never closes.\n */\nexport const HoverSubmenuGroupProvider: React.FC<{ children: React.ReactNode }> = ({\n  children,\n}) => {\n  const [activeId, setActiveId] = useState<null | string>(null)\n\n  return (\n    <HoverSubmenuGroupContext value={{ activeId, setActiveId }}>\n      {children}\n    </HoverSubmenuGroupContext>\n  )\n}\n\nexport const useHoverSubmenuGroup = () => use(HoverSubmenuGroupContext)\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AACA,OAAOC,KAAA,IAASC,aAAa,EAAEC,GAAG,EAAEC,QAAQ,QAAQ;AAOpD,MAAMC,wBAAA,gBAA2BH,aAAA,CAAoD;AAErF;;;;;;;AAOA,OAAO,MAAMI,yBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS;EAAA,IAAAF,EAElF;EACC,OAAAG,QAAA,EAAAC,WAAA,IAAgCP,QAAA,KAAwB;EAAA,IAAAQ,EAAA;EAAA,IAAAJ,CAAA,QAAAE,QAAA,IAAAF,CAAA,QAAAC,QAAA;IAGtDG,EAAA,GAAAC,IAAA,CAAAR,wBAAA;MAAAS,KAAA;QAAAJ,QAAA;QAAAC;MAAA;MAAAF;IAAA,C;;;;;;;SAAAG,E;CAIJ;AAEA,OAAO,MAAMG,oBAAA,GAAuBA,CAAA,KAAMZ,GAAA,CAAIE,wBAAA","ignoreList":[]}

package/dist/elements/UserMenu/useHoverSubmenu.d.ts

@@ -1,21 +0,0 @@
-/**
- * Opens a submenu on hover and keeps it open while the cursor is inside the trigger, the
- * content, the trough between them, or the funnel-shaped safe zone connecting the two -
- * closing once it has genuinely left all of those for `HOVER_CLOSE_DELAY`.
- *
- * `id` identifies this submenu within its `HoverSubmenuGroupProvider` (if any) - when
- * a sibling submenu becomes active, this one closes immediately rather than waiting on
- * its own hover-out timer.
- */
-export declare const useHoverSubmenu: (id: string) => {
-    close: () => void;
-    contentRef: import("react").RefObject<HTMLElement>;
-    isOpen: boolean;
-    keepOpen: () => void;
-    open: (e?: {
-        clientX: number;
-        clientY: number;
-    }) => void;
-    triggerRef: import("react").RefObject<HTMLElement>;
-};
-//# sourceMappingURL=useHoverSubmenu.d.ts.map

package/dist/elements/UserMenu/useHoverSubmenu.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useHoverSubmenu.d.ts","sourceRoot":"","sources":["../../../src/elements/UserMenu/useHoverSubmenu.ts"],"names":[],"mappings":"AAuHA;;;;;;;;GAQG;AACH,eAAO,MAAM,eAAe,OAAQ,MAAM;;;;;eA2BjC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE;;CAwH5C,CAAA"}