@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.0731f09

package/dist/elements/GroupBy/index.js

@@ -1,5 +1,6 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { isFieldDisabled } from 'payload/shared';
 import React, { useMemo } from 'react';
@@ -15,12 +16,14 @@ const baseClass = 'group-by-control';
  * Supported field types for group by functionality.
  */
 const supportedFieldTypes = ['text', 'textarea', 'number', 'select', 'relationship', 'date', 'checkbox', 'radio', 'email', 'upload'];
-export const GroupByButton = ({
-  collectionSlug,
-  fields,
-  onChange,
-  value
-}) => {
+export const GroupByButton = t0 => {
+  const $ = _c(15);
+  const {
+    collectionSlug,
+    fields,
+    onChange,
+    value
+  } = t0;
   const {
     i18n,
     t
@@ -28,64 +31,117 @@ export const GroupByButton = ({
   const {
     permissions
   } = useAuth();
-  const groupByFieldName = value?.replace(/^-/, '');
-  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
-  const reducedFields = useMemo(() => reduceFieldsToOptions({
-    fieldPermissions,
-    fields,
-    i18n
-  }), [fields, fieldPermissions, i18n]);
-  const filteredFields = useMemo(() => reducedFields.filter(field => !isFieldDisabled(field.field, 'groupBy') && field.fieldPath !== 'id' && supportedFieldTypes.includes(field.field.type)), [reducedFields]);
-  const groupByField = reducedFields.find(field_0 => field_0.fieldPath === groupByFieldName);
-  const isActive = Boolean(groupByFieldName && groupByField);
-  if (filteredFields.length === 0) {
-    return null;
+  let t1;
+  let t2;
+  if ($[0] !== collectionSlug || $[1] !== fields || $[2] !== i18n || $[3] !== onChange || $[4] !== permissions?.collections || $[5] !== t || $[6] !== value) {
+    t2 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const groupByFieldName = value?.replace(/^-/, "");
+      const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields;
+      let t3;
+      if ($[9] !== fieldPermissions || $[10] !== fields || $[11] !== i18n) {
+        t3 = reduceFieldsToOptions({
+          fieldPermissions,
+          fields,
+          i18n
+        });
+        $[9] = fieldPermissions;
+        $[10] = fields;
+        $[11] = i18n;
+        $[12] = t3;
+      } else {
+        t3 = $[12];
+      }
+      const reducedFields = t3;
+      let t4;
+      if ($[13] !== reducedFields) {
+        t4 = reducedFields.filter(_temp);
+        $[13] = reducedFields;
+        $[14] = t4;
+      } else {
+        t4 = $[14];
+      }
+      const filteredFields = t4;
+      const groupByField = reducedFields.find(field_0 => field_0.fieldPath === groupByFieldName);
+      const isActive = Boolean(groupByFieldName && groupByField);
+      if (filteredFields.length === 0) {
+        t2 = null;
+        break bb0;
+      }
+      const triggerLabel = isActive ? t("general:groupByLabel", {
+        label: groupByField?.label || ""
+      }) : t("general:groupByLabel", {
+        label: ""
+      });
+      t1 = _jsx(Popup, {
+        className: baseClass,
+        horizontalAlign: "right",
+        popupAriaLabel: triggerLabel,
+        popupType: "dialog",
+        portalClassName: `${baseClass}__popup`,
+        render: t5 => {
+          const {
+            close
+          } = t5;
+          return _jsx(GroupByPopup, {
+            close,
+            filteredFields,
+            groupByField,
+            groupByFieldName,
+            isActive,
+            onChange,
+            value
+          });
+        },
+        renderButton: t6 => {
+          const {
+            active,
+            onClick,
+            onKeyDown,
+            ...ariaProps
+          } = t6;
+          return _jsx(Button, {
+            buttonStyle: "secondary",
+            className: `${baseClass}__trigger`,
+            extraButtonProps: {
+              onKeyDown
+            },
+            icon: _jsx(ChevronIcon, {
+              direction: active ? "up" : "down",
+              size: 16
+            }),
+            id: "toggle-group-by",
+            onClick,
+            selected: active || isActive,
+            size: "medium",
+            ...ariaProps,
+            children: triggerLabel
+          });
+        },
+        size: "large",
+        theme: "auto",
+        verticalAlign: "bottom"
+      });
+    }
+    $[0] = collectionSlug;
+    $[1] = fields;
+    $[2] = i18n;
+    $[3] = onChange;
+    $[4] = permissions?.collections;
+    $[5] = t;
+    $[6] = value;
+    $[7] = t1;
+    $[8] = t2;
+  } else {
+    t1 = $[7];
+    t2 = $[8];
+  }
+  if (t2 !== Symbol.for("react.early_return_sentinel")) {
+    return t2;
   }
-  const triggerLabel = isActive ? t('general:groupByLabel', {
-    label: groupByField?.label || ''
-  }) : t('general:groupByLabel', {
-    label: ''
-  });
-  return /*#__PURE__*/_jsx(Popup, {
-    className: baseClass,
-    horizontalAlign: "right",
-    portalClassName: `${baseClass}__popup`,
-    render: ({
-      close
-    }) => /*#__PURE__*/_jsx(GroupByPopup, {
-      close: close,
-      filteredFields: filteredFields,
-      groupByField: groupByField,
-      groupByFieldName: groupByFieldName,
-      isActive: isActive,
-      onChange: onChange,
-      value: value
-    }),
-    renderButton: ({
-      active,
-      onClick,
-      onKeyDown,
-      ...ariaProps
-    }) => /*#__PURE__*/_jsx(Button, {
-      buttonStyle: "secondary",
-      className: `${baseClass}__trigger`,
-      extraButtonProps: {
-        onKeyDown
-      },
-      icon: /*#__PURE__*/_jsx(ChevronIcon, {
-        direction: active ? 'up' : 'down',
-        size: 16
-      }),
-      id: "toggle-group-by",
-      onClick: onClick,
-      selected: active || isActive,
-      size: "medium",
-      ...ariaProps,
-      children: triggerLabel
-    }),
-    size: "large",
-    theme: "auto",
-    verticalAlign: "bottom"
-  });
+  return t1;
 };
+function _temp(field) {
+  return !isFieldDisabled(field.field, "groupBy") && field.fieldPath !== "id" && supportedFieldTypes.includes(field.field.type);
+}
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["isFieldDisabled","React","useMemo","ChevronIcon","useAuth","useTranslation","reduceFieldsToOptions","Button","Popup","GroupByPopup","baseClass","supportedFieldTypes","GroupByButton","collectionSlug","fields","onChange","value","i18n","t","permissions","groupByFieldName","replace","fieldPermissions","collections","reducedFields","filteredFields","filter","field","fieldPath","includes","type","groupByField","find","isActive","Boolean","length","triggerLabel","label","_jsx","className","horizontalAlign","portalClassName","render","close","renderButton","active","onClick","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","direction","size","id","selected","theme","verticalAlign"],"sources":["../../../src/elements/GroupBy/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { GroupByPopup } from './Popup.js'\n\nexport type GroupByButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** Called with the next `groupBy` value (prefixed with `-` for descending). */\n  readonly onChange: (groupBy: string) => void\n  /** The current `groupBy` value (prefixed with `-` for descending). */\n  readonly value: string\n}\n\nconst baseClass = 'group-by-control'\n\n/**\n * Supported field types for group by functionality.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'upload',\n]\n\nexport const GroupByButton: React.FC<GroupByButtonProps> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const groupByFieldName = value?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const filteredFields = useMemo(\n    () =>\n      reducedFields.filter(\n        (field) =>\n          !isFieldDisabled(field.field, 'groupBy') &&\n          field.fieldPath !== 'id' &&\n          supportedFieldTypes.includes(field.field.type),\n      ),\n    [reducedFields],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n  const isActive = Boolean(groupByFieldName && groupByField)\n\n  if (filteredFields.length === 0) {\n    return null\n  }\n\n  const triggerLabel = isActive\n    ? t('general:groupByLabel', { label: groupByField?.label || '' })\n    : t('general:groupByLabel', { label: '' })\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      portalClassName={`${baseClass}__popup`}\n      render={({ close }) => (\n        <GroupByPopup\n          close={close}\n          filteredFields={filteredFields}\n          groupByField={groupByField}\n          groupByFieldName={groupByFieldName}\n          isActive={isActive}\n          onChange={onChange}\n          value={value}\n        />\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__trigger`}\n          extraButtonProps={{ onKeyDown }}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          id=\"toggle-group-by\"\n          onClick={onClick}\n          selected={active || isActive}\n          size=\"medium\"\n          {...ariaProps}\n        >\n          {triggerLabel}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","isFieldDisabled","React","useMemo","ChevronIcon","useAuth","useTranslation","reduceFieldsToOptions","Button","Popup","GroupByPopup","baseClass","supportedFieldTypes","GroupByButton","t0","$","collectionSlug","fields","onChange","value","i18n","t","permissions","t1","t2","collections","Symbol","for","bb0","groupByFieldName","replace","fieldPermissions","t3","reducedFields","t4","filter","_temp","filteredFields","groupByField","find","field_0","field","fieldPath","isActive","Boolean","length","triggerLabel","label","_jsx","className","horizontalAlign","popupAriaLabel","popupType","portalClassName","render","t5","close","t6","active","onClick","onKeyDown","ariaProps","buttonStyle","extraButtonProps","icon","direction","size","selected","children","theme","verticalAlign","includes","type"],"sources":["../../../src/elements/GroupBy/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientField, Field, SanitizedCollectionConfig } from 'payload'\n\nimport { isFieldDisabled } from 'payload/shared'\nimport React, { useMemo } from 'react'\n\nimport { ChevronIcon } from '../../icons/Chevron/index.js'\nimport { useAuth } from '../../providers/Auth/index.js'\nimport { useTranslation } from '../../providers/Translation/index.js'\nimport { reduceFieldsToOptions } from '../../utilities/reduceFieldsToOptions.js'\nimport { Button } from '../Button/index.js'\nimport { Popup } from '../Popup/index.js'\nimport { GroupByPopup } from './Popup.js'\n\nexport type GroupByButtonProps = {\n  readonly collectionSlug: SanitizedCollectionConfig['slug']\n  readonly fields: ClientField[]\n  /** Called with the next `groupBy` value (prefixed with `-` for descending). */\n  readonly onChange: (groupBy: string) => void\n  /** The current `groupBy` value (prefixed with `-` for descending). */\n  readonly value: string\n}\n\nconst baseClass = 'group-by-control'\n\n/**\n * Supported field types for group by functionality.\n */\nconst supportedFieldTypes: Field['type'][] = [\n  'text',\n  'textarea',\n  'number',\n  'select',\n  'relationship',\n  'date',\n  'checkbox',\n  'radio',\n  'email',\n  'upload',\n]\n\nexport const GroupByButton: React.FC<GroupByButtonProps> = ({\n  collectionSlug,\n  fields,\n  onChange,\n  value,\n}) => {\n  const { i18n, t } = useTranslation()\n  const { permissions } = useAuth()\n\n  const groupByFieldName = value?.replace(/^-/, '')\n\n  const fieldPermissions = permissions?.collections?.[collectionSlug]?.fields\n\n  const reducedFields = useMemo(\n    () =>\n      reduceFieldsToOptions({\n        fieldPermissions,\n        fields,\n        i18n,\n      }),\n    [fields, fieldPermissions, i18n],\n  )\n\n  const filteredFields = useMemo(\n    () =>\n      reducedFields.filter(\n        (field) =>\n          !isFieldDisabled(field.field, 'groupBy') &&\n          field.fieldPath !== 'id' &&\n          supportedFieldTypes.includes(field.field.type),\n      ),\n    [reducedFields],\n  )\n\n  const groupByField = reducedFields.find((field) => field.fieldPath === groupByFieldName)\n  const isActive = Boolean(groupByFieldName && groupByField)\n\n  if (filteredFields.length === 0) {\n    return null\n  }\n\n  const triggerLabel = isActive\n    ? t('general:groupByLabel', { label: groupByField?.label || '' })\n    : t('general:groupByLabel', { label: '' })\n\n  return (\n    <Popup\n      className={baseClass}\n      horizontalAlign=\"right\"\n      popupAriaLabel={triggerLabel}\n      popupType=\"dialog\"\n      portalClassName={`${baseClass}__popup`}\n      render={({ close }) => (\n        <GroupByPopup\n          close={close}\n          filteredFields={filteredFields}\n          groupByField={groupByField}\n          groupByFieldName={groupByFieldName}\n          isActive={isActive}\n          onChange={onChange}\n          value={value}\n        />\n      )}\n      renderButton={({ active, onClick, onKeyDown, ...ariaProps }) => (\n        <Button\n          buttonStyle=\"secondary\"\n          className={`${baseClass}__trigger`}\n          extraButtonProps={{ onKeyDown }}\n          icon={<ChevronIcon direction={active ? 'up' : 'down'} size={16} />}\n          id=\"toggle-group-by\"\n          onClick={onClick}\n          selected={active || isActive}\n          size=\"medium\"\n          {...ariaProps}\n        >\n          {triggerLabel}\n        </Button>\n      )}\n      size=\"large\"\n      theme=\"auto\"\n      verticalAlign=\"bottom\"\n    />\n  )\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/HTMLDiff/colors.css

@@ -14,4 +14,11 @@
     --diff-create-parent-color: var(--color-text-brand);
     --diff-create-link-color: var(--color-text-brand);
   }
+
+  html[data-enhanced-contrast],
+  html[data-enhanced-contrast] [data-theme] {
+    --diff-create-pill-color: var(--color-text-selected);
+    --diff-delete-pill-color: var(--color-text);
+    --diff-delete-parent-color: var(--color-text);
+  }
 }

package/dist/elements/HTMLDiff/diff/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HTMLDiff/diff/index.ts"],"names":[],"mappings":"AAmCA,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAC,CAAA;IACF;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAWD,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,iBAAiB,CAAmB;IAC5C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqB;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAChD,OAAO,CAAC,kBAAkB,CAAC,CAAkB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAQ;gBAG7B,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,EACE,UAKC,EACD,cAAqB,EACrB,WAAkB,EAClB,cAAkB,EAClB,mBAA2B,GAC5B,GAAE,eAAoB;IA4CzB,OAAO,CAAC,uBAAuB;IA8B/B,OAAO,CAAC,uBAAuB;IAmC/B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,kBAAkB;IAwD1B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,0BAA0B;IAelC,OAAO,CAAC,WAAW;IAcnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA+D3B,OAAO,CAAC,gBAAgB;IAoDxB,OAAO,CAAC,qBAAqB;IA0B7B;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IAiC3B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IASf,qBAAqB,IAAI,MAAM,EAAE;IAkEjC,iBAAiB,IAAI,MAAM;CA6HnC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/HTMLDiff/diff/index.ts"],"names":[],"mappings":"AAmCA,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,YAAY,CAAC,EAAE,MAAM,CAAA;KACtB,CAAC,CAAA;IACF;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B;AAWD,qBAAa,QAAQ;IACnB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAgB;IACvC,OAAO,CAAC,iBAAiB,CAAmB;IAC5C,OAAO,CAAC,QAAQ,CAAC,gBAAgB,CAAqB;IACtD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAe;IACzC,OAAO,CAAC,QAAQ,CAAC,aAAa,CAAkB;IAChD,OAAO,CAAC,kBAAkB,CAAC,CAAkB;IAC7C,OAAO,CAAC,cAAc,CAAC,CAAQ;IAE/B,YACE,OAAO,EAAE,MAAM,EACf,OAAO,EAAE,MAAM,EACf,EACE,UAKC,EACD,cAAqB,EACrB,WAAkB,EAClB,cAAkB,EAClB,mBAA2B,GAC5B,GAAE,eAAoB,EAyCxB;IAGD,OAAO,CAAC,uBAAuB;IA8B/B,OAAO,CAAC,uBAAuB;IAmC/B,OAAO,CAAC,eAAe;IAUvB,OAAO,CAAC,kBAAkB;IAwD1B,OAAO,CAAC,gBAAgB;IAUxB,OAAO,CAAC,0BAA0B;IAelC,OAAO,CAAC,WAAW;IAcnB;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA+D3B,OAAO,CAAC,gBAAgB;IAoDxB,OAAO,CAAC,qBAAqB;IA0B7B;;;;;OAKG;IACH,OAAO,CAAC,mBAAmB;IAiC3B;;;;;OAKG;IACH,OAAO,CAAC,cAAc;IASf,qBAAqB,IAAI,MAAM,EAAE,CAgEvC;IAEM,iBAAiB,IAAI,MAAM,CA4HjC;CACF"}

package/dist/elements/HTMLDiff/index.css

@@ -3,7 +3,6 @@
     display: flex;
     flex-direction: column;
     gap: var(--spacer-3);
-    font-family: var(--text-body-medium-font-family);
     font-size: var(--text-body-medium-font-size);
     font-weight: var(--text-body-medium-font-weight);
     line-height: var(--text-body-medium-line-height);
@@ -117,6 +116,7 @@
     }
   }
 
+  /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
   @media (max-width: 768px) {
     .html-diff:has([data-match-type='create']),
     .html-diff:has([data-match-type='delete']) {

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

@@ -2,8 +2,9 @@ import React from 'react';
 import './colors.css';
 import './index.css';
 export { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js';
-export declare const getHTMLDiffComponents: ({ fromHTML, postProcess, toHTML, tokenizeByCharacter, }: {
+export declare const getHTMLDiffComponents: ({ fromHTML, fromLabel, postProcess, toHTML, tokenizeByCharacter, toLabel, }: {
     fromHTML: string;
+    fromLabel?: string;
     /**
      * Optional function to transform the HTML output after diffing.
      * Useful for converting escape sequences to HTML entities.
@@ -11,6 +12,7 @@ export declare const getHTMLDiffComponents: ({ fromHTML, postProcess, toHTML, to
     postProcess?: (html: string) => string;
     toHTML: string;
     tokenizeByCharacter?: boolean;
+    toLabel?: string;
 }) => {
     From: React.ReactNode;
     To: React.ReactNode;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HTMLDiff/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AACrB,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAIlE,eAAO,MAAM,qBAAqB,GAAI,yDAKnC;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;CAC9B,KAAG;IACF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAA;CA4BpB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/HTMLDiff/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,cAAc,CAAA;AACrB,OAAO,aAAa,CAAA;AAEpB,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAIlE,eAAO,MAAM,qBAAqB,gFAO/B;IACD,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,MAAM,EAAE,MAAM,CAAA;IACd,mBAAmB,CAAC,EAAE,OAAO,CAAA;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,KAAG;IACF,IAAI,EAAE,KAAK,CAAC,SAAS,CAAA;IACrB,EAAE,EAAE,KAAK,CAAC,SAAS,CAAA;CAgCpB,CAAA"}

package/dist/elements/HTMLDiff/index.js

@@ -7,9 +7,11 @@ export { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js';
 const baseClass = 'html-diff';
 export const getHTMLDiffComponents = ({
   fromHTML,
+  fromLabel,
   postProcess,
   toHTML,
-  tokenizeByCharacter
+  tokenizeByCharacter,
+  toLabel
 }) => {
   const diffHTML = new HtmlDiff(fromHTML, toHTML, {
     tokenizeByCharacter
@@ -20,16 +22,20 @@ export const getHTMLDiffComponents = ({
     newHTML = postProcess(newHTML);
   }
   const From = oldHTML ? /*#__PURE__*/_jsx("div", {
+    "aria-label": fromLabel,
     className: `${baseClass}__diff-old html-diff`,
     dangerouslySetInnerHTML: {
       __html: oldHTML
-    }
+    },
+    role: fromLabel ? 'group' : undefined
   }) : null;
   const To = newHTML ? /*#__PURE__*/_jsx("div", {
+    "aria-label": toLabel,
     className: `${baseClass}__diff-new html-diff`,
     dangerouslySetInnerHTML: {
       __html: newHTML
-    }
+    },
+    role: toLabel ? 'group' : undefined
   }) : null;
   return {
     From,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","HtmlDiff","escapeDiffHTML","unescapeDiffHTML","baseClass","getHTMLDiffComponents","fromHTML","postProcess","toHTML","tokenizeByCharacter","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './colors.css'\nimport './index.css'\n\nexport { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  postProcess,\n  toHTML,\n  tokenizeByCharacter,\n}: {\n  fromHTML: string\n  /**\n   * Optional function to transform the HTML output after diffing.\n   * Useful for converting escape sequences to HTML entities.\n   */\n  postProcess?: (html: string) => string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  let [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  if (postProcess) {\n    oldHTML = postProcess(oldHTML)\n    newHTML = postProcess(newHTML)\n  }\n\n  const From = oldHTML ? (\n    <div\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AACP,OAAO;AAEP,SAASC,cAAc,EAAEC,gBAAgB,QAAQ;AAEjD,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,WAAW;EACXC,MAAM;EACNC;AAAmB,CAUpB;EAIC,MAAMC,QAAA,GAAW,IAAIT,QAAA,CAASK,QAAA,EAAUE,MAAA,EAAQ;IAC9CC;EACF;EAEA,IAAI,CAACE,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEvD,IAAIN,WAAA,EAAa;IACfI,OAAA,GAAUJ,WAAA,CAAYI,OAAA;IACtBC,OAAA,GAAUL,WAAA,CAAYK,OAAA;EACxB;EAEA,MAAME,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGZ,SAAA,sBAA+B;IAC7Ca,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;OAE3C;EAEJ,MAAMQ,EAAA,GAAKP,OAAA,gBACTG,IAAA,CAAC;IACCC,SAAA,EAAW,GAAGZ,SAAA,sBAA+B;IAC7Ca,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;OAE3C;EAEJ,OAAO;IAAEE,IAAA;IAAMK;EAAG;AACpB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","HtmlDiff","escapeDiffHTML","unescapeDiffHTML","baseClass","getHTMLDiffComponents","fromHTML","fromLabel","postProcess","toHTML","tokenizeByCharacter","toLabel","diffHTML","oldHTML","newHTML","getSideBySideContents","From","_jsx","className","dangerouslySetInnerHTML","__html","role","undefined","To"],"sources":["../../../src/elements/HTMLDiff/index.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HtmlDiff } from './diff/index.js'\nimport './colors.css'\nimport './index.css'\n\nexport { escapeDiffHTML, unescapeDiffHTML } from './escapeHtml.js'\n\nconst baseClass = 'html-diff'\n\nexport const getHTMLDiffComponents = ({\n  fromHTML,\n  fromLabel,\n  postProcess,\n  toHTML,\n  tokenizeByCharacter,\n  toLabel,\n}: {\n  fromHTML: string\n  fromLabel?: string\n  /**\n   * Optional function to transform the HTML output after diffing.\n   * Useful for converting escape sequences to HTML entities.\n   */\n  postProcess?: (html: string) => string\n  toHTML: string\n  tokenizeByCharacter?: boolean\n  toLabel?: string\n}): {\n  From: React.ReactNode\n  To: React.ReactNode\n} => {\n  const diffHTML = new HtmlDiff(fromHTML, toHTML, {\n    tokenizeByCharacter,\n  })\n\n  let [oldHTML, newHTML] = diffHTML.getSideBySideContents()\n\n  if (postProcess) {\n    oldHTML = postProcess(oldHTML)\n    newHTML = postProcess(newHTML)\n  }\n\n  const From = oldHTML ? (\n    <div\n      aria-label={fromLabel}\n      className={`${baseClass}__diff-old html-diff`}\n      dangerouslySetInnerHTML={{ __html: oldHTML }}\n      role={fromLabel ? 'group' : undefined}\n    />\n  ) : null\n\n  const To = newHTML ? (\n    <div\n      aria-label={toLabel}\n      className={`${baseClass}__diff-new html-diff`}\n      dangerouslySetInnerHTML={{ __html: newHTML }}\n      role={toLabel ? 'group' : undefined}\n    />\n  ) : null\n\n  return { From, To }\n}\n"],"mappings":";AAAA,OAAOA,KAAA,MAAW;AAElB,SAASC,QAAQ,QAAQ;AACzB,OAAO;AACP,OAAO;AAEP,SAASC,cAAc,EAAEC,gBAAgB,QAAQ;AAEjD,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,qBAAA,GAAwBA,CAAC;EACpCC,QAAQ;EACRC,SAAS;EACTC,WAAW;EACXC,MAAM;EACNC,mBAAmB;EACnBC;AAAO,CAYR;EAIC,MAAMC,QAAA,GAAW,IAAIX,QAAA,CAASK,QAAA,EAAUG,MAAA,EAAQ;IAC9CC;EACF;EAEA,IAAI,CAACG,OAAA,EAASC,OAAA,CAAQ,GAAGF,QAAA,CAASG,qBAAqB;EAEvD,IAAIP,WAAA,EAAa;IACfK,OAAA,GAAUL,WAAA,CAAYK,OAAA;IACtBC,OAAA,GAAUN,WAAA,CAAYM,OAAA;EACxB;EAEA,MAAME,IAAA,GAAOH,OAAA,gBACXI,IAAA,CAAC;IACC,cAAYV,SAAA;IACZW,SAAA,EAAW,GAAGd,SAAA,sBAA+B;IAC7Ce,uBAAA,EAAyB;MAAEC,MAAA,EAAQP;IAAQ;IAC3CQ,IAAA,EAAMd,SAAA,GAAY,UAAUe;OAE5B;EAEJ,MAAMC,EAAA,GAAKT,OAAA,gBACTG,IAAA,CAAC;IACC,cAAYN,OAAA;IACZO,SAAA,EAAW,GAAGd,SAAA,sBAA+B;IAC7Ce,uBAAA,EAAyB;MAAEC,MAAA,EAAQN;IAAQ;IAC3CO,IAAA,EAAMV,OAAA,GAAU,UAAUW;OAE1B;EAEJ,OAAO;IAAEN,IAAA;IAAMO;EAAG;AACpB","ignoreList":[]}

package/dist/elements/Hierarchy/ActionsMenu/index.css

@@ -0,0 +1,18 @@
+@layer payload-default {
+  .hierarchy-actions-menu {
+    display: contents;
+  }
+
+  .hierarchy-actions-menu__truncate {
+    display: block;
+    max-inline-size: calc(var(--spacer-6) * 4);
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  /* Dividers span the full menu width rather than sitting inside the list's inline padding. */
+  .hierarchy-actions-menu__popup-content .popup-divider {
+    margin-inline: calc(var(--spacer-2) * -1);
+  }
+}

package/dist/elements/Hierarchy/ActionsMenu/index.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+import './index.css';
+/**
+ * Props for the trigger button. `undefined` when the menu is off and the trigger
+ * should run its own click handler instead.
+ */
+export type HierarchyActionsMenuTriggerProps = {
+    extraButtonProps: {
+        'aria-controls'?: string;
+        'aria-expanded'?: 'false' | 'true' | boolean;
+        'aria-haspopup': 'menu';
+        onKeyDown: React.KeyboardEventHandler;
+    };
+    onClick: React.MouseEventHandler;
+    selected: boolean;
+} | undefined;
+export type HierarchyActionsMenuProps = {
+    /** Destination for the "Go to" action. The action is hidden when omitted. */
+    goTo?: {
+        href: string;
+        name: string;
+    };
+    /** When false, the trigger renders without a menu. */
+    hasActions: boolean;
+    /** Singular label of the hierarchy collection, used in the remove action. */
+    hierarchyLabel: string;
+    onMove: () => void;
+    /** Return `false` when the remove failed, so focus stays where it is. */
+    onRemove: () => boolean | Promise<boolean> | void;
+    renderTrigger: (triggerProps: HierarchyActionsMenuTriggerProps) => React.ReactNode;
+    /** Show icons next to the move and remove actions. */
+    showActionIcons?: boolean;
+};
+export declare const HierarchyActionsMenu: React.FC<HierarchyActionsMenuProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/Hierarchy/ActionsMenu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/Hierarchy/ActionsMenu/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAA;AAMvE,OAAO,aAAa,CAAA;AAIpB;;;GAGG;AACH,MAAM,MAAM,gCAAgC,GACxC;IACE,gBAAgB,EAAE;QAChB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,eAAe,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAA;QAC5C,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,KAAK,CAAC,oBAAoB,CAAA;KACtC,CAAA;IACD,OAAO,EAAE,KAAK,CAAC,iBAAiB,CAAA;IAChC,QAAQ,EAAE,OAAO,CAAA;CAClB,GACD,SAAS,CAAA;AAEb,MAAM,MAAM,yBAAyB,GAAG;IACtC,6EAA6E;IAC7E,IAAI,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IACrC,sDAAsD;IACtD,UAAU,EAAE,OAAO,CAAA;IACnB,6EAA6E;IAC7E,cAAc,EAAE,MAAM,CAAA;IACtB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,yEAAyE;IACzE,QAAQ,EAAE,MAAM,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACjD,aAAa,EAAE,CAAC,YAAY,EAAE,gCAAgC,KAAK,KAAK,CAAC,SAAS,CAAA;IAClF,sDAAsD;IACtD,eAAe,CAAC,EAAE,OAAO,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAsFpE,CAAA"}

package/dist/elements/Hierarchy/ActionsMenu/index.js

@@ -0,0 +1,99 @@
+'use client';
+
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { ArrowIcon } from '../../../icons/Arrow/index.js';
+import { XIcon } from '../../../icons/X/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
+import { Popup, PopupList } from '../../Popup/index.js';
+import './index.css';
+const baseClass = 'hierarchy-actions-menu';
+export const HierarchyActionsMenu = ({
+  goTo,
+  hasActions,
+  hierarchyLabel,
+  onMove,
+  onRemove,
+  renderTrigger,
+  showActionIcons = false
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const controlRef = useRef(null);
+  const [shouldRefocus, setShouldRefocus] = useState(false);
+  // After a remove, the trigger re-renders without the menu, so focus the new button
+  useEffect(() => {
+    if (shouldRefocus) {
+      controlRef.current?.querySelector('button')?.focus();
+      setShouldRefocus(false);
+    }
+  }, [shouldRefocus]);
+  const handleRemove = useCallback(async () => {
+    if ((await onRemove()) !== false) {
+      setShouldRefocus(true);
+    }
+  }, [onRemove]);
+  return /*#__PURE__*/_jsx("div", {
+    className: baseClass,
+    ref: controlRef,
+    children: hasActions ? /*#__PURE__*/_jsx(Popup, {
+      caret: false,
+      horizontalAlign: "left",
+      portalClassName: `${baseClass}__popup-content`,
+      render: ({
+        close
+      }) => /*#__PURE__*/_jsxs(PopupList.MenuItem, {
+        children: [/*#__PURE__*/_jsx(PopupList.Button, {
+          icon: showActionIcons ? /*#__PURE__*/_jsx(ArrowIcon, {
+            direction: "right"
+          }) : undefined,
+          onClick: () => {
+            close();
+            requestAnimationFrame(onMove);
+          },
+          children: t('hierarchy:moveTo')
+        }), /*#__PURE__*/_jsx(PopupList.Button, {
+          icon: showActionIcons ? /*#__PURE__*/_jsx(XIcon, {}) : undefined,
+          onClick: () => {
+            close();
+            void handleRemove();
+          },
+          children: t('hierarchy:removeFrom', {
+            label: hierarchyLabel
+          })
+        }), goTo ? /*#__PURE__*/_jsxs(React.Fragment, {
+          children: [/*#__PURE__*/_jsx(PopupList.Divider, {}), /*#__PURE__*/_jsx(PopupList.Button, {
+            href: goTo.href,
+            onClick: close,
+            children: /*#__PURE__*/_jsx("span", {
+              className: `${baseClass}__truncate`,
+              title: goTo.name,
+              children: t('hierarchy:goTo', {
+                name: goTo.name
+              })
+            })
+          })]
+        }) : null]
+      }),
+      renderButton: ({
+        active,
+        'aria-controls': ariaControls,
+        onClick,
+        onKeyDown
+      }) => renderTrigger({
+        extraButtonProps: {
+          'aria-controls': ariaControls,
+          'aria-expanded': active,
+          'aria-haspopup': 'menu',
+          onKeyDown
+        },
+        onClick,
+        selected: active
+      }),
+      size: "fit-content",
+      verticalAlign: "bottom"
+    }) : renderTrigger(undefined)
+  });
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/Hierarchy/ActionsMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useRef","useState","ArrowIcon","XIcon","useTranslation","Popup","PopupList","baseClass","HierarchyActionsMenu","goTo","hasActions","hierarchyLabel","onMove","onRemove","renderTrigger","showActionIcons","t","controlRef","shouldRefocus","setShouldRefocus","current","querySelector","focus","handleRemove","_jsx","className","ref","caret","horizontalAlign","portalClassName","render","close","_jsxs","MenuItem","Button","icon","direction","undefined","onClick","requestAnimationFrame","label","Fragment","Divider","href","title","name","renderButton","active","ariaControls","onKeyDown","extraButtonProps","selected","size","verticalAlign"],"sources":["../../../../src/elements/Hierarchy/ActionsMenu/index.tsx"],"sourcesContent":["'use client'\nimport React, { useCallback, useEffect, useRef, useState } from 'react'\n\nimport { ArrowIcon } from '../../../icons/Arrow/index.js'\nimport { XIcon } from '../../../icons/X/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport { Popup, PopupList } from '../../Popup/index.js'\nimport './index.css'\n\nconst baseClass = 'hierarchy-actions-menu'\n\n/**\n * Props for the trigger button. `undefined` when the menu is off and the trigger\n * should run its own click handler instead.\n */\nexport type HierarchyActionsMenuTriggerProps =\n  | {\n      extraButtonProps: {\n        'aria-controls'?: string\n        'aria-expanded'?: 'false' | 'true' | boolean\n        'aria-haspopup': 'menu'\n        onKeyDown: React.KeyboardEventHandler\n      }\n      onClick: React.MouseEventHandler\n      selected: boolean\n    }\n  | undefined\n\nexport type HierarchyActionsMenuProps = {\n  /** Destination for the \"Go to\" action. The action is hidden when omitted. */\n  goTo?: { href: string; name: string }\n  /** When false, the trigger renders without a menu. */\n  hasActions: boolean\n  /** Singular label of the hierarchy collection, used in the remove action. */\n  hierarchyLabel: string\n  onMove: () => void\n  /** Return `false` when the remove failed, so focus stays where it is. */\n  onRemove: () => boolean | Promise<boolean> | void\n  renderTrigger: (triggerProps: HierarchyActionsMenuTriggerProps) => React.ReactNode\n  /** Show icons next to the move and remove actions. */\n  showActionIcons?: boolean\n}\n\nexport const HierarchyActionsMenu: React.FC<HierarchyActionsMenuProps> = ({\n  goTo,\n  hasActions,\n  hierarchyLabel,\n  onMove,\n  onRemove,\n  renderTrigger,\n  showActionIcons = false,\n}) => {\n  const { t } = useTranslation()\n  const controlRef = useRef<HTMLDivElement | null>(null)\n  const [shouldRefocus, setShouldRefocus] = useState(false)\n\n  // After a remove, the trigger re-renders without the menu, so focus the new button\n  useEffect(() => {\n    if (shouldRefocus) {\n      controlRef.current?.querySelector('button')?.focus()\n      setShouldRefocus(false)\n    }\n  }, [shouldRefocus])\n\n  const handleRemove = useCallback(async () => {\n    if ((await onRemove()) !== false) {\n      setShouldRefocus(true)\n    }\n  }, [onRemove])\n\n  return (\n    <div className={baseClass} ref={controlRef}>\n      {hasActions ? (\n        <Popup\n          caret={false}\n          horizontalAlign=\"left\"\n          portalClassName={`${baseClass}__popup-content`}\n          render={({ close }) => (\n            <PopupList.MenuItem>\n              <PopupList.Button\n                icon={showActionIcons ? <ArrowIcon direction=\"right\" /> : undefined}\n                onClick={() => {\n                  close()\n                  requestAnimationFrame(onMove)\n                }}\n              >\n                {t('hierarchy:moveTo')}\n              </PopupList.Button>\n              <PopupList.Button\n                icon={showActionIcons ? <XIcon /> : undefined}\n                onClick={() => {\n                  close()\n                  void handleRemove()\n                }}\n              >\n                {t('hierarchy:removeFrom', { label: hierarchyLabel })}\n              </PopupList.Button>\n              {goTo ? (\n                <React.Fragment>\n                  <PopupList.Divider />\n                  <PopupList.Button href={goTo.href} onClick={close}>\n                    <span className={`${baseClass}__truncate`} title={goTo.name}>\n                      {t('hierarchy:goTo', { name: goTo.name })}\n                    </span>\n                  </PopupList.Button>\n                </React.Fragment>\n              ) : null}\n            </PopupList.MenuItem>\n          )}\n          renderButton={({ active, 'aria-controls': ariaControls, onClick, onKeyDown }) =>\n            renderTrigger({\n              extraButtonProps: {\n                'aria-controls': ariaControls,\n                'aria-expanded': active,\n                'aria-haspopup': 'menu',\n                onKeyDown,\n              },\n              onClick,\n              selected: active,\n            })\n          }\n          size=\"fit-content\"\n          verticalAlign=\"bottom\"\n        />\n      ) : (\n        renderTrigger(undefined)\n      )}\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AACA,OAAOA,KAAA,IAASC,WAAW,EAAEC,SAAS,EAAEC,MAAM,EAAEC,QAAQ,QAAQ;AAEhE,SAASC,SAAS,QAAQ;AAC1B,SAASC,KAAK,QAAQ;AACtB,SAASC,cAAc,QAAQ;AAC/B,SAASC,KAAK,EAAEC,SAAS,QAAQ;AACjC,OAAO;AAEP,MAAMC,SAAA,GAAY;AAkClB,OAAO,MAAMC,oBAAA,GAA4DA,CAAC;EACxEC,IAAI;EACJC,UAAU;EACVC,cAAc;EACdC,MAAM;EACNC,QAAQ;EACRC,aAAa;EACbC,eAAA,GAAkB;AAAK,CACxB;EACC,MAAM;IAAEC;EAAC,CAAE,GAAGZ,cAAA;EACd,MAAMa,UAAA,GAAajB,MAAA,CAA8B;EACjD,MAAM,CAACkB,aAAA,EAAeC,gBAAA,CAAiB,GAAGlB,QAAA,CAAS;EAEnD;EACAF,SAAA,CAAU;IACR,IAAImB,aAAA,EAAe;MACjBD,UAAA,CAAWG,OAAO,EAAEC,aAAA,CAAc,WAAWC,KAAA;MAC7CH,gBAAA,CAAiB;IACnB;EACF,GAAG,CAACD,aAAA,CAAc;EAElB,MAAMK,YAAA,GAAezB,WAAA,CAAY;IAC/B,IAAI,OAAOe,QAAA,QAAgB,OAAO;MAChCM,gBAAA,CAAiB;IACnB;EACF,GAAG,CAACN,QAAA,CAAS;EAEb,oBACEW,IAAA,CAAC;IAAIC,SAAA,EAAWlB,SAAA;IAAWmB,GAAA,EAAKT,UAAA;cAC7BP,UAAA,gBACCc,IAAA,CAACnB,KAAA;MACCsB,KAAA,EAAO;MACPC,eAAA,EAAgB;MAChBC,eAAA,EAAiB,GAAGtB,SAAA,iBAA0B;MAC9CuB,MAAA,EAAQA,CAAC;QAAEC;MAAK,CAAE,kBAChBC,KAAA,CAAC1B,SAAA,CAAU2B,QAAQ;gCACjBT,IAAA,CAAClB,SAAA,CAAU4B,MAAM;UACfC,IAAA,EAAMpB,eAAA,gBAAkBS,IAAA,CAACtB,SAAA;YAAUkC,SAAA,EAAU;eAAaC,SAAA;UAC1DC,OAAA,EAASA,CAAA;YACPP,KAAA;YACAQ,qBAAA,CAAsB3B,MAAA;UACxB;oBAECI,CAAA,CAAE;yBAELQ,IAAA,CAAClB,SAAA,CAAU4B,MAAM;UACfC,IAAA,EAAMpB,eAAA,gBAAkBS,IAAA,CAACrB,KAAA,QAAWkC,SAAA;UACpCC,OAAA,EAASA,CAAA;YACPP,KAAA;YACA,KAAKR,YAAA;UACP;oBAECP,CAAA,CAAE,wBAAwB;YAAEwB,KAAA,EAAO7B;UAAe;YAEpDF,IAAA,gBACCuB,KAAA,CAACnC,KAAA,CAAM4C,QAAQ;kCACbjB,IAAA,CAAClB,SAAA,CAAUoC,OAAO,O,aAClBlB,IAAA,CAAClB,SAAA,CAAU4B,MAAM;YAACS,IAAA,EAAMlC,IAAA,CAAKkC,IAAI;YAAEL,OAAA,EAASP,KAAA;sBAC1C,aAAAP,IAAA,CAAC;cAAKC,SAAA,EAAW,GAAGlB,SAAA,YAAqB;cAAEqC,KAAA,EAAOnC,IAAA,CAAKoC,IAAI;wBACxD7B,CAAA,CAAE,kBAAkB;gBAAE6B,IAAA,EAAMpC,IAAA,CAAKoC;cAAK;;;aAI3C;;MAGRC,YAAA,EAAcA,CAAC;QAAEC,MAAM;QAAE,iBAAiBC,YAAY;QAAEV,OAAO;QAAEW;MAAS,CAAE,KAC1EnC,aAAA,CAAc;QACZoC,gBAAA,EAAkB;UAChB,iBAAiBF,YAAA;UACjB,iBAAiBD,MAAA;UACjB,iBAAiB;UACjBE;QACF;QACAX,OAAA;QACAa,QAAA,EAAUJ;MACZ;MAEFK,IAAA,EAAK;MACLC,aAAA,EAAc;SAGhBvC,aAAA,CAAcuB,SAAA;;AAItB","ignoreList":[]}

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.css

@@ -5,7 +5,7 @@
     flex-shrink: 0;
     display: flex;
     flex-direction: column;
-    border-right: 1px solid var(--color-border);
+    border-right: var(--stroke-width-small) solid var(--color-border);
     height: 100%;
     background: var(--color-bg);
   }
@@ -16,13 +16,15 @@
     justify-content: space-between;
     gap: var(--spacer-2);
     padding: var(--spacer-1) var(--spacer-3);
+    padding-inline-end: var(--spacer-2);
     flex-shrink: 0;
     margin-bottom: var(--spacer-2);
-    border-bottom: 1px solid var(--color-border);
+    border-bottom: var(--stroke-width-small) solid var(--color-border);
   }
 
   .hierarchy-column__add-button {
     flex-shrink: 0;
+    color: var(--color-text-secondary);
   }
 
   .hierarchy-column__header-checkbox {
@@ -30,6 +32,9 @@
   }
 
   .hierarchy-column__header-title {
+    margin: 0;
+    font-size: inherit;
+    line-height: inherit;
     display: flex;
     align-items: center;
     gap: var(--spacer-2);
@@ -45,7 +50,7 @@
     display: flex;
     flex-direction: column;
     overflow-y: auto;
-    margin: 0 var(--spacer-2);
+    margin: 0 var(--spacer-1);
     gap: var(--spacer-1);
   }
 

package/dist/elements/Hierarchy/ColumnBrowser/Column/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAE1C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAQ9C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA2FxC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/Hierarchy/ColumnBrowser/Column/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAEjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAQ9C,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAgGxC,CAAA"}