no-frills-ui 0.0.14-alpha.5 → 0.0.14-alpha.6

package/lib-esm/components/DragAndDrop/DragAndDrop.js

@@ -1,28 +1,17 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, Fragment, jsx } from '@emotion/react/jsx-runtime';
 import React, { useState } from 'react';
 import styled from '@emotion/styled';
-import DragItem from './DragItem';
-import { ORIENTATION, DragContext } from './types';
-/** Container Component */
-const Container = styled.div `
-    flex: 1;
-    display: flex;
-    position: relative;
-    flex-wrap: wrap;
-    flex-direction: ${(props) => (props.orientation === ORIENTATION.HORIZONTAL ? 'row' : 'column')};
-`;
-/** Visually hidden but accessible to screen readers */
-const VisuallyHidden = styled.div `
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    white-space: nowrap;
-    border-width: 0;
-`;
+import DragItem from './DragItem.js';
+import { DragContext, ORIENTATION } from './types.js';
+
+/** Container Component */ const Container = /*#__PURE__*/ styled("div", {
+    target: "emx1u4x0",
+    label: "Container"
+})("flex:1;display:flex;position:relative;flex-wrap:wrap;flex-direction:", (props)=>props.orientation === ORIENTATION.HORIZONTAL ? 'row' : 'column', ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnQW5kRHJvcC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0FuZERyb3AudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRHJhZ0l0ZW0gZnJvbSAnLi9EcmFnSXRlbSc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBEcmFnQW5kRHJvcFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgLyoqIERyb3AgZXZlbnQgaGFuZGxlciAqL1xuICAgIG9uRHJvcDogKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIC8qKiBTaG93cyBkcmFnIGluZGljYXRvciBhZ2FpbnN0IGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGl0ZW0gYXJpYS1sYWJlbC4gUGxhY2Vob2xkZXJzOiB7OnBvc2l0aW9ufSwgezpncmFiS2V5fSwgezptb3ZlS2V5c30sIHs6ZHJvcEtleX0sIHs6YWx0RHJvcEtleX0gKi9cbiAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU/OiBzdHJpbmc7XG4gICAgLyoqIGkxOG46IEFyaWEgbGFiZWwgZm9yIGRyYWcgaGFuZGxlICovXG4gICAgZHJhZ0hhbmRsZUFyaWFMYWJlbD86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGdyYWJiZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259LCB7Om1vdmVLZXlzfSwgezpkcm9wS2V5fSwgezphbHREcm9wS2V5fSwgezpjYW5jZWxLZXl9ICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgbW92ZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZT86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGRyb3BwZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgY2FuY2VsbGVkIGFubm91bmNlbWVudCAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xufSAmIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+O1xuXG4vKiogQ29udGFpbmVyIENvbXBvbmVudCAqL1xuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IG9yaWVudGF0aW9uOiBPUklFTlRBVElPTiB9PmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uSE9SSVpPTlRBTCA/ICdyb3cnIDogJ2NvbHVtbicpfTtcbmA7XG5cbi8qKiBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnMgKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogLTFweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBib3JkZXItd2lkdGg6IDA7XG5gO1xuXG4vKipcbiAqIEEgZHJhZyBhbmQgZHJvcCBjb250YWluZXIgY29tcG9uZW50IHRoYXQgZW5hYmxlcyByZW9yZGVyaW5nIG9mIGNoaWxkIGVsZW1lbnRzLlxuICpcbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxEcmFnQW5kRHJvcFxuICogICBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uVkVSVElDQUx9XG4gKiAgIG9uRHJvcD17KHN0YXJ0LCBlbmQpID0+IGhhbmRsZVJlb3JkZXIoc3RhcnQsIGVuZCl9XG4gKiAgIHNob3dJbmRpY2F0b3I9e3RydWV9XG4gKiA+XG4gKiAgIDxkaXY+SXRlbSAxPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAyPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAzPC9kaXY+XG4gKiA8L0RyYWdBbmREcm9wPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHtEcmFnQW5kRHJvcFByb3BzfSBwcm9wcyAtIFRoZSBjb21wb25lbnQgcHJvcHNcbiAqIEBwYXJhbSB7T1JJRU5UQVRJT059IHByb3BzLm9yaWVudGF0aW9uIC0gRGV0ZXJtaW5lcyB0aGUgbGF5b3V0IGRpcmVjdGlvbiAoaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCkuIERlZmF1bHRzIHRvIFZFUlRJQ0FMLlxuICogQHBhcmFtIHsoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHZvaWR9IHByb3BzLm9uRHJvcCAtIENhbGxiYWNrIGZpcmVkIHdoZW4gYW4gaXRlbSBpcyBkcm9wcGVkLCByZWNlaXZlcyB0aGUgc3RhcnQgYW5kIGVuZCBpbmRpY2VzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IHByb3BzLnNob3dJbmRpY2F0b3IgLSBXaGV0aGVyIHRvIGRpc3BsYXkgZHJhZyBpbmRpY2F0b3JzIGZvciBlYWNoIGxpc3QgaXRlbS4gRGVmYXVsdHMgdG8gZmFsc2UuXG4gKiBAcGFyYW0ge1JlYWN0LlJlYWN0Tm9kZX0gcHJvcHMuY2hpbGRyZW4gLSBDaGlsZCBlbGVtZW50cyB0byBiZSByZW5kZXJlZCBhcyBkcmFnZ2FibGUgaXRlbXNcbiAqXG4gKiBAcmV0dXJucyB7SlNYLkVsZW1lbnR9IEEgZHJhZ2dhYmxlIGNvbnRhaW5lciB3aXRoIHJlb3JkZXJhYmxlIGl0ZW1zXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERyYWdBbmREcm9wKHByb3BzOiBEcmFnQW5kRHJvcFByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBvcmllbnRhdGlvbixcbiAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgIG9uRHJvcCxcbiAgICAgICAgc2hvd0luZGljYXRvcixcbiAgICAgICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlLFxuICAgICAgICBkcmFnSGFuZGxlQXJpYUxhYmVsLFxuICAgICAgICBncmFiYmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtzdGFydEluZGV4LCBzZXRTdGFydEluZGV4XSA9IHVzZVN0YXRlPG51bWJlcj4obnVsbCk7XG4gICAgY29uc3QgW29yaWdpbmFsSW5kZXgsIHNldE9yaWdpbmFsSW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPihudWxsKTtcbiAgICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2RyYWdPdmVyLCBzZXREcmFnT3Zlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KG51bGwpO1xuICAgIGNvbnN0IFthbm5vdW5jZW1lbnQsIHNldEFubm91bmNlbWVudF0gPSB1c2VTdGF0ZSgnJyk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IHRvdGFsSXRlbXMgPSBjaGlsZHJlbkFycmF5Lmxlbmd0aDtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgcGxhY2Vob2xkZXJzIGluIGkxOG4gdGVtcGxhdGVzXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVycyA9IChcbiAgICAgICAgdGVtcGxhdGU6IHN0cmluZyxcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgcG9zaXRpb24/OiBudW1iZXI7XG4gICAgICAgICAgICBncmFiS2V5Pzogc3RyaW5nO1xuICAgICAgICAgICAgZHJvcEtleT86IHN0cmluZztcbiAgICAgICAgICAgIGFsdERyb3BLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBjYW5jZWxLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBtb3ZlS2V5cz86IHN0cmluZztcbiAgICAgICAgfSxcbiAgICApOiBzdHJpbmcgPT4ge1xuICAgICAgICByZXR1cm4gdGVtcGxhdGVcbiAgICAgICAgICAgIC5yZXBsYWNlKC9cXHs6cG9zaXRpb25cXH0vZywgU3RyaW5nKGRhdGEucG9zaXRpb24gPz8gJycpKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpncmFiS2V5XFx9L2csIGRhdGEuZ3JhYktleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpkcm9wS2V5XFx9L2csIGRhdGEuZHJvcEtleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezphbHREcm9wS2V5XFx9L2csIGRhdGEuYWx0RHJvcEtleSA/PyAnRW50ZXInKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpjYW5jZWxLZXlcXH0vZywgZGF0YS5jYW5jZWxLZXkgPz8gJ0VzY2FwZScpXG4gICAgICAgICAgICAucmVwbGFjZShcbiAgICAgICAgICAgICAgICAvXFx7Om1vdmVLZXlzXFx9L2csXG4gICAgICAgICAgICAgICAgZGF0YS5tb3ZlS2V5cyA/P1xuICAgICAgICAgICAgICAgICAgICAob3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLlZFUlRJQ0FMID8gJ0Fycm93IFVwL0Rvd24nIDogJ0Fycm93IExlZnQvUmlnaHQnKSxcbiAgICAgICAgICAgICk7XG4gICAgfTtcblxuICAgIC8vIGkxOG4gY29uZmlndXJhdGlvbiBvYmplY3RcbiAgICBjb25zdCBpMThuID0ge1xuICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU6XG4gICAgICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGUgPz9cbiAgICAgICAgICAgICdJdGVtIHs6cG9zaXRpb259LiBQcmVzcyB7OmdyYWJLZXl9IHRvIGdyYWIsIHs6bW92ZUtleXN9IHRvIG1vdmUsIHs6ZHJvcEtleX0gb3IgezphbHREcm9wS2V5fSB0byBkcm9wJyxcbiAgICAgICAgZHJhZ0hhbmRsZUFyaWFMYWJlbDogZHJhZ0hhbmRsZUFyaWFMYWJlbCA/PyAnRHJhZyB0byByZW9yZGVyJyxcbiAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlID8/XG4gICAgICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgICAgICBtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBtb3ZlZCB0byBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTpcbiAgICAgICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBkcm9wcGVkIGF0IHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6XG4gICAgICAgICAgICBjYW5jZWxsZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxuICAgICAgICByZXBsYWNlUGxhY2Vob2xkZXJzLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGhhbmRsZXIgaW52b2tlZCB3aGVuIGEgZHJhZ2dhYmxlIGl0ZW0gaXMgcmVsZWFzZWQuXG4gICAgICogQHBhcmFtIGluZGV4XG4gICAgICovXG4gICAgY29uc3QgZHJvcCA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChzdGFydEluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBpbmRleCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0U3RhcnRJbmRleChudWxsKTtcbiAgICAgICAgc2V0T3JpZ2luYWxJbmRleChudWxsKTtcbiAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbmNlbCBoYW5kbGVyIHRvIHJlc3RvcmUgaXRlbSB0byBvcmlnaW5hbCBwb3NpdGlvblxuICAgICAqL1xuICAgIGNvbnN0IGNhbmNlbCA9ICgpID0+IHtcbiAgICAgICAgaWYgKG9yaWdpbmFsSW5kZXggIT09IG51bGwgJiYgc3RhcnRJbmRleCAhPT0gbnVsbCAmJiBzdGFydEluZGV4ICE9PSBvcmlnaW5hbEluZGV4KSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBvcmlnaW5hbEluZGV4KTtcbiAgICAgICAgfVxuICAgICAgICBzZXRTdGFydEluZGV4KG51bGwpO1xuICAgICAgICBzZXRPcmlnaW5hbEluZGV4KG51bGwpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU3RhcnQgZ3JhYiBoYW5kbGVyIHRvIHRyYWNrIG9yaWdpbmFsIHBvc2l0aW9uXG4gICAgICovXG4gICAgY29uc3Qgc3RhcnRHcmFiID0gKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgIHNldE9yaWdpbmFsSW5kZXgoaW5kZXgpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERyYWdDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICAgICAgdmFsdWU9e3tcbiAgICAgICAgICAgICAgICAgICAgc3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgZHJvcCxcbiAgICAgICAgICAgICAgICAgICAgb25Ecm9wLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWwsXG4gICAgICAgICAgICAgICAgICAgIHN0YXJ0R3JhYixcbiAgICAgICAgICAgICAgICAgICAgaXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0RHJhZ092ZXIsXG4gICAgICAgICAgICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q29udGFpbmVyIG9yaWVudGF0aW9uPXtvcmllbnRhdGlvbn0gcm9sZT1cImxpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbkFycmF5LCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RHJhZ0l0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dJbmRpY2F0b3I9e3Nob3dJbmRpY2F0b3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZHJhZ092ZXI9e2RyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM9e3RvdGFsSXRlbXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50PXtzZXRBbm5vdW5jZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EcmFnSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICA8L0RyYWdDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICAgICAgPFZpc3VhbGx5SGlkZGVuIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgICAgICAgICAgICAgICB7YW5ub3VuY2VtZW50fVxuICAgICAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn1cblxuRHJhZ0FuZERyb3AuZGVmYXVsdFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT04uVkVSVElDQUwsXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSBkcmFnIGluZGljYXRvcnMgZm9yIGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogZmFsc2UsXG4gICAgLyoqIERlZmF1bHQgaXRlbSBhcmlhLWxhYmVsIHRlbXBsYXRlICovXG4gICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufS4gUHJlc3MgezpncmFiS2V5fSB0byBncmFiLCB7Om1vdmVLZXlzfSB0byBtb3ZlLCB7OmRyb3BLZXl9IG9yIHs6YWx0RHJvcEtleX0gdG8gZHJvcCcsXG4gICAgLyoqIERlZmF1bHQgZHJhZyBoYW5kbGUgYXJpYS1sYWJlbCAqL1xuICAgIGRyYWdIYW5kbGVBcmlhTGFiZWw6ICdEcmFnIHRvIHJlb3JkZXInLFxuICAgIC8qKiBEZWZhdWx0IGdyYWJiZWQgYW5ub3VuY2VtZW50IHRlbXBsYXRlICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgIC8qKiBEZWZhdWx0IG1vdmVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICdJdGVtIG1vdmVkIHRvIHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAvKiogRGVmYXVsdCBkcm9wcGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ0l0ZW0gZHJvcHBlZCBhdCBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgLyoqIERlZmF1bHQgY2FuY2VsbGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlOiAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQmtCIn0= */");
+/** Visually hidden but accessible to screen readers */ const VisuallyHidden = /*#__PURE__*/ styled("div", {
+    target: "emx1u4x1",
+    label: "VisuallyHidden"
+})("position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EcmFnQW5kRHJvcC9EcmFnQW5kRHJvcC50c3giLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL25vLWZyaWxscy11aS9uby1mcmlsbHMtdWkvc3JjL2NvbXBvbmVudHMvRHJhZ0FuZERyb3AvRHJhZ0FuZERyb3AudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBQcm9wc1dpdGhDaGlsZHJlbiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRHJhZ0l0ZW0gZnJvbSAnLi9EcmFnSXRlbSc7XG5pbXBvcnQgeyBPUklFTlRBVElPTiwgRHJhZ0NvbnRleHQgfSBmcm9tICcuL3R5cGVzJztcblxudHlwZSBEcmFnQW5kRHJvcFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT047XG4gICAgLyoqIERyb3AgZXZlbnQgaGFuZGxlciAqL1xuICAgIG9uRHJvcDogKHN0YXJ0OiBudW1iZXIsIGVuZDogbnVtYmVyKSA9PiB2b2lkO1xuICAgIC8qKiBTaG93cyBkcmFnIGluZGljYXRvciBhZ2FpbnN0IGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogYm9vbGVhbjtcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGl0ZW0gYXJpYS1sYWJlbC4gUGxhY2Vob2xkZXJzOiB7OnBvc2l0aW9ufSwgezpncmFiS2V5fSwgezptb3ZlS2V5c30sIHs6ZHJvcEtleX0sIHs6YWx0RHJvcEtleX0gKi9cbiAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU/OiBzdHJpbmc7XG4gICAgLyoqIGkxOG46IEFyaWEgbGFiZWwgZm9yIGRyYWcgaGFuZGxlICovXG4gICAgZHJhZ0hhbmRsZUFyaWFMYWJlbD86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGdyYWJiZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259LCB7Om1vdmVLZXlzfSwgezpkcm9wS2V5fSwgezphbHREcm9wS2V5fSwgezpjYW5jZWxLZXl9ICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgbW92ZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZT86IHN0cmluZztcbiAgICAvKiogaTE4bjogVGVtcGxhdGUgZm9yIGRyb3BwZWQgYW5ub3VuY2VtZW50LiBQbGFjZWhvbGRlcnM6IHs6cG9zaXRpb259ICovXG4gICAgZHJvcHBlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xuICAgIC8qKiBpMThuOiBUZW1wbGF0ZSBmb3IgY2FuY2VsbGVkIGFubm91bmNlbWVudCAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlPzogc3RyaW5nO1xufSAmIFByb3BzV2l0aENoaWxkcmVuPHVua25vd24+O1xuXG4vKiogQ29udGFpbmVyIENvbXBvbmVudCAqL1xuY29uc3QgQ29udGFpbmVyID0gc3R5bGVkLmRpdjx7IG9yaWVudGF0aW9uOiBPUklFTlRBVElPTiB9PmBcbiAgICBmbGV4OiAxO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICBmbGV4LWRpcmVjdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5vcmllbnRhdGlvbiA9PT0gT1JJRU5UQVRJT04uSE9SSVpPTlRBTCA/ICdyb3cnIDogJ2NvbHVtbicpfTtcbmA7XG5cbi8qKiBWaXN1YWxseSBoaWRkZW4gYnV0IGFjY2Vzc2libGUgdG8gc2NyZWVuIHJlYWRlcnMgKi9cbmNvbnN0IFZpc3VhbGx5SGlkZGVuID0gc3R5bGVkLmRpdmBcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgd2lkdGg6IDFweDtcbiAgICBoZWlnaHQ6IDFweDtcbiAgICBwYWRkaW5nOiAwO1xuICAgIG1hcmdpbjogLTFweDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGNsaXA6IHJlY3QoMCwgMCwgMCwgMCk7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBib3JkZXItd2lkdGg6IDA7XG5gO1xuXG4vKipcbiAqIEEgZHJhZyBhbmQgZHJvcCBjb250YWluZXIgY29tcG9uZW50IHRoYXQgZW5hYmxlcyByZW9yZGVyaW5nIG9mIGNoaWxkIGVsZW1lbnRzLlxuICpcbiAqIEBjb21wb25lbnRcbiAqIEBleGFtcGxlXG4gKiBgYGB0c3hcbiAqIDxEcmFnQW5kRHJvcFxuICogICBvcmllbnRhdGlvbj17T1JJRU5UQVRJT04uVkVSVElDQUx9XG4gKiAgIG9uRHJvcD17KHN0YXJ0LCBlbmQpID0+IGhhbmRsZVJlb3JkZXIoc3RhcnQsIGVuZCl9XG4gKiAgIHNob3dJbmRpY2F0b3I9e3RydWV9XG4gKiA+XG4gKiAgIDxkaXY+SXRlbSAxPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAyPC9kaXY+XG4gKiAgIDxkaXY+SXRlbSAzPC9kaXY+XG4gKiA8L0RyYWdBbmREcm9wPlxuICogYGBgXG4gKlxuICogQHBhcmFtIHtEcmFnQW5kRHJvcFByb3BzfSBwcm9wcyAtIFRoZSBjb21wb25lbnQgcHJvcHNcbiAqIEBwYXJhbSB7T1JJRU5UQVRJT059IHByb3BzLm9yaWVudGF0aW9uIC0gRGV0ZXJtaW5lcyB0aGUgbGF5b3V0IGRpcmVjdGlvbiAoaG9yaXpvbnRhbCBvciB2ZXJ0aWNhbCkuIERlZmF1bHRzIHRvIFZFUlRJQ0FMLlxuICogQHBhcmFtIHsoc3RhcnQ6IG51bWJlciwgZW5kOiBudW1iZXIpID0+IHZvaWR9IHByb3BzLm9uRHJvcCAtIENhbGxiYWNrIGZpcmVkIHdoZW4gYW4gaXRlbSBpcyBkcm9wcGVkLCByZWNlaXZlcyB0aGUgc3RhcnQgYW5kIGVuZCBpbmRpY2VzXG4gKiBAcGFyYW0ge2Jvb2xlYW59IHByb3BzLnNob3dJbmRpY2F0b3IgLSBXaGV0aGVyIHRvIGRpc3BsYXkgZHJhZyBpbmRpY2F0b3JzIGZvciBlYWNoIGxpc3QgaXRlbS4gRGVmYXVsdHMgdG8gZmFsc2UuXG4gKiBAcGFyYW0ge1JlYWN0LlJlYWN0Tm9kZX0gcHJvcHMuY2hpbGRyZW4gLSBDaGlsZCBlbGVtZW50cyB0byBiZSByZW5kZXJlZCBhcyBkcmFnZ2FibGUgaXRlbXNcbiAqXG4gKiBAcmV0dXJucyB7SlNYLkVsZW1lbnR9IEEgZHJhZ2dhYmxlIGNvbnRhaW5lciB3aXRoIHJlb3JkZXJhYmxlIGl0ZW1zXG4gKi9cbmV4cG9ydCBkZWZhdWx0IGZ1bmN0aW9uIERyYWdBbmREcm9wKHByb3BzOiBEcmFnQW5kRHJvcFByb3BzKSB7XG4gICAgY29uc3Qge1xuICAgICAgICBvcmllbnRhdGlvbixcbiAgICAgICAgY2hpbGRyZW4sXG4gICAgICAgIG9uRHJvcCxcbiAgICAgICAgc2hvd0luZGljYXRvcixcbiAgICAgICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlLFxuICAgICAgICBkcmFnSGFuZGxlQXJpYUxhYmVsLFxuICAgICAgICBncmFiYmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGUsXG4gICAgfSA9IHByb3BzO1xuICAgIGNvbnN0IFtzdGFydEluZGV4LCBzZXRTdGFydEluZGV4XSA9IHVzZVN0YXRlPG51bWJlcj4obnVsbCk7XG4gICAgY29uc3QgW29yaWdpbmFsSW5kZXgsIHNldE9yaWdpbmFsSW5kZXhdID0gdXNlU3RhdGU8bnVtYmVyPihudWxsKTtcbiAgICBjb25zdCBbaXNEcmFnZ2luZywgc2V0SXNEcmFnZ2luZ10gPSB1c2VTdGF0ZTxib29sZWFuPihmYWxzZSk7XG4gICAgY29uc3QgW2RyYWdPdmVyLCBzZXREcmFnT3Zlcl0gPSB1c2VTdGF0ZTxudW1iZXI+KG51bGwpO1xuICAgIGNvbnN0IFthbm5vdW5jZW1lbnQsIHNldEFubm91bmNlbWVudF0gPSB1c2VTdGF0ZSgnJyk7XG4gICAgY29uc3QgY2hpbGRyZW5BcnJheSA9IFJlYWN0LkNoaWxkcmVuLnRvQXJyYXkoY2hpbGRyZW4pO1xuICAgIGNvbnN0IHRvdGFsSXRlbXMgPSBjaGlsZHJlbkFycmF5Lmxlbmd0aDtcblxuICAgIC8qKlxuICAgICAqIFJlcGxhY2UgcGxhY2Vob2xkZXJzIGluIGkxOG4gdGVtcGxhdGVzXG4gICAgICovXG4gICAgY29uc3QgcmVwbGFjZVBsYWNlaG9sZGVycyA9IChcbiAgICAgICAgdGVtcGxhdGU6IHN0cmluZyxcbiAgICAgICAgZGF0YToge1xuICAgICAgICAgICAgcG9zaXRpb24/OiBudW1iZXI7XG4gICAgICAgICAgICBncmFiS2V5Pzogc3RyaW5nO1xuICAgICAgICAgICAgZHJvcEtleT86IHN0cmluZztcbiAgICAgICAgICAgIGFsdERyb3BLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBjYW5jZWxLZXk/OiBzdHJpbmc7XG4gICAgICAgICAgICBtb3ZlS2V5cz86IHN0cmluZztcbiAgICAgICAgfSxcbiAgICApOiBzdHJpbmcgPT4ge1xuICAgICAgICByZXR1cm4gdGVtcGxhdGVcbiAgICAgICAgICAgIC5yZXBsYWNlKC9cXHs6cG9zaXRpb25cXH0vZywgU3RyaW5nKGRhdGEucG9zaXRpb24gPz8gJycpKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpncmFiS2V5XFx9L2csIGRhdGEuZ3JhYktleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpkcm9wS2V5XFx9L2csIGRhdGEuZHJvcEtleSA/PyAnU3BhY2UnKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezphbHREcm9wS2V5XFx9L2csIGRhdGEuYWx0RHJvcEtleSA/PyAnRW50ZXInKVxuICAgICAgICAgICAgLnJlcGxhY2UoL1xcezpjYW5jZWxLZXlcXH0vZywgZGF0YS5jYW5jZWxLZXkgPz8gJ0VzY2FwZScpXG4gICAgICAgICAgICAucmVwbGFjZShcbiAgICAgICAgICAgICAgICAvXFx7Om1vdmVLZXlzXFx9L2csXG4gICAgICAgICAgICAgICAgZGF0YS5tb3ZlS2V5cyA/P1xuICAgICAgICAgICAgICAgICAgICAob3JpZW50YXRpb24gPT09IE9SSUVOVEFUSU9OLlZFUlRJQ0FMID8gJ0Fycm93IFVwL0Rvd24nIDogJ0Fycm93IExlZnQvUmlnaHQnKSxcbiAgICAgICAgICAgICk7XG4gICAgfTtcblxuICAgIC8vIGkxOG4gY29uZmlndXJhdGlvbiBvYmplY3RcbiAgICBjb25zdCBpMThuID0ge1xuICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGU6XG4gICAgICAgICAgICBpdGVtQXJpYUxhYmVsVGVtcGxhdGUgPz9cbiAgICAgICAgICAgICdJdGVtIHs6cG9zaXRpb259LiBQcmVzcyB7OmdyYWJLZXl9IHRvIGdyYWIsIHs6bW92ZUtleXN9IHRvIG1vdmUsIHs6ZHJvcEtleX0gb3IgezphbHREcm9wS2V5fSB0byBkcm9wJyxcbiAgICAgICAgZHJhZ0hhbmRsZUFyaWFMYWJlbDogZHJhZ0hhbmRsZUFyaWFMYWJlbCA/PyAnRHJhZyB0byByZW9yZGVyJyxcbiAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlID8/XG4gICAgICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgICAgICBtb3ZlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAgICAgbW92ZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBtb3ZlZCB0byBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTpcbiAgICAgICAgICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnSXRlbSBkcm9wcGVkIGF0IHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAgICAgY2FuY2VsbGVkQW5ub3VuY2VtZW50VGVtcGxhdGU6XG4gICAgICAgICAgICBjYW5jZWxsZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZSA/PyAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxuICAgICAgICByZXBsYWNlUGxhY2Vob2xkZXJzLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBEcm9wIGhhbmRsZXIgaW52b2tlZCB3aGVuIGEgZHJhZ2dhYmxlIGl0ZW0gaXMgcmVsZWFzZWQuXG4gICAgICogQHBhcmFtIGluZGV4XG4gICAgICovXG4gICAgY29uc3QgZHJvcCA9IChpbmRleDogbnVtYmVyKSA9PiB7XG4gICAgICAgIGlmIChzdGFydEluZGV4ICE9PSBudWxsKSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBpbmRleCk7XG4gICAgICAgIH1cbiAgICAgICAgc2V0U3RhcnRJbmRleChudWxsKTtcbiAgICAgICAgc2V0T3JpZ2luYWxJbmRleChudWxsKTtcbiAgICAgICAgc2V0SXNEcmFnZ2luZyhmYWxzZSk7XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIENhbmNlbCBoYW5kbGVyIHRvIHJlc3RvcmUgaXRlbSB0byBvcmlnaW5hbCBwb3NpdGlvblxuICAgICAqL1xuICAgIGNvbnN0IGNhbmNlbCA9ICgpID0+IHtcbiAgICAgICAgaWYgKG9yaWdpbmFsSW5kZXggIT09IG51bGwgJiYgc3RhcnRJbmRleCAhPT0gbnVsbCAmJiBzdGFydEluZGV4ICE9PSBvcmlnaW5hbEluZGV4KSB7XG4gICAgICAgICAgICBvbkRyb3A/LihzdGFydEluZGV4LCBvcmlnaW5hbEluZGV4KTtcbiAgICAgICAgfVxuICAgICAgICBzZXRTdGFydEluZGV4KG51bGwpO1xuICAgICAgICBzZXRPcmlnaW5hbEluZGV4KG51bGwpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKGZhbHNlKTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogU3RhcnQgZ3JhYiBoYW5kbGVyIHRvIHRyYWNrIG9yaWdpbmFsIHBvc2l0aW9uXG4gICAgICovXG4gICAgY29uc3Qgc3RhcnRHcmFiID0gKGluZGV4OiBudW1iZXIpID0+IHtcbiAgICAgICAgc2V0U3RhcnRJbmRleChpbmRleCk7XG4gICAgICAgIHNldE9yaWdpbmFsSW5kZXgoaW5kZXgpO1xuICAgICAgICBzZXRJc0RyYWdnaW5nKHRydWUpO1xuICAgIH07XG5cbiAgICByZXR1cm4gKFxuICAgICAgICA8PlxuICAgICAgICAgICAgPERyYWdDb250ZXh0LlByb3ZpZGVyXG4gICAgICAgICAgICAgICAgdmFsdWU9e3tcbiAgICAgICAgICAgICAgICAgICAgc3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgc2V0U3RhcnRJbmRleCxcbiAgICAgICAgICAgICAgICAgICAgZHJvcCxcbiAgICAgICAgICAgICAgICAgICAgb25Ecm9wLFxuICAgICAgICAgICAgICAgICAgICBjYW5jZWwsXG4gICAgICAgICAgICAgICAgICAgIHN0YXJ0R3JhYixcbiAgICAgICAgICAgICAgICAgICAgaXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0SXNEcmFnZ2luZyxcbiAgICAgICAgICAgICAgICAgICAgc2V0RHJhZ092ZXIsXG4gICAgICAgICAgICAgICAgICAgIGkxOG4sXG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8Q29udGFpbmVyIG9yaWVudGF0aW9uPXtvcmllbnRhdGlvbn0gcm9sZT1cImxpc3RcIj5cbiAgICAgICAgICAgICAgICAgICAge1JlYWN0LkNoaWxkcmVuLm1hcChjaGlsZHJlbkFycmF5LCAoY2hpbGQsIGluZGV4KSA9PiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8RHJhZ0l0ZW1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBpbmRleD17aW5kZXh9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgb3JpZW50YXRpb249e29yaWVudGF0aW9ufVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHNob3dJbmRpY2F0b3I9e3Nob3dJbmRpY2F0b3J9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgZHJhZ092ZXI9e2RyYWdPdmVyfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHRvdGFsSXRlbXM9e3RvdGFsSXRlbXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgc2V0QW5ub3VuY2VtZW50PXtzZXRBbm5vdW5jZW1lbnR9XG4gICAgICAgICAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NoaWxkfVxuICAgICAgICAgICAgICAgICAgICAgICAgPC9EcmFnSXRlbT5cbiAgICAgICAgICAgICAgICAgICAgKSl9XG4gICAgICAgICAgICAgICAgPC9Db250YWluZXI+XG4gICAgICAgICAgICA8L0RyYWdDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICAgICAgPFZpc3VhbGx5SGlkZGVuIHJvbGU9XCJzdGF0dXNcIiBhcmlhLWxpdmU9XCJwb2xpdGVcIiBhcmlhLWF0b21pYz1cInRydWVcIj5cbiAgICAgICAgICAgICAgICB7YW5ub3VuY2VtZW50fVxuICAgICAgICAgICAgPC9WaXN1YWxseUhpZGRlbj5cbiAgICAgICAgPC8+XG4gICAgKTtcbn1cblxuRHJhZ0FuZERyb3AuZGVmYXVsdFByb3BzID0ge1xuICAgIC8qKiBPcmllbnRhdGlvbiBvZiB0aGUgbGlzdCBsYXlvdXQgKi9cbiAgICBvcmllbnRhdGlvbjogT1JJRU5UQVRJT04uVkVSVElDQUwsXG4gICAgLyoqIFdoZXRoZXIgdG8gZGlzcGxheSBkcmFnIGluZGljYXRvcnMgZm9yIGVhY2ggbGlzdCBpdGVtICovXG4gICAgc2hvd0luZGljYXRvcjogZmFsc2UsXG4gICAgLyoqIERlZmF1bHQgaXRlbSBhcmlhLWxhYmVsIHRlbXBsYXRlICovXG4gICAgaXRlbUFyaWFMYWJlbFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufS4gUHJlc3MgezpncmFiS2V5fSB0byBncmFiLCB7Om1vdmVLZXlzfSB0byBtb3ZlLCB7OmRyb3BLZXl9IG9yIHs6YWx0RHJvcEtleX0gdG8gZHJvcCcsXG4gICAgLyoqIERlZmF1bHQgZHJhZyBoYW5kbGUgYXJpYS1sYWJlbCAqL1xuICAgIGRyYWdIYW5kbGVBcmlhTGFiZWw6ICdEcmFnIHRvIHJlb3JkZXInLFxuICAgIC8qKiBEZWZhdWx0IGdyYWJiZWQgYW5ub3VuY2VtZW50IHRlbXBsYXRlICovXG4gICAgZ3JhYmJlZEFubm91bmNlbWVudFRlbXBsYXRlOlxuICAgICAgICAnSXRlbSB7OnBvc2l0aW9ufSBncmFiYmVkLiBVc2Ugezptb3ZlS2V5c30gdG8gbW92ZSwgezpkcm9wS2V5fSBvciB7OmFsdERyb3BLZXl9IHRvIGRyb3AsIHs6Y2FuY2VsS2V5fSB0byBjYW5jZWwnLFxuICAgIC8qKiBEZWZhdWx0IG1vdmVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIG1vdmVkQW5ub3VuY2VtZW50VGVtcGxhdGU6ICdJdGVtIG1vdmVkIHRvIHBvc2l0aW9uIHs6cG9zaXRpb259JyxcbiAgICAvKiogRGVmYXVsdCBkcm9wcGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGRyb3BwZWRBbm5vdW5jZW1lbnRUZW1wbGF0ZTogJ0l0ZW0gZHJvcHBlZCBhdCBwb3NpdGlvbiB7OnBvc2l0aW9ufScsXG4gICAgLyoqIERlZmF1bHQgY2FuY2VsbGVkIGFubm91bmNlbWVudCB0ZW1wbGF0ZSAqL1xuICAgIGNhbmNlbGxlZEFubm91bmNlbWVudFRlbXBsYXRlOiAnRHJhZyBjYW5jZWxsZWQsIGl0ZW0gcmVzdG9yZWQgdG8gb3JpZ2luYWwgcG9zaXRpb24nLFxufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQ3VCIn0= */");
 /**
  * A drag and drop container component that enables reordering of child elements.
  *
@@ -47,9 +36,8 @@ const VisuallyHidden = styled.div `
  * @param {React.ReactNode} props.children - Child elements to be rendered as draggable items
  *
  * @returns {JSX.Element} A draggable container with reorderable items
- */
-export default function DragAndDrop(props) {
-    const { orientation, children, onDrop, showIndicator, itemAriaLabelTemplate, dragHandleAriaLabel, grabbedAnnouncementTemplate, movedAnnouncementTemplate, droppedAnnouncementTemplate, cancelledAnnouncementTemplate, } = props;
+ */ function DragAndDrop(props) {
+    const { orientation, children, onDrop, showIndicator, itemAriaLabelTemplate, dragHandleAriaLabel, grabbedAnnouncementTemplate, movedAnnouncementTemplate, droppedAnnouncementTemplate, cancelledAnnouncementTemplate } = props;
     const [startIndex, setStartIndex] = useState(null);
     const [originalIndex, setOriginalIndex] = useState(null);
     const [isDragging, setIsDragging] = useState(false);
@@ -59,34 +47,25 @@ export default function DragAndDrop(props) {
     const totalItems = childrenArray.length;
     /**
      * Replace placeholders in i18n templates
-     */
-    const replacePlaceholders = (template, data) => {
-        var _a, _b, _c, _d, _e, _f;
-        return template
-            .replace(/\{:position\}/g, String((_a = data.position) !== null && _a !== void 0 ? _a : ''))
-            .replace(/\{:grabKey\}/g, (_b = data.grabKey) !== null && _b !== void 0 ? _b : 'Space')
-            .replace(/\{:dropKey\}/g, (_c = data.dropKey) !== null && _c !== void 0 ? _c : 'Space')
-            .replace(/\{:altDropKey\}/g, (_d = data.altDropKey) !== null && _d !== void 0 ? _d : 'Enter')
-            .replace(/\{:cancelKey\}/g, (_e = data.cancelKey) !== null && _e !== void 0 ? _e : 'Escape')
-            .replace(/\{:moveKeys\}/g, (_f = data.moveKeys) !== null && _f !== void 0 ? _f : (orientation === ORIENTATION.VERTICAL ? 'Arrow Up/Down' : 'Arrow Left/Right'));
+     */ const replacePlaceholders = (template, data)=>{
+        return template.replace(/\{:position\}/g, String(data.position ?? '')).replace(/\{:grabKey\}/g, data.grabKey ?? 'Space').replace(/\{:dropKey\}/g, data.dropKey ?? 'Space').replace(/\{:altDropKey\}/g, data.altDropKey ?? 'Enter').replace(/\{:cancelKey\}/g, data.cancelKey ?? 'Escape').replace(/\{:moveKeys\}/g, data.moveKeys ?? (orientation === ORIENTATION.VERTICAL ? 'Arrow Up/Down' : 'Arrow Left/Right'));
     };
     // i18n configuration object
     const i18n = {
-        itemAriaLabelTemplate: itemAriaLabelTemplate,
-        dragHandleAriaLabel: dragHandleAriaLabel,
-        grabbedAnnouncementTemplate: grabbedAnnouncementTemplate,
-        movedAnnouncementTemplate: movedAnnouncementTemplate,
-        droppedAnnouncementTemplate: droppedAnnouncementTemplate,
-        cancelledAnnouncementTemplate: cancelledAnnouncementTemplate,
-        replacePlaceholders,
+        itemAriaLabelTemplate: itemAriaLabelTemplate ?? 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',
+        dragHandleAriaLabel: dragHandleAriaLabel ?? 'Drag to reorder',
+        grabbedAnnouncementTemplate: grabbedAnnouncementTemplate ?? 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',
+        movedAnnouncementTemplate: movedAnnouncementTemplate ?? 'Item moved to position {:position}',
+        droppedAnnouncementTemplate: droppedAnnouncementTemplate ?? 'Item dropped at position {:position}',
+        cancelledAnnouncementTemplate: cancelledAnnouncementTemplate ?? 'Drag cancelled, item restored to original position',
+        replacePlaceholders
     };
     /**
      * Drop handler invoked when a draggable item is released.
      * @param index
-     */
-    const drop = (index) => {
+     */ const drop = (index)=>{
         if (startIndex !== null) {
-            onDrop === null || onDrop === void 0 ? void 0 : onDrop(startIndex, index);
+            onDrop?.(startIndex, index);
         }
         setStartIndex(null);
         setOriginalIndex(null);
@@ -94,10 +73,9 @@ export default function DragAndDrop(props) {
     };
     /**
      * Cancel handler to restore item to original position
-     */
-    const cancel = () => {
+     */ const cancel = ()=>{
         if (originalIndex !== null && startIndex !== null && startIndex !== originalIndex) {
-            onDrop === null || onDrop === void 0 ? void 0 : onDrop(startIndex, originalIndex);
+            onDrop?.(startIndex, originalIndex);
         }
         setStartIndex(null);
         setOriginalIndex(null);
@@ -105,13 +83,15 @@ export default function DragAndDrop(props) {
     };
     /**
      * Start grab handler to track original position
-     */
-    const startGrab = (index) => {
+     */ const startGrab = (index)=>{
         setStartIndex(index);
         setOriginalIndex(index);
         setIsDragging(true);
     };
-    return (_jsxs(_Fragment, { children: [_jsx(DragContext.Provider, { value: {
+    return /*#__PURE__*/ jsxs(Fragment, {
+        children: [
+            /*#__PURE__*/ jsx(DragContext.Provider, {
+                value: {
                     startIndex,
                     setStartIndex,
                     drop,
@@ -121,25 +101,40 @@ export default function DragAndDrop(props) {
                     isDragging,
                     setIsDragging,
                     setDragOver,
-                    i18n,
-                }, children: _jsx(Container, { orientation: orientation, role: "list", children: React.Children.map(childrenArray, (child, index) => (_jsx(DragItem, { index: index, orientation: orientation, showIndicator: showIndicator, dragOver: dragOver, totalItems: totalItems, setAnnouncement: setAnnouncement, children: child }))) }) }), _jsx(VisuallyHidden, { role: "status", "aria-live": "polite", "aria-atomic": "true", children: announcement })] }));
+                    i18n
+                },
+                children: /*#__PURE__*/ jsx(Container, {
+                    orientation: orientation,
+                    role: "list",
+                    children: React.Children.map(childrenArray, (child, index)=>/*#__PURE__*/ jsx(DragItem, {
+                            index: index,
+                            orientation: orientation,
+                            showIndicator: showIndicator,
+                            dragOver: dragOver,
+                            totalItems: totalItems,
+                            setAnnouncement: setAnnouncement,
+                            children: child
+                        }))
+                })
+            }),
+            /*#__PURE__*/ jsx(VisuallyHidden, {
+                role: "status",
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                children: announcement
+            })
+        ]
+    });
 }
 DragAndDrop.defaultProps = {
-    /** Orientation of the list layout */
-    orientation: ORIENTATION.VERTICAL,
-    /** Whether to display drag indicators for each list item */
-    showIndicator: false,
-    /** Default item aria-label template */
-    itemAriaLabelTemplate: 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',
-    /** Default drag handle aria-label */
-    dragHandleAriaLabel: 'Drag to reorder',
-    /** Default grabbed announcement template */
-    grabbedAnnouncementTemplate: 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',
-    /** Default moved announcement template */
-    movedAnnouncementTemplate: 'Item moved to position {:position}',
-    /** Default dropped announcement template */
-    droppedAnnouncementTemplate: 'Item dropped at position {:position}',
-    /** Default cancelled announcement template */
-    cancelledAnnouncementTemplate: 'Drag cancelled, item restored to original position',
+    /** Orientation of the list layout */ orientation: ORIENTATION.VERTICAL,
+    /** Whether to display drag indicators for each list item */ showIndicator: false,
+    /** Default item aria-label template */ itemAriaLabelTemplate: 'Item {:position}. Press {:grabKey} to grab, {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop',
+    /** Default drag handle aria-label */ dragHandleAriaLabel: 'Drag to reorder',
+    /** Default grabbed announcement template */ grabbedAnnouncementTemplate: 'Item {:position} grabbed. Use {:moveKeys} to move, {:dropKey} or {:altDropKey} to drop, {:cancelKey} to cancel',
+    /** Default moved announcement template */ movedAnnouncementTemplate: 'Item moved to position {:position}',
+    /** Default dropped announcement template */ droppedAnnouncementTemplate: 'Item dropped at position {:position}',
+    /** Default cancelled announcement template */ cancelledAnnouncementTemplate: 'Drag cancelled, item restored to original position'
 };
-//# sourceMappingURL=DragAndDrop.js.map
+
+export { DragAndDrop as default };

package/lib-esm/components/DragAndDrop/DragItem.d.ts

@@ -48,4 +48,3 @@ interface DragItemProps {
  */
 export default function DragItem(props: PropsWithChildren<DragItemProps>): import("@emotion/react/jsx-runtime").JSX.Element;
 export {};
-//# sourceMappingURL=DragItem.d.ts.map