@payloadcms/ui 4.0.0-internal.2fddfc0 → 4.0.0-internal.31ba7ee

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientComponent } from 'payload'\n\nimport React, { useMemo } 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 { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: TextFieldClientComponent = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAAqDA,CAAC;EACjEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","FieldLabel","useField","useConfig","GroupByButton","QueryPresetsGroupByField","field","label","required","path","setValue","value","relatedCollectionField","relatedCollection","getEntityConfig","collectionConfig","collectionSlug","_jsxs","className","_jsx","as","fields","onChange","groupBy"],"sources":["../../../../../src/elements/QueryPresets/fields/GroupByField/index.tsx"],"sourcesContent":["'use client'\nimport type { TextFieldClientProps } from 'payload'\n\nimport React, { useMemo } 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 { GroupByButton } from '../../../GroupBy/index.js'\nimport '../fields.css'\n\nexport const QueryPresetsGroupByField: React.FC<TextFieldClientProps> = ({\n  field: { label, required },\n}) => {\n  const { path, setValue, value } = useField<string>()\n  const relatedCollectionField = useField({ path: 'relatedCollection' })\n  const relatedCollection = relatedCollectionField.value as string | undefined\n  const { getEntityConfig } = useConfig()\n\n  const collectionConfig = useMemo(\n    () => (relatedCollection ? getEntityConfig({ collectionSlug: relatedCollection }) : null),\n    [relatedCollection, getEntityConfig],\n  )\n\n  if (!relatedCollection || !collectionConfig) {\n    return (\n      <div className=\"field-type query-preset-group-by-field\">\n        <FieldLabel as=\"h3\" label={label} path={path} required={required} />\n        <p className=\"query-preset-group-by-field__hint\">\n          Select the related collection to configure group by.\n        </p>\n      </div>\n    )\n  }\n\n  return (\n    <div className=\"field-type query-preset-group-by-field\">\n      <GroupByButton\n        collectionSlug={relatedCollection}\n        fields={collectionConfig.fields}\n        onChange={(groupBy) => setValue(groupBy || null)}\n        value={value ?? ''}\n      />\n    </div>\n  )\n}\n"],"mappings":"AAAA;;;AAGA,OAAOA,KAAA,IAASC,OAAO,QAAQ;AAE/B,SAASC,UAAU,QAAQ;AAC3B,SAASC,QAAQ,QAAQ;AACzB,SAASC,SAAS,QAAQ;AAC1B,SAASC,aAAa,QAAQ;AAC9B,OAAO;AAEP,OAAO,MAAMC,wBAAA,GAA2DA,CAAC;EACvEC,KAAA,EAAO;IAAEC,KAAK;IAAEC;EAAQ;AAAE,CAC3B;EACC,MAAM;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAK,CAAE,GAAGT,QAAA;EAClC,MAAMU,sBAAA,GAAyBV,QAAA,CAAS;IAAEO,IAAA,EAAM;EAAoB;EACpE,MAAMI,iBAAA,GAAoBD,sBAAA,CAAuBD,KAAK;EACtD,MAAM;IAAEG;EAAe,CAAE,GAAGX,SAAA;EAE5B,MAAMY,gBAAA,GAAmBf,OAAA,CACvB,MAAOa,iBAAA,GAAoBC,eAAA,CAAgB;IAAEE,cAAA,EAAgBH;EAAkB,KAAK,MACpF,CAACA,iBAAA,EAAmBC,eAAA,CAAgB;EAGtC,IAAI,CAACD,iBAAA,IAAqB,CAACE,gBAAA,EAAkB;IAC3C,oBACEE,KAAA,CAAC;MAAIC,SAAA,EAAU;8BACbC,IAAA,CAAClB,UAAA;QAAWmB,EAAA,EAAG;QAAKb,KAAA,EAAOA,KAAA;QAAOE,IAAA,EAAMA,IAAA;QAAMD,QAAA,EAAUA;uBACxDW,IAAA,CAAC;QAAED,SAAA,EAAU;kBAAoC;;;EAKvD;EAEA,oBACEC,IAAA,CAAC;IAAID,SAAA,EAAU;cACb,aAAAC,IAAA,CAACf,aAAA;MACCY,cAAA,EAAgBH,iBAAA;MAChBQ,MAAA,EAAQN,gBAAA,CAAiBM,MAAM;MAC/BC,QAAA,EAAWC,OAAA,IAAYb,QAAA,CAASa,OAAA,IAAW;MAC3CZ,KAAA,EAAOA,KAAA,IAAS;;;AAIxB","ignoreList":[]}

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

@@ -32,6 +32,7 @@
       }
 
       /* Stay in a row on mobile, where Row otherwise stacks into a column. */
+      /* stylelint-disable-next-line plugin/no-max-width-media-query -- TODO: pre-existing; migrate to a mobile-first min-width query */
       @media (max-width: 1024px) {
         flex-direction: row;
       }

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

@@ -1,4 +1,5 @@
-import type { JSONFieldClientComponent } from 'payload';
+import type { JSONFieldClientProps } from 'payload';
+import React from 'react';
 import '../fields.css';
-export declare const QueryPresetsWhereField: JSONFieldClientComponent;
+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;AAQ9D,OAAO,eAAe,CAAA;AAEtB,eAAO,MAAM,sBAAsB,EAAE,wBA+BpC,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.map

@@ -1 +1 @@
-{"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 { 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 { useConfig } from '../../../../providers/Config/index.js'\nimport { WhereBuilder } from '../../../WhereBuilder/index.js'\nimport '../fields.css'\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  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,GAAmDC,EAAA;EAAA,MAAAC,CAAA,GAAAR,EAAA;EAAC;IAAAS,KAAA,EAAAC;EAAA,IAAAH,EAEhE;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":[]}
+{"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/ReactSelect/ClearIndicator/index.css

@@ -5,8 +5,12 @@
     align-items: center;
     justify-content: center;
     flex-shrink: 0;
+    background: transparent;
+    border: 0;
     color: var(--color-icon-secondary);
-    transition: color 100ms;
+    min-height: var(--spacer-4);
+    min-width: var(--spacer-4);
+    padding: 0;
 
     &:hover {
       color: var(--color-icon);

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,CAuB1E,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,
-    ref: 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`,
-      size: 24
-    })
-  });
+      };
+      $[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","size"],"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      ref={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`} size={24} />\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;IACXK,GAAA,EAAKA,GAAA;IACJ,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,QAAiB;MAAEe,IAAA,EAAM;;;AAG3D","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,qBAyHnD"}

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        {\n          ...style,\n          left: 0,\n          position: 'fixed',\n          top: 0,\n          zIndex: 'var(--z-portal-element)',\n        } as FloatingMenuPortalStyle\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

@@ -12,7 +12,7 @@
 
   .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,20 +8,22 @@ 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, {
       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","size"],"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 className={`${baseClass}__icon`} size={16} />\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;MAAYQ,SAAA,EAAW,GAAGP,SAAA,QAAiB;MAAEY,IAAA,EAAM;;;AAG1D","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

@@ -8,7 +8,6 @@
       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"}