@payloadcms/ui 4.0.0-internal.d28e9fb → 4.0.0-internal.d3909a9

package/dist/elements/QueryPresets/fields/Heading/index.js

@@ -0,0 +1,31 @@
+'use client';
+
+import { c as _c } from "react/compiler-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useTranslation } from '../../../../providers/Translation/index.js';
+import './index.css';
+export const QueryPresetsHeading = t0 => {
+  const $ = _c(3);
+  const {
+    i18nKey: t1
+  } = t0;
+  const i18nKey = t1 === undefined ? "general:presets" : t1;
+  const {
+    t
+  } = useTranslation();
+  let t2;
+  if ($[0] !== i18nKey || $[1] !== t) {
+    t2 = _jsx("h3", {
+      className: "query-preset-heading",
+      children: t(i18nKey)
+    });
+    $[0] = i18nKey;
+    $[1] = t;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  return t2;
+};
+//# sourceMappingURL=index.js.map

package/dist/elements/QueryPresets/fields/Heading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["c","_c","React","useTranslation","QueryPresetsHeading","t0","$","i18nKey","t1","undefined","t","t2","_jsx","className","children"],"sources":["../../../../../src/elements/QueryPresets/fields/Heading/index.tsx"],"sourcesContent":["'use client'\nimport type { ClientTranslationKeys } from '@payloadcms/translations'\n\nimport React from 'react'\n\nimport { useTranslation } from '../../../../providers/Translation/index.js'\nimport './index.css'\n\nexport const QueryPresetsHeading: React.FC<{ i18nKey?: ClientTranslationKeys }> = ({\n  i18nKey = 'general:presets',\n}) => {\n  const { t } = useTranslation()\n\n  return <h3 className=\"query-preset-heading\">{t(i18nKey)}</h3>\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,OAAO,MAAMC,mBAAA,GAAqEC,EAAA;EAAA,MAAAC,CAAA,GAAAL,EAAA;EAAC;IAAAM,OAAA,EAAAC;EAAA,IAAAH,EAElF;EADC,MAAAE,OAAA,GAAAC,EAA2B,KAAAC,SAAA,GAAjB,iBAAiB,GAA3BD,EAA2B;EAE3B;IAAAE;EAAA,IAAcP,cAAA;EAAA,IAAAQ,EAAA;EAAA,IAAAL,CAAA,QAAAC,OAAA,IAAAD,CAAA,QAAAI,CAAA;IAEPC,EAAA,GAAAC,IAAA,CAAC;MAAAC,SAAA,EAAa;MAAAC,QAAA,EAAwBJ,CAAA,CAAEH,OAAA;IAAA,C;;;;;;;SAAxCI,E;CACT","ignoreList":[]}

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
-import './index.scss';
-export declare const QueryPresetsWhereField: JSONFieldClientComponent;
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
+import '../fields.css';
+export declare const QueryPresetsWhereField: React.FC<JSONFieldClientProps>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/QueryPresets/fields/WhereField/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,wBAAwB,EAAS,MAAM,SAAS,CAAA;AAO9D,OAAO,cAAc,CAAA;AAErB,eAAO,MAAM,sBAAsB,EAAE,wBA4BpC,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAS,MAAM,SAAS,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+BjE,CAAA"}

package/dist/elements/QueryPresets/fields/WhereField/index.js

@@ -5,10 +5,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import { FieldLabel } from '../../../../fields/FieldLabel/index.js';
 import { useField } from '../../../../forms/useField/index.js';
+import { useConfig } from '../../../../providers/Config/index.js';
 import { WhereBuilder } from '../../../WhereBuilder/index.js';
-import './index.scss';
+import '../fields.css';
 export const QueryPresetsWhereField = t0 => {
-  const $ = _c(14);
+  const $ = _c(12);
   const {
     field: t1
   } = t0;
@@ -32,6 +33,9 @@ export const QueryPresetsWhereField = t0 => {
   }
   const relatedCollectionField = useField(t2);
   const relatedCollection = relatedCollectionField.value;
+  const {
+    getEntityConfig
+  } = useConfig();
   if (!relatedCollection) {
     let t3;
     if ($[1] !== label || $[2] !== path || $[3] !== required) {
@@ -57,37 +61,34 @@ export const QueryPresetsWhereField = t0 => {
     return t3;
   }
   let t3;
-  if ($[5] !== label || $[6] !== path || $[7] !== relatedCollection || $[8] !== required || $[9] !== setValue || $[10] !== value) {
+  if ($[5] !== getEntityConfig || $[6] !== relatedCollection || $[7] !== setValue || $[8] !== value) {
+    const collectionConfig = getEntityConfig({
+      collectionSlug: relatedCollection
+    });
     let t4;
-    if ($[12] !== setValue) {
+    if ($[10] !== setValue) {
       t4 = where => setValue(where);
-      $[12] = setValue;
-      $[13] = t4;
+      $[10] = setValue;
+      $[11] = t4;
     } else {
-      t4 = $[13];
+      t4 = $[11];
     }
-    t3 = _jsxs("div", {
+    t3 = _jsx("div", {
       className: "field-type query-preset-where-field",
-      children: [_jsx(FieldLabel, {
-        as: "h3",
-        label,
-        path,
-        required
-      }), _jsx(WhereBuilder, {
+      children: _jsx(WhereBuilder, {
         collectionSlug: relatedCollection,
+        fields: collectionConfig?.fields ?? [],
         onChange: t4,
         value: value ?? undefined
-      })]
+      })
     });
-    $[5] = label;
-    $[6] = path;
-    $[7] = relatedCollection;
-    $[8] = required;
-    $[9] = setValue;
-    $[10] = value;
-    $[11] = t3;
+    $[5] = getEntityConfig;
+    $[6] = relatedCollection;
+    $[7] = setValue;
+    $[8] = value;
+    $[9] = t3;
   } else {
-    t3 = $[11];
+    t3 = $[9];
   }
   return t3;
 };

package/dist/elements/QueryPresets/fields/WhereField/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","t3","_jsxs","className","children","_jsx","as","t4","where","collectionSlug","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientComponent, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport './index.scss'\n\nexport const QueryPresetsWhereField: JSONFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAAC;IAAAQ,KAAA,EAAAC;EAAA,IAAAH,EAEhE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCX,QAAA;EAAA,IAAAY,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+Bf,QAAA,CAASY,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAA4B,KAEjDK,iBAAA;IAAA,IAAAC,EAAA;IAAA,IAAAb,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDS,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAtB,UAAA;UAAAuB,EAAA,EAAe;UAAAf,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfa,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;;;MAcYM,EAAA,GAAAC,KAAA,IAAWd,QAAA,CAASc,KAAA;MAAApB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAmB,EAAA;IAAA;MAAAA,EAAA,GAAAnB,CAAA;IAAA;IAJlCa,EAAA,GAAAC,KAAA,CAAC;MAAAC,SAAA,EAAc;MAAAC,QAAA,GACbC,IAAA,CAAAtB,UAAA;QAAAuB,EAAA,EAAe;QAAAf,KAAA;QAAAE,IAAA;QAAAD;MAAA,C,GACfa,IAAA,CAAApB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAU,QAAA,EACNH,EAAoB;QAAAZ,KAAA,EACvBA,KAAA,IAAAgB;MAAS,C;;;;;;;;;;;;SALpBV,E;CASJ","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","FieldLabel","useField","useConfig","WhereBuilder","QueryPresetsWhereField","t0","$","field","t1","label","required","path","setValue","value","t2","Symbol","for","relatedCollectionField","relatedCollection","getEntityConfig","t3","_jsxs","className","children","_jsx","as","collectionConfig","collectionSlug","t4","where","fields","onChange","undefined"],"sources":["../../../../../src/elements/QueryPresets/fields/WhereField/index.tsx"],"sourcesContent":["'use client'\nimport type { JSONFieldClientProps, Where } from 'payload'\n\nimport React from 'react'\n\nimport { FieldLabel } from '../../../../fields/FieldLabel/index.js'\nimport { useField } from '../../../../forms/useField/index.js'\nimport { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsWhereField: React.FC<JSONFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<Where>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  if (!relatedCollection) {\n    return (\n      <div className=\"field-type query-preset-where-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-where-field__hint\">\n          Select the related collection to configure filters.\n        </p>\n      </div>\n    )\n  }\n\n  const collectionConfig = getEntityConfig({ collectionSlug: relatedCollection })\n\n  return (\n    <div className=\"field-type query-preset-where-field\">\n      <WhereBuilder\n        collectionSlug={relatedCollection}\n        fields={collectionConfig?.fields ?? []}\n        onChange={(where) => setValue(where)}\n        value={value ?? undefined}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAElB,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,OAAO,MAAMC,sBAAA,GAAyDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEtE;EADQ;IAAAI,KAAA;IAAAC;EAAA,IAAAF,EAAmB;EAE1B;IAAAG,IAAA;IAAAC,QAAA;IAAAC;EAAA,IAAkCZ,QAAA;EAAA,IAAAa,EAAA;EAAA,IAAAR,CAAA,QAAAS,MAAA,CAAAC,GAAA;IACMF,EAAA;MAAAH,IAAA,EAAQ;IAAA;IAAoBL,CAAA,MAAAQ,EAAA;EAAA;IAAAA,EAAA,GAAAR,CAAA;EAAA;EAApE,MAAAW,sBAAA,GAA+BhB,QAAA,CAASa,EAA4B;EACpE,MAAAI,iBAAA,GAA0BD,sBAAA,CAAAJ,KAAA;EAC1B;IAAAM;EAAA,IAA4BjB,SAAA;EAAA,KAEvBgB,iBAAA;IAAA,IAAAE,EAAA;IAAA,IAAAd,CAAA,QAAAG,KAAA,IAAAH,CAAA,QAAAK,IAAA,IAAAL,CAAA,QAAAI,QAAA;MAEDU,EAAA,GAAAC,KAAA,CAAC;QAAAC,SAAA,EAAc;QAAAC,QAAA,GACbC,IAAA,CAAAxB,UAAA;UAAAyB,EAAA,EAAe;UAAAhB,KAAA;UAAAE,IAAA;UAAAD;QAAA,C,GACfc,IAAA,CAAC;UAAAF,SAAA,EAAY;UAAAC,QAAA,EAAiC;QAAA,C;;;;;;;;;WAFhDH,E;;;;IASJ,MAAAM,gBAAA,GAAyBP,eAAA;MAAAQ,cAAA,EAAkCT;IAAA,CAAkB;IAAA,IAAAU,EAAA;IAAA,IAAAtB,CAAA,SAAAM,QAAA;MAO7DgB,EAAA,GAAAC,KAAA,IAAWjB,QAAA,CAASiB,KAAA;MAAAvB,CAAA,OAAAM,QAAA;MAAAN,CAAA,OAAAsB,EAAA;IAAA;MAAAA,EAAA,GAAAtB,CAAA;IAAA;IAJlCc,EAAA,GAAAI,IAAA,CAAC;MAAAF,SAAA,EAAc;MAAAC,QAAA,EACbC,IAAA,CAAArB,YAAA;QAAAwB,cAAA,EACkBT,iBAAA;QAAAY,MAAA,EACRJ,gBAAA,EAAAI,MAAA,MAA8B;QAAAC,QAAA,EAC5BH,EAAoB;QAAAf,KAAA,EACvBA,KAAA,IAAAmB;MAAS,C;;;;;;;;;;SALpBZ,E;CASJ","ignoreList":[]}

package/dist/elements/QueryPresets/fields/fields.css

@@ -0,0 +1,23 @@
+@layer payload-default {
+  .query-preset-columns-field,
+  .query-preset-group-by-field,
+  .query-preset-where-field {
+    .field-label {
+      margin-bottom: var(--spacer-2);
+    }
+  }
+
+  .query-preset-columns-field__hint,
+  .query-preset-group-by-field__hint,
+  .query-preset-where-field__hint {
+    margin: 0;
+    color: var(--color-text-secondary);
+  }
+
+  /* The builder sits inline within the form here, so drop the list-panel chrome
+     (border + gutter padding) it carries in the list view. */
+  .query-preset-where-field .where-builder {
+    padding: 0;
+    border-bottom: none;
+  }
+}

package/dist/elements/ReactSelect/ClearIndicator/index.css

@@ -5,16 +5,15 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
-    color: var(--icon-secondary);
-    transition: color 100ms;
+    background: transparent;
+    border: 0;
+    color: var(--color-icon-secondary);
+    min-height: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
 
     &:hover {
-      color: var(--icon-default);
+      color: var(--color-icon);
     }
   }
-
-  .clear-indicator__icon {
-    width: var(--spacer-3);
-    height: var(--spacer-3);
-  }
 }

package/dist/elements/ReactSelect/ClearIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,CAwB1E,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAA;AAEvD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAqB,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAI1E,OAAO,aAAa,CAAA;AAIpB,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,CA2B1E,CAAA"}

package/dist/elements/ReactSelect/ClearIndicator/index.js

@@ -1,34 +1,65 @@
 'use client';
 
+import { c as _c } from "react/compiler-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { CircledXIcon } from '../../../icons/CircledX/index.js';
+import { useTranslation } from '../../../providers/Translation/index.js';
 import './index.css';
 const baseClass = 'clear-indicator';
 export const ClearIndicator = props => {
+  const $ = _c(6);
   const {
     clearValue,
-    innerProps: {
-      ref,
-      ...restInnerProps
-    }
+    selectProps
   } = props;
-  return /*#__PURE__*/_jsx("div", {
-    className: baseClass,
-    // TODO Fix this - Broke with React 19 types
-    ref: typeof ref === 'string' ? null : ref,
-    ...restInnerProps,
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
+  const {
+    t
+  } = useTranslation();
+  const {
+    customProps
+  } = selectProps;
+  let t0;
+  if ($[0] !== clearValue || $[1] !== customProps?.clearValueLabel || $[2] !== t) {
+    const label = customProps?.clearValueLabel || t("general:clear");
+    let t1;
+    if ($[4] !== clearValue) {
+      t1 = event => {
+        event.stopPropagation();
         clearValue();
-        e.stopPropagation();
-      }
-    },
-    role: "button",
-    tabIndex: 0,
-    children: /*#__PURE__*/_jsx(CircledXIcon, {
-      className: `${baseClass}__icon`
-    })
-  });
+      };
+      $[4] = clearValue;
+      $[5] = t1;
+    } else {
+      t1 = $[5];
+    }
+    t0 = _jsx("button", {
+      "aria-label": label,
+      className: baseClass,
+      onClick: t1,
+      onKeyDown: _temp,
+      onMouseDown: _temp2,
+      type: "button",
+      children: _jsx(CircledXIcon, {
+        className: `${baseClass}__icon`,
+        size: 24
+      })
+    });
+    $[0] = clearValue;
+    $[1] = customProps?.clearValueLabel;
+    $[2] = t;
+    $[3] = t0;
+  } else {
+    t0 = $[3];
+  }
+  return t0;
 };
+function _temp(event_0) {
+  if (event_0.key === " ") {
+    event_0.stopPropagation();
+  }
+}
+function _temp2(event_1) {
+  return event_1.stopPropagation();
+}
 //# sourceMappingURL=index.js.map

package/dist/elements/ReactSelect/ClearIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","CircledXIcon","baseClass","ClearIndicator","props","clearValue","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","stopPropagation","role","tabIndex"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    clearValue,\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <div\n      className={baseClass}\n      // TODO Fix this - Broke with React 19 types\n      ref={typeof ref === 'string' ? null : ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          clearValue()\n          e.stopPropagation()\n        }\n      }}\n      role=\"button\"\n      tabIndex={0}\n    >\n      <CircledXIcon className={`${baseClass}__icon`} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAmEC,KAAA;EAC9E,MAAM;IACJC,UAAU;IACVC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGJ,KAAA;EAEJ,oBACEK,IAAA,CAAC;IACCC,SAAA,EAAWR,SAAA;IACX;IACAK,GAAA,EAAK,OAAOA,GAAA,KAAQ,WAAW,OAAOA,GAAA;IACrC,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBR,UAAA;QACAO,CAAA,CAAEE,eAAe;MACnB;IACF;IACAC,IAAA,EAAK;IACLC,QAAA,EAAU;cAEV,aAAAP,IAAA,CAACR,YAAA;MAAaS,SAAA,EAAW,GAAGR,SAAA;;;AAGlC","ignoreList":[]}
+{"version":3,"file":"index.js","names":["c","_c","React","CircledXIcon","useTranslation","baseClass","ClearIndicator","props","$","clearValue","selectProps","t","customProps","t0","clearValueLabel","label","t1","event","stopPropagation","_jsx","className","onClick","onKeyDown","_temp","onMouseDown","_temp2","type","children","size","event_0","key","event_1"],"sources":["../../../../src/elements/ReactSelect/ClearIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { ClearIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { CustomSelectProps, Option as OptionType } from '../types.js'\n\nimport { CircledXIcon } from '../../../icons/CircledX/index.js'\nimport { useTranslation } from '../../../providers/Translation/index.js'\nimport './index.css'\n\nconst baseClass = 'clear-indicator'\n\nexport const ClearIndicator: React.FC<ClearIndicatorProps<OptionType, true>> = (props) => {\n  const { clearValue, selectProps } = props\n  const { t } = useTranslation()\n  const { customProps } = selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof selectProps\n  const label = customProps?.clearValueLabel || t('general:clear')\n\n  return (\n    <button\n      aria-label={label}\n      className={baseClass}\n      onClick={(event) => {\n        event.stopPropagation()\n        clearValue()\n      }}\n      onKeyDown={(event) => {\n        if (event.key === ' ') {\n          event.stopPropagation()\n        }\n      }}\n      onMouseDown={(event) => event.stopPropagation()}\n      type=\"button\"\n    >\n      <CircledXIcon className={`${baseClass}__icon`} size={24} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;AAAA,SAAAA,CAAA,IAAAC,EAAA;;AAGA,OAAOC,KAAA,MAAW;AAIlB,SAASC,YAAY,QAAQ;AAC7B,SAASC,cAAc,QAAQ;AAC/B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAElB,OAAO,MAAMC,cAAA,GAAkEC,KAAA;EAAA,MAAAC,CAAA,GAAAP,EAAA;EAC7E;IAAAQ,UAAA;IAAAC;EAAA,IAAoCH,KAAA;EACpC;IAAAI;EAAA,IAAcP,cAAA;EACd;IAAAQ;EAAA,IAAwBF,WAAA;EAAA,IAAAG,EAAA;EAAA,IAAAL,CAAA,QAAAC,UAAA,IAAAD,CAAA,QAAAI,WAAA,EAAAE,eAAA,IAAAN,CAAA,QAAAG,CAAA;IAGxB,MAAAI,KAAA,GAAcH,WAAA,EAAAE,eAAA,IAAgCH,CAAA,CAAE;IAAA,IAAAK,EAAA;IAAA,IAAAR,CAAA,QAAAC,UAAA;MAMnCO,EAAA,GAAAC,KAAA;QACPA,KAAA,CAAAC,eAAA,CAAqB;QACrBT,UAAA;MAAA;MACFD,CAAA,MAAAC,UAAA;MAAAD,CAAA,MAAAQ,EAAA;IAAA;MAAAA,EAAA,GAAAR,CAAA;IAAA;IANFK,EAAA,GAAAM,IAAA,CAAC;MAAA,cACaJ,KAAA;MAAAK,SAAA,EAAAf,SAAA;MAAAgB,OAAA,EAEHL,EAGT;MAAAM,SAAA,EAAAC,KAAA;MAAAC,WAAA,EAAAC,MAAA;MAAAC,IAAA,EAOK;MAAAC,QAAA,EAELR,IAAA,CAAAhB,YAAA;QAAAiB,SAAA,EAAyB,GAAAf,SAAA,QAAoB;QAAAuB,IAAA;MAAA,C;;;;;;;;;SAf/Cf,E;CAkBJ;AA3B+E,SAAAU,MAAAM,OAAA;EAAA,IAiBnEZ,OAAA,CAAAa,GAAA,KAAc;IAChBb,OAAA,CAAAC,eAAA,CAAqB;EAAA;AAAA;AAlBgD,SAAAO,OAAAM,OAAA;EAAA,OAqBjDd,OAAA,CAAAC,eAAA,CAAqB;AAAA","ignoreList":[]}

package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts

@@ -0,0 +1,7 @@
+import type { GroupBase } from 'react-select';
+import React from 'react';
+import { components as rsComponents } from 'react-select';
+type DefaultMenuPortalProps<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>;
+export declare function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(props: DefaultMenuPortalProps<Opt, IsMulti, Group>): React.JSX.Element;
+export {};
+//# sourceMappingURL=DefaultMenuPortal.d.ts.map

package/dist/elements/ReactSelect/DefaultMenuPortal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMenuPortal.d.ts","sourceRoot":"","sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAG7C,OAAO,KAA+C,MAAM,OAAO,CAAA;AAEnE,OAAO,EAAE,UAAU,IAAI,YAAY,EAAE,MAAM,cAAc,CAAA;AAiBzD,KAAK,sBAAsB,CACzB,GAAG,EACH,OAAO,SAAS,OAAO,EACvB,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,IAC1B,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,UAAU,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;AAE7E,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,GAAG,CAAC,EAC1F,KAAK,EAAE,sBAAsB,CAAC,GAAG,EAAE,OAAO,EAAE,KAAK,CAAC,qBAuHnD"}

package/dist/elements/ReactSelect/DefaultMenuPortal.js

@@ -0,0 +1,121 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom';
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
+import { createPortal } from 'react-dom';
+import { components as rsComponents } from 'react-select';
+import { useTheme } from '../../providers/Theme/index.js';
+const FLOATING_MENU_PADDING = 16;
+const FLOATING_MENU_OFFSET = 4;
+export function DefaultMenuPortal(props) {
+  const {
+    appendTo,
+    children,
+    controlElement,
+    innerProps = {},
+    menuPlacement
+  } = props;
+  const {
+    theme
+  } = useTheme();
+  const floatingRef = useRef(null);
+  const rafRef = useRef(null);
+  const selectProps = props.selectProps;
+  const menuPortalTheme = selectProps.customProps?.menuPortalTheme;
+  const updatePosition = useCallback(async () => {
+    const floatingElement = floatingRef.current;
+    if (!controlElement || !floatingElement) {
+      return;
+    }
+    const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start';
+    const {
+      x,
+      y
+    } = await computePosition(controlElement, floatingElement, {
+      middleware: [offset(FLOATING_MENU_OFFSET), flip({
+        padding: FLOATING_MENU_PADDING
+      }), shift({
+        padding: FLOATING_MENU_PADDING
+      }), size({
+        apply({
+          availableHeight,
+          elements,
+          rects
+        }) {
+          const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`;
+          const width = `${Math.floor(rects.reference.width)}px`;
+          Object.assign(elements.floating.style, {
+            '--rs-floating-menu-max-height': maxHeight,
+            minWidth: width,
+            width
+          });
+        },
+        padding: FLOATING_MENU_PADDING
+      })],
+      placement,
+      strategy: 'fixed'
+    });
+    Object.assign(floatingElement.style, {
+      left: `${x}px`,
+      top: `${y}px`
+    });
+  }, [controlElement, menuPlacement]);
+  const setFloatingElement = useCallback(element => {
+    floatingRef.current = element;
+    void updatePosition();
+  }, [updatePosition]);
+  useLayoutEffect(() => {
+    const floatingElement = floatingRef.current;
+    if (!appendTo || !controlElement || !floatingElement || typeof window === 'undefined') {
+      return;
+    }
+    const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {
+      elementResize: 'ResizeObserver' in window
+    });
+    const visualViewport = window.visualViewport;
+    visualViewport?.addEventListener('resize', updatePosition);
+    visualViewport?.addEventListener('scroll', updatePosition);
+    rafRef.current = window.requestAnimationFrame(() => {
+      void updatePosition();
+    });
+    return () => {
+      cleanupAutoUpdate();
+      visualViewport?.removeEventListener('resize', updatePosition);
+      visualViewport?.removeEventListener('scroll', updatePosition);
+      if (rafRef.current !== null) {
+        window.cancelAnimationFrame(rafRef.current);
+      }
+    };
+  }, [appendTo, controlElement, updatePosition]);
+  if (!appendTo || !controlElement) {
+    const themedInnerProps = {
+      ...innerProps,
+      'data-theme': menuPortalTheme ?? theme
+    };
+    return /*#__PURE__*/_jsx(rsComponents.MenuPortal, {
+      ...props,
+      innerProps: themedInnerProps
+    });
+  }
+  const {
+    className,
+    style,
+    ...restInnerProps
+  } = innerProps;
+  const menuWrapper = /*#__PURE__*/_jsx("div", {
+    ...restInnerProps,
+    className: ['rs__floating-menu-portal', className].filter(Boolean).join(' '),
+    "data-theme": menuPortalTheme ?? theme,
+    ref: setFloatingElement,
+    style: {
+      ...style,
+      left: 0,
+      position: 'fixed',
+      top: 0,
+      zIndex: 'var(--z-portal-element)'
+    },
+    children: children
+  });
+  const portalTarget = appendTo === document.body ? controlElement.closest('dialog, [role="dialog"]') ?? appendTo : appendTo;
+  return /*#__PURE__*/createPortal(menuWrapper, portalTarget);
+}
+//# sourceMappingURL=DefaultMenuPortal.js.map

package/dist/elements/ReactSelect/DefaultMenuPortal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DefaultMenuPortal.js","names":["autoUpdate","computePosition","flip","offset","shift","size","React","useCallback","useLayoutEffect","useRef","createPortal","components","rsComponents","useTheme","FLOATING_MENU_PADDING","FLOATING_MENU_OFFSET","DefaultMenuPortal","props","appendTo","children","controlElement","innerProps","menuPlacement","theme","floatingRef","rafRef","selectProps","menuPortalTheme","customProps","updatePosition","floatingElement","current","placement","x","y","middleware","padding","apply","availableHeight","elements","rects","maxHeight","Math","max","floor","width","reference","Object","assign","floating","style","minWidth","strategy","left","top","setFloatingElement","element","window","cleanupAutoUpdate","elementResize","visualViewport","addEventListener","requestAnimationFrame","removeEventListener","cancelAnimationFrame","themedInnerProps","_jsx","MenuPortal","className","restInnerProps","menuWrapper","filter","Boolean","join","ref","position","zIndex","portalTarget","document","body","closest"],"sources":["../../../src/elements/ReactSelect/DefaultMenuPortal.tsx"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { GroupBase } from 'react-select'\n\nimport { autoUpdate, computePosition, flip, offset, shift, size } from '@floating-ui/dom'\nimport React, { useCallback, useLayoutEffect, useRef } from 'react'\nimport { createPortal } from 'react-dom'\nimport { components as rsComponents } from 'react-select'\n\nimport type { CustomSelectProps } from './types.js'\n\nimport { useTheme } from '../../providers/Theme/index.js'\n\nconst FLOATING_MENU_PADDING = 16\nconst FLOATING_MENU_OFFSET = 4\n\ntype FloatingMenuPortalStyle = {\n  '--rs-floating-menu-max-height'?: string\n} & CSSProperties\n\ntype ThemedMenuPortalInnerProps = {\n  'data-theme'?: string\n} & React.JSX.IntrinsicElements['div']\n\ntype DefaultMenuPortalProps<\n  Opt,\n  IsMulti extends boolean,\n  Group extends GroupBase<Opt>,\n> = React.ComponentProps<typeof rsComponents.MenuPortal<Opt, IsMulti, Group>>\n\nexport function DefaultMenuPortal<Opt, IsMulti extends boolean, Group extends GroupBase<Opt>>(\n  props: DefaultMenuPortalProps<Opt, IsMulti, Group>,\n) {\n  const { appendTo, children, controlElement, innerProps = {}, menuPlacement } = props\n  const { theme } = useTheme()\n  const floatingRef = useRef<HTMLDivElement | null>(null)\n  const rafRef = useRef<null | number>(null)\n  const selectProps = props.selectProps as {\n    customProps?: CustomSelectProps\n  } & typeof props.selectProps\n  const menuPortalTheme = selectProps.customProps?.menuPortalTheme\n\n  const updatePosition = useCallback(async () => {\n    const floatingElement = floatingRef.current\n\n    if (!controlElement || !floatingElement) {\n      return\n    }\n\n    const placement = menuPlacement === 'top' ? 'top-start' : 'bottom-start'\n    const { x, y } = await computePosition(controlElement, floatingElement, {\n      middleware: [\n        offset(FLOATING_MENU_OFFSET),\n        flip({ padding: FLOATING_MENU_PADDING }),\n        shift({ padding: FLOATING_MENU_PADDING }),\n        size({\n          apply({ availableHeight, elements, rects }) {\n            const maxHeight = `${Math.max(1, Math.floor(availableHeight))}px`\n            const width = `${Math.floor(rects.reference.width)}px`\n\n            Object.assign(elements.floating.style, {\n              '--rs-floating-menu-max-height': maxHeight,\n              minWidth: width,\n              width,\n            })\n          },\n          padding: FLOATING_MENU_PADDING,\n        }),\n      ],\n      placement,\n      strategy: 'fixed',\n    })\n\n    Object.assign(floatingElement.style, {\n      left: `${x}px`,\n      top: `${y}px`,\n    })\n  }, [controlElement, menuPlacement])\n\n  const setFloatingElement = useCallback(\n    (element: HTMLDivElement | null) => {\n      floatingRef.current = element\n      void updatePosition()\n    },\n    [updatePosition],\n  )\n\n  useLayoutEffect(() => {\n    const floatingElement = floatingRef.current\n\n    if (!appendTo || !controlElement || !floatingElement || typeof window === 'undefined') {\n      return\n    }\n\n    const cleanupAutoUpdate = autoUpdate(controlElement, floatingElement, updatePosition, {\n      elementResize: 'ResizeObserver' in window,\n    })\n    const visualViewport = window.visualViewport\n\n    visualViewport?.addEventListener('resize', updatePosition)\n    visualViewport?.addEventListener('scroll', updatePosition)\n    rafRef.current = window.requestAnimationFrame(() => {\n      void updatePosition()\n    })\n\n    return () => {\n      cleanupAutoUpdate()\n      visualViewport?.removeEventListener('resize', updatePosition)\n      visualViewport?.removeEventListener('scroll', updatePosition)\n\n      if (rafRef.current !== null) {\n        window.cancelAnimationFrame(rafRef.current)\n      }\n    }\n  }, [appendTo, controlElement, updatePosition])\n\n  if (!appendTo || !controlElement) {\n    const themedInnerProps: ThemedMenuPortalInnerProps = {\n      ...innerProps,\n      'data-theme': menuPortalTheme ?? theme,\n    }\n\n    return <rsComponents.MenuPortal {...props} innerProps={themedInnerProps} />\n  }\n\n  const { className, style, ...restInnerProps } = innerProps\n  const menuWrapper = (\n    <div\n      {...restInnerProps}\n      className={['rs__floating-menu-portal', className].filter(Boolean).join(' ')}\n      data-theme={menuPortalTheme ?? theme}\n      ref={setFloatingElement}\n      style={{\n        ...style,\n        left: 0,\n        position: 'fixed',\n        top: 0,\n        zIndex: 'var(--z-portal-element)',\n      }}\n    >\n      {children}\n    </div>\n  )\n\n  const portalTarget =\n    appendTo === document.body\n      ? (controlElement.closest('dialog, [role=\"dialog\"]') ?? appendTo)\n      : appendTo\n\n  return createPortal(menuWrapper, portalTarget)\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/elements/ReactSelect/DropdownIndicator/index.css

@@ -7,12 +7,12 @@
     padding: 0;
     font: inherit;
     cursor: pointer;
-    border-radius: var(--radius-medium);
+    border-radius: var(--button-radius);
   }
 
   .dropdown-indicator__icon {
     .stroke {
-      stroke-width: 1px;
+      stroke-width: var(--stroke-width-small);
     }
   }
 }

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts

@@ -1,8 +1,6 @@
 import type { DropdownIndicatorProps } from 'react-select';
-import React, { type JSX } from 'react';
+import React from 'react';
 import type { Option as OptionType } from '../types.js';
 import './index.css';
-export declare const DropdownIndicator: React.FC<{
-    innerProps: JSX.IntrinsicElements['button'];
-} & DropdownIndicatorProps<OptionType, true>>;
+export declare const DropdownIndicator: React.FC<DropdownIndicatorProps<OptionType, true>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/ReactSelect/DropdownIndicator/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CACtC;IACE,UAAU,EAAE,GAAG,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAA;CAC5C,GAAG,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAqB7C,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,aAAa,CAAA;AAGvD,OAAO,aAAa,CAAA;AAGpB,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAAC,UAAU,EAAE,IAAI,CAAC,CAkBhF,CAAA"}

package/dist/elements/ReactSelect/DropdownIndicator/index.js

@@ -8,23 +8,25 @@ const baseClass = 'dropdown-indicator';
 export const DropdownIndicator = props => {
   const {
     innerProps: {
-      ref,
-      ...restInnerProps
+      onMouseDown,
+      onTouchEnd,
+      onTouchStart,
+      ref
+    },
+    selectProps: {
+      isDisabled
     }
   } = props;
-  return /*#__PURE__*/_jsx("button", {
+  return /*#__PURE__*/_jsx("div", {
+    "aria-hidden": "true",
     className: baseClass,
+    onMouseDown: isDisabled ? undefined : onMouseDown,
+    onTouchEnd: isDisabled ? undefined : onTouchEnd,
+    onTouchStart: isDisabled ? undefined : onTouchStart,
     ref: ref,
-    ...restInnerProps,
-    onKeyDown: e => {
-      if (e.key === 'Enter') {
-        e.key = ' ';
-      }
-    },
-    type: "button",
     children: /*#__PURE__*/_jsx(ChevronIcon, {
-      bold: false,
-      className: `${baseClass}__icon`
+      className: `${baseClass}__icon`,
+      size: 16
     })
   });
 };

package/dist/elements/ReactSelect/DropdownIndicator/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","ref","restInnerProps","_jsx","className","onKeyDown","e","key","type","bold"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React, { type JSX } from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<\n  {\n    innerProps: JSX.IntrinsicElements['button']\n  } & DropdownIndicatorProps<OptionType, true>\n> = (props) => {\n  const {\n    innerProps: { ref, ...restInnerProps },\n  } = props\n\n  return (\n    <button\n      className={baseClass}\n      ref={ref}\n      {...restInnerProps}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter') {\n          e.key = ' '\n        }\n      }}\n      type=\"button\"\n    >\n      <ChevronIcon bold={false} className={`${baseClass}__icon`} />\n    </button>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAyB;AAIhC,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAIRC,KAAA;EACH,MAAM;IACJC,UAAA,EAAY;MAAEC,GAAG;MAAE,GAAGC;IAAA;EAAgB,CACvC,GAAGH,KAAA;EAEJ,oBACEI,IAAA,CAAC;IACCC,SAAA,EAAWP,SAAA;IACXI,GAAA,EAAKA,GAAA;IACJ,GAAGC,cAAc;IAClBG,SAAA,EAAYC,CAAA;MACV,IAAIA,CAAA,CAAEC,GAAG,KAAK,SAAS;QACrBD,CAAA,CAAEC,GAAG,GAAG;MACV;IACF;IACAC,IAAA,EAAK;cAEL,aAAAL,IAAA,CAACP,WAAA;MAAYa,IAAA,EAAM;MAAOL,SAAA,EAAW,GAAGP,SAAA;;;AAG9C","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","ChevronIcon","baseClass","DropdownIndicator","props","innerProps","onMouseDown","onTouchEnd","onTouchStart","ref","selectProps","isDisabled","_jsx","className","undefined","size"],"sources":["../../../../src/elements/ReactSelect/DropdownIndicator/index.tsx"],"sourcesContent":["'use client'\nimport type { DropdownIndicatorProps } from 'react-select'\n\nimport React from 'react'\n\nimport type { Option as OptionType } from '../types.js'\n\nimport { ChevronIcon } from '../../../icons/Chevron/index.js'\nimport './index.css'\n\nconst baseClass = 'dropdown-indicator'\nexport const DropdownIndicator: React.FC<DropdownIndicatorProps<OptionType, true>> = (props) => {\n  const {\n    innerProps: { onMouseDown, onTouchEnd, onTouchStart, ref },\n    selectProps: { isDisabled },\n  } = props\n\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={baseClass}\n      onMouseDown={isDisabled ? undefined : onMouseDown}\n      onTouchEnd={isDisabled ? undefined : onTouchEnd}\n      onTouchStart={isDisabled ? undefined : onTouchStart}\n      ref={ref}\n    >\n      <ChevronIcon className={`${baseClass}__icon`} size={16} />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,MAAW;AAIlB,SAASC,WAAW,QAAQ;AAC5B,OAAO;AAEP,MAAMC,SAAA,GAAY;AAClB,OAAO,MAAMC,iBAAA,GAAyEC,KAAA;EACpF,MAAM;IACJC,UAAA,EAAY;MAAEC,WAAW;MAAEC,UAAU;MAAEC,YAAY;MAAEC;IAAG,CAAE;IAC1DC,WAAA,EAAa;MAAEC;IAAU;EAAE,CAC5B,GAAGP,KAAA;EAEJ,oBACEQ,IAAA,CAAC;IACC,eAAY;IACZC,SAAA,EAAWX,SAAA;IACXI,WAAA,EAAaK,UAAA,GAAaG,SAAA,GAAYR,WAAA;IACtCC,UAAA,EAAYI,UAAA,GAAaG,SAAA,GAAYP,UAAA;IACrCC,YAAA,EAAcG,UAAA,GAAaG,SAAA,GAAYN,YAAA;IACvCC,GAAA,EAAKA,GAAA;cAEL,aAAAG,IAAA,CAACX,WAAA;MAAYY,SAAA,EAAW,GAAGX,SAAA,QAAiB;MAAEa,IAAA,EAAM;;;AAG1D","ignoreList":[]}

package/dist/elements/ReactSelect/MultiValue/context.d.ts

@@ -0,0 +1,6 @@
+import type { ButtonHTMLAttributes, RefCallback } from 'react';
+export type MultiValueDragActivator = {
+    ref?: RefCallback<HTMLElement>;
+} & ButtonHTMLAttributes<HTMLButtonElement>;
+export declare const MultiValueDragActivatorContext: import("react").Context<MultiValueDragActivator>;
+//# sourceMappingURL=context.d.ts.map

package/dist/elements/ReactSelect/MultiValue/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AAI9D,MAAM,MAAM,uBAAuB,GAAG;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAA;CAC/B,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;AAE3C,eAAO,MAAM,8BAA8B,kDAE1C,CAAA"}

package/dist/elements/ReactSelect/MultiValue/context.js

@@ -0,0 +1,5 @@
+'use client';
+
+import { createContext } from 'react';
+export const MultiValueDragActivatorContext = createContext(undefined);
+//# sourceMappingURL=context.js.map

package/dist/elements/ReactSelect/MultiValue/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":["createContext","MultiValueDragActivatorContext","undefined"],"sources":["../../../../src/elements/ReactSelect/MultiValue/context.ts"],"sourcesContent":["'use client'\nimport type { ButtonHTMLAttributes, RefCallback } from 'react'\n\nimport { createContext } from 'react'\n\nexport type MultiValueDragActivator = {\n  ref?: RefCallback<HTMLElement>\n} & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport const MultiValueDragActivatorContext = createContext<MultiValueDragActivator | undefined>(\n  undefined,\n)\n"],"mappings":"AAAA;;AAGA,SAASA,aAAa,QAAQ;AAM9B,OAAO,MAAMC,8BAAA,GAAiCD,aAAA,CAC5CE,SAAA","ignoreList":[]}

package/dist/elements/ReactSelect/MultiValue/index.css

@@ -3,12 +3,11 @@
     &.rs__multi-value {
       display: flex;
       padding: 0;
-      border: 1px solid var(--border-default);
-      border-radius: 0.1875rem;
-      background: var(--bg-default);
+      border: var(--stroke-width-small) solid var(--color-border);
+      border-radius: var(--radius-chip);
+      background: var(--color-bg);
       height: 1.25rem;
       margin: 0;
-      transition: border 0.2s cubic-bezier(0.2, 0, 0, 1);
 
       &:focus,
       &:focus-visible {
@@ -21,4 +20,9 @@
   .multi-value--is-dragging {
     z-index: 2;
   }
+
+  .multi-value.rs__multi-value:has(.multi-value-label__drag-button:focus-visible) {
+    outline: var(--accessibility-outline);
+    outline-offset: calc(var(--stroke-width-small) * -1);
+  }
 }

package/dist/elements/ReactSelect/MultiValue/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAGzC,OAAO,aAAa,CAAA;AAIpB,wBAAgB,6BAA6B,CAAC,UAAU,KAAA,EAAE,aAAa,KAAA,OAEtE;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CAgExD,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/elements/ReactSelect/MultiValue/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAA0B,eAAe,EAAE,MAAM,cAAc,CAAA;AAE3E,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,aAAa,CAAA;AAOzC,OAAO,aAAa,CAAA;AAwBpB,wBAAgB,6BAA6B,CAAC,UAAU,KAAA,EAAE,aAAa,KAAA,OAEtE;AACD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,MAAM,CAAC,CA0ExD,CAAA"}