@anoki/fse-ui 1.0.710 → 1.0.712

package/dist/index.es446.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es446.js","sources":["../node_modules/react-remove-scroll-bar/dist/es2015/component.js"],"sourcesContent":["import * as React from 'react';\nimport { styleSingleton } from 'react-style-singleton';\nimport { fullWidthClassName, zeroRightClassName, noScrollbarsClassName, removedBarSizeVariable } from './constants';\nimport { getGapWidth } from './utils';\nvar Style = styleSingleton();\nexport var lockAttribute = 'data-scroll-locked';\n// important tip - once we measure scrollBar width and remove them\n// we could not repeat this operation\n// thus we are using style-singleton - only the first \"yet correct\" style will be applied.\nvar getStyles = function (_a, allowRelative, gapMode, important) {\n    var left = _a.left, top = _a.top, right = _a.right, gap = _a.gap;\n    if (gapMode === void 0) { gapMode = 'margin'; }\n    return \"\\n  .\".concat(noScrollbarsClassName, \" {\\n   overflow: hidden \").concat(important, \";\\n   padding-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  body[\").concat(lockAttribute, \"] {\\n    overflow: hidden \").concat(important, \";\\n    overscroll-behavior: contain;\\n    \").concat([\n        allowRelative && \"position: relative \".concat(important, \";\"),\n        gapMode === 'margin' &&\n            \"\\n    padding-left: \".concat(left, \"px;\\n    padding-top: \").concat(top, \"px;\\n    padding-right: \").concat(right, \"px;\\n    margin-left:0;\\n    margin-top:0;\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n    \"),\n        gapMode === 'padding' && \"padding-right: \".concat(gap, \"px \").concat(important, \";\"),\n    ]\n        .filter(Boolean)\n        .join(''), \"\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" {\\n    right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" {\\n    margin-right: \").concat(gap, \"px \").concat(important, \";\\n  }\\n  \\n  .\").concat(zeroRightClassName, \" .\").concat(zeroRightClassName, \" {\\n    right: 0 \").concat(important, \";\\n  }\\n  \\n  .\").concat(fullWidthClassName, \" .\").concat(fullWidthClassName, \" {\\n    margin-right: 0 \").concat(important, \";\\n  }\\n  \\n  body[\").concat(lockAttribute, \"] {\\n    \").concat(removedBarSizeVariable, \": \").concat(gap, \"px;\\n  }\\n\");\n};\nvar getCurrentUseCounter = function () {\n    var counter = parseInt(document.body.getAttribute(lockAttribute) || '0', 10);\n    return isFinite(counter) ? counter : 0;\n};\nexport var useLockAttribute = function () {\n    React.useEffect(function () {\n        document.body.setAttribute(lockAttribute, (getCurrentUseCounter() + 1).toString());\n        return function () {\n            var newCounter = getCurrentUseCounter() - 1;\n            if (newCounter <= 0) {\n                document.body.removeAttribute(lockAttribute);\n            }\n            else {\n                document.body.setAttribute(lockAttribute, newCounter.toString());\n            }\n        };\n    }, []);\n};\n/**\n * Removes page scrollbar and blocks page scroll when mounted\n */\nexport var RemoveScrollBar = function (_a) {\n    var noRelative = _a.noRelative, noImportant = _a.noImportant, _b = _a.gapMode, gapMode = _b === void 0 ? 'margin' : _b;\n    useLockAttribute();\n    /*\n     gap will be measured on every component mount\n     however it will be used only by the \"first\" invocation\n     due to singleton nature of <Style\n     */\n    var gap = React.useMemo(function () { return getGapWidth(gapMode); }, [gapMode]);\n    return React.createElement(Style, { styles: getStyles(gap, !noRelative, gapMode, !noImportant ? '!important' : '') });\n};\n"],"names":["Style","styleSingleton","lockAttribute","getStyles","_a","allowRelative","gapMode","important","left","top","right","gap","noScrollbarsClassName","zeroRightClassName","fullWidthClassName","removedBarSizeVariable","getCurrentUseCounter","counter","useLockAttribute","React","newCounter","RemoveScrollBar","noRelative","noImportant","_b","getGapWidth"],"mappings":";;;;AAIA,IAAIA,IAAQC,EAAgB,GACjBC,IAAgB,sBAIvBC,IAAY,SAAUC,GAAIC,GAAeC,GAASC,GAAW;AAC7D,MAAIC,IAAOJ,EAAG,MAAMK,IAAML,EAAG,KAAKM,IAAQN,EAAG,OAAOO,IAAMP,EAAG;AAC7D,SAAIE,MAAY,WAAUA,IAAU,WAC7B;AAAA,KAAQ,OAAOM,GAAuB;AAAA,qBAA0B,EAAE,OAAOL,GAAW;AAAA,mBAAuB,EAAE,OAAOI,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA,QAAiB,EAAE,OAAOL,GAAe;AAAA,sBAA4B,EAAE,OAAOK,GAAW;AAAA;AAAA,KAA4C,EAAE,OAAO;AAAA,IACnSF,KAAiB,sBAAsB,OAAOE,GAAW,GAAG;AAAA,IAC5DD,MAAY,YACR;AAAA,oBAAuB,OAAOE,GAAM;AAAA,kBAAwB,EAAE,OAAOC,GAAK;AAAA,oBAA0B,EAAE,OAAOC,GAAO;AAAA;AAAA;AAAA,mBAAgE,EAAE,OAAOC,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA,KAAS;AAAA,IACxOD,MAAY,aAAa,kBAAkB,OAAOK,GAAK,KAAK,EAAE,OAAOJ,GAAW,GAAG;AAAA,EAC3F,EACS,OAAO,OAAO,EACd,KAAK,EAAE,GAAG;AAAA;AAAA;AAAA,IAAgB,EAAE,OAAOM,GAAoB;AAAA,YAAiB,EAAE,OAAOF,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB;AAAA,mBAAwB,EAAE,OAAOH,GAAK,KAAK,EAAE,OAAOJ,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOM,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,cAAmB,EAAE,OAAON,GAAW;AAAA;AAAA;AAAA,IAAiB,EAAE,OAAOO,GAAoB,IAAI,EAAE,OAAOA,GAAoB;AAAA,qBAA0B,EAAE,OAAOP,GAAW;AAAA;AAAA;AAAA,QAAqB,EAAE,OAAOL,GAAe;AAAA,KAAW,EAAE,OAAOa,GAAwB,IAAI,EAAE,OAAOJ,GAAK;AAAA;AAAA,CAAY;AAC/kB,GACIK,IAAuB,WAAY;AACnC,MAAIC,IAAU,SAAS,SAAS,KAAK,aAAaf,CAAa,KAAK,KAAK,EAAE;AAC3E,SAAO,SAASe,CAAO,IAAIA,IAAU;AACzC,GACWC,IAAmB,WAAY;AACtC,EAAAC,EAAM,UAAU,WAAY;AACxB,oBAAS,KAAK,aAAajB,IAAgBc,MAAyB,GAAG,UAAU,GAC1E,WAAY;AACf,UAAII,IAAaJ,EAAoB,IAAK;AAC1C,MAAII,KAAc,IACd,SAAS,KAAK,gBAAgBlB,CAAa,IAG3C,SAAS,KAAK,aAAaA,GAAekB,EAAW,SAAQ,CAAE;AAAA,IAEtE;AAAA,EACJ,GAAE,EAAE;AACT,GAIWC,IAAkB,SAAUjB,GAAI;AACvC,MAAIkB,IAAalB,EAAG,YAAYmB,IAAcnB,EAAG,aAAaoB,IAAKpB,EAAG,SAASE,IAAUkB,MAAO,SAAS,WAAWA;AACpH,EAAAN,EAAkB;AAMlB,MAAIP,IAAMQ,EAAM,QAAQ,WAAY;AAAE,WAAOM,EAAYnB,CAAO;AAAA,EAAE,GAAI,CAACA,CAAO,CAAC;AAC/E,SAAOa,EAAM,cAAcnB,GAAO,EAAE,QAAQG,EAAUQ,GAAK,CAACW,GAAYhB,GAAUiB,IAA6B,KAAf,YAAiB,EAAC,CAAE;AACxH;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es446.js","sources":["../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs"],"sourcesContent":["function hasWindow() {\n  return typeof window !== 'undefined';\n}\nfunction getNodeName(node) {\n  if (isNode(node)) {\n    return (node.nodeName || '').toLowerCase();\n  }\n  // Mocked nodes in testing environments may not be instances of Node. By\n  // returning `#document` an infinite loop won't occur.\n  // https://github.com/floating-ui/floating-ui/issues/2317\n  return '#document';\n}\nfunction getWindow(node) {\n  var _node$ownerDocument;\n  return (node == null || (_node$ownerDocument = node.ownerDocument) == null ? void 0 : _node$ownerDocument.defaultView) || window;\n}\nfunction getDocumentElement(node) {\n  var _ref;\n  return (_ref = (isNode(node) ? node.ownerDocument : node.document) || window.document) == null ? void 0 : _ref.documentElement;\n}\nfunction isNode(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Node || value instanceof getWindow(value).Node;\n}\nfunction isElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof Element || value instanceof getWindow(value).Element;\n}\nfunction isHTMLElement(value) {\n  if (!hasWindow()) {\n    return false;\n  }\n  return value instanceof HTMLElement || value instanceof getWindow(value).HTMLElement;\n}\nfunction isShadowRoot(value) {\n  if (!hasWindow() || typeof ShadowRoot === 'undefined') {\n    return false;\n  }\n  return value instanceof ShadowRoot || value instanceof getWindow(value).ShadowRoot;\n}\nfunction isOverflowElement(element) {\n  const {\n    overflow,\n    overflowX,\n    overflowY,\n    display\n  } = getComputedStyle(element);\n  return /auto|scroll|overlay|hidden|clip/.test(overflow + overflowY + overflowX) && !['inline', 'contents'].includes(display);\n}\nfunction isTableElement(element) {\n  return ['table', 'td', 'th'].includes(getNodeName(element));\n}\nfunction isTopLayer(element) {\n  return [':popover-open', ':modal'].some(selector => {\n    try {\n      return element.matches(selector);\n    } catch (e) {\n      return false;\n    }\n  });\n}\nfunction isContainingBlock(elementOrCss) {\n  const webkit = isWebKit();\n  const css = isElement(elementOrCss) ? getComputedStyle(elementOrCss) : elementOrCss;\n\n  // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n  // https://drafts.csswg.org/css-transforms-2/#individual-transforms\n  return ['transform', 'translate', 'scale', 'rotate', 'perspective'].some(value => css[value] ? css[value] !== 'none' : false) || (css.containerType ? css.containerType !== 'normal' : false) || !webkit && (css.backdropFilter ? css.backdropFilter !== 'none' : false) || !webkit && (css.filter ? css.filter !== 'none' : false) || ['transform', 'translate', 'scale', 'rotate', 'perspective', 'filter'].some(value => (css.willChange || '').includes(value)) || ['paint', 'layout', 'strict', 'content'].some(value => (css.contain || '').includes(value));\n}\nfunction getContainingBlock(element) {\n  let currentNode = getParentNode(element);\n  while (isHTMLElement(currentNode) && !isLastTraversableNode(currentNode)) {\n    if (isContainingBlock(currentNode)) {\n      return currentNode;\n    } else if (isTopLayer(currentNode)) {\n      return null;\n    }\n    currentNode = getParentNode(currentNode);\n  }\n  return null;\n}\nfunction isWebKit() {\n  if (typeof CSS === 'undefined' || !CSS.supports) return false;\n  return CSS.supports('-webkit-backdrop-filter', 'none');\n}\nfunction isLastTraversableNode(node) {\n  return ['html', 'body', '#document'].includes(getNodeName(node));\n}\nfunction getComputedStyle(element) {\n  return getWindow(element).getComputedStyle(element);\n}\nfunction getNodeScroll(element) {\n  if (isElement(element)) {\n    return {\n      scrollLeft: element.scrollLeft,\n      scrollTop: element.scrollTop\n    };\n  }\n  return {\n    scrollLeft: element.scrollX,\n    scrollTop: element.scrollY\n  };\n}\nfunction getParentNode(node) {\n  if (getNodeName(node) === 'html') {\n    return node;\n  }\n  const result =\n  // Step into the shadow DOM of the parent of a slotted node.\n  node.assignedSlot ||\n  // DOM Element detected.\n  node.parentNode ||\n  // ShadowRoot detected.\n  isShadowRoot(node) && node.host ||\n  // Fallback.\n  getDocumentElement(node);\n  return isShadowRoot(result) ? result.host : result;\n}\nfunction getNearestOverflowAncestor(node) {\n  const parentNode = getParentNode(node);\n  if (isLastTraversableNode(parentNode)) {\n    return node.ownerDocument ? node.ownerDocument.body : node.body;\n  }\n  if (isHTMLElement(parentNode) && isOverflowElement(parentNode)) {\n    return parentNode;\n  }\n  return getNearestOverflowAncestor(parentNode);\n}\nfunction getOverflowAncestors(node, list, traverseIframes) {\n  var _node$ownerDocument2;\n  if (list === void 0) {\n    list = [];\n  }\n  if (traverseIframes === void 0) {\n    traverseIframes = true;\n  }\n  const scrollableAncestor = getNearestOverflowAncestor(node);\n  const isBody = scrollableAncestor === ((_node$ownerDocument2 = node.ownerDocument) == null ? void 0 : _node$ownerDocument2.body);\n  const win = getWindow(scrollableAncestor);\n  if (isBody) {\n    const frameElement = getFrameElement(win);\n    return list.concat(win, win.visualViewport || [], isOverflowElement(scrollableAncestor) ? scrollableAncestor : [], frameElement && traverseIframes ? getOverflowAncestors(frameElement) : []);\n  }\n  return list.concat(scrollableAncestor, getOverflowAncestors(scrollableAncestor, [], traverseIframes));\n}\nfunction getFrameElement(win) {\n  return win.parent && Object.getPrototypeOf(win.parent) ? win.frameElement : null;\n}\n\nexport { getComputedStyle, getContainingBlock, getDocumentElement, getFrameElement, getNearestOverflowAncestor, getNodeName, getNodeScroll, getOverflowAncestors, getParentNode, getWindow, isContainingBlock, isElement, isHTMLElement, isLastTraversableNode, isNode, isOverflowElement, isShadowRoot, isTableElement, isTopLayer, isWebKit };\n"],"names":["hasWindow","getNodeName","node","isNode","getWindow","_node$ownerDocument","getDocumentElement","_ref","value","isElement","isHTMLElement","isShadowRoot","isOverflowElement","element","overflow","overflowX","overflowY","display","getComputedStyle","isTableElement","isTopLayer","selector","isContainingBlock","elementOrCss","webkit","isWebKit","css","getContainingBlock","currentNode","getParentNode","isLastTraversableNode","getNodeScroll","result","getNearestOverflowAncestor","parentNode","getOverflowAncestors","list","traverseIframes","_node$ownerDocument2","scrollableAncestor","isBody","win","frameElement","getFrameElement"],"mappings":"AAAA,SAASA,IAAY;AACnB,SAAO,OAAO,SAAW;AAC3B;AACA,SAASC,EAAYC,GAAM;AACzB,SAAIC,EAAOD,CAAI,KACLA,EAAK,YAAY,IAAI,YAAa,IAKrC;AACT;AACA,SAASE,EAAUF,GAAM;AACvB,MAAIG;AACJ,UAAQH,KAAQ,SAASG,IAAsBH,EAAK,kBAAkB,OAAO,SAASG,EAAoB,gBAAgB;AAC5H;AACA,SAASC,EAAmBJ,GAAM;AAChC,MAAIK;AACJ,UAAQA,KAAQJ,EAAOD,CAAI,IAAIA,EAAK,gBAAgBA,EAAK,aAAa,OAAO,aAAa,OAAO,SAASK,EAAK;AACjH;AACA,SAASJ,EAAOK,GAAO;AACrB,SAAKR,EAAS,IAGPQ,aAAiB,QAAQA,aAAiBJ,EAAUI,CAAK,EAAE,OAFzD;AAGX;AACA,SAASC,EAAUD,GAAO;AACxB,SAAKR,EAAS,IAGPQ,aAAiB,WAAWA,aAAiBJ,EAAUI,CAAK,EAAE,UAF5D;AAGX;AACA,SAASE,EAAcF,GAAO;AAC5B,SAAKR,EAAS,IAGPQ,aAAiB,eAAeA,aAAiBJ,EAAUI,CAAK,EAAE,cAFhE;AAGX;AACA,SAASG,EAAaH,GAAO;AAC3B,SAAI,CAACR,EAAS,KAAM,OAAO,aAAe,MACjC,KAEFQ,aAAiB,cAAcA,aAAiBJ,EAAUI,CAAK,EAAE;AAC1E;AACA,SAASI,EAAkBC,GAAS;AAClC,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,WAAAC;AAAA,IACA,SAAAC;AAAA,EACJ,IAAMC,EAAiBL,CAAO;AAC5B,SAAO,kCAAkC,KAAKC,IAAWE,IAAYD,CAAS,KAAK,CAAC,CAAC,UAAU,UAAU,EAAE,SAASE,CAAO;AAC7H;AACA,SAASE,EAAeN,GAAS;AAC/B,SAAO,CAAC,SAAS,MAAM,IAAI,EAAE,SAASZ,EAAYY,CAAO,CAAC;AAC5D;AACA,SAASO,EAAWP,GAAS;AAC3B,SAAO,CAAC,iBAAiB,QAAQ,EAAE,KAAK,CAAAQ,MAAY;AAClD,QAAI;AACF,aAAOR,EAAQ,QAAQQ,CAAQ;AAAA,IAChC,QAAW;AACV,aAAO;AAAA,IACb;AAAA,EACA,CAAG;AACH;AACA,SAASC,EAAkBC,GAAc;AACvC,QAAMC,IAASC,EAAU,GACnBC,IAAMjB,EAAUc,CAAY,IAAIL,EAAiBK,CAAY,IAAIA;AAIvE,SAAO,CAAC,aAAa,aAAa,SAAS,UAAU,aAAa,EAAE,KAAK,CAAAf,MAASkB,EAAIlB,CAAK,IAAIkB,EAAIlB,CAAK,MAAM,SAAS,EAAK,MAAMkB,EAAI,gBAAgBA,EAAI,kBAAkB,WAAW,OAAU,CAACF,MAAWE,EAAI,iBAAiBA,EAAI,mBAAmB,SAAS,OAAU,CAACF,MAAWE,EAAI,SAASA,EAAI,WAAW,SAAS,OAAU,CAAC,aAAa,aAAa,SAAS,UAAU,eAAe,QAAQ,EAAE,KAAK,CAAAlB,OAAUkB,EAAI,cAAc,IAAI,SAASlB,CAAK,CAAC,KAAK,CAAC,SAAS,UAAU,UAAU,SAAS,EAAE,KAAK,CAAAA,OAAUkB,EAAI,WAAW,IAAI,SAASlB,CAAK,CAAC;AACniB;AACA,SAASmB,EAAmBd,GAAS;AACnC,MAAIe,IAAcC,EAAchB,CAAO;AACvC,SAAOH,EAAckB,CAAW,KAAK,CAACE,EAAsBF,CAAW,KAAG;AACxE,QAAIN,EAAkBM,CAAW;AAC/B,aAAOA;AACF,QAAIR,EAAWQ,CAAW;AAC/B,aAAO;AAET,IAAAA,IAAcC,EAAcD,CAAW;AAAA,EAC3C;AACE,SAAO;AACT;AACA,SAASH,IAAW;AAClB,SAAI,OAAO,MAAQ,OAAe,CAAC,IAAI,WAAiB,KACjD,IAAI,SAAS,2BAA2B,MAAM;AACvD;AACA,SAASK,EAAsB5B,GAAM;AACnC,SAAO,CAAC,QAAQ,QAAQ,WAAW,EAAE,SAASD,EAAYC,CAAI,CAAC;AACjE;AACA,SAASgB,EAAiBL,GAAS;AACjC,SAAOT,EAAUS,CAAO,EAAE,iBAAiBA,CAAO;AACpD;AACA,SAASkB,EAAclB,GAAS;AAC9B,SAAIJ,EAAUI,CAAO,IACZ;AAAA,IACL,YAAYA,EAAQ;AAAA,IACpB,WAAWA,EAAQ;AAAA,EACpB,IAEI;AAAA,IACL,YAAYA,EAAQ;AAAA,IACpB,WAAWA,EAAQ;AAAA,EACpB;AACH;AACA,SAASgB,EAAc3B,GAAM;AAC3B,MAAID,EAAYC,CAAI,MAAM;AACxB,WAAOA;AAET,QAAM8B;AAAA;AAAA,IAEN9B,EAAK;AAAA,IAELA,EAAK;AAAA,IAELS,EAAaT,CAAI,KAAKA,EAAK;AAAA,IAE3BI,EAAmBJ,CAAI;AAAA;AACvB,SAAOS,EAAaqB,CAAM,IAAIA,EAAO,OAAOA;AAC9C;AACA,SAASC,EAA2B/B,GAAM;AACxC,QAAMgC,IAAaL,EAAc3B,CAAI;AACrC,SAAI4B,EAAsBI,CAAU,IAC3BhC,EAAK,gBAAgBA,EAAK,cAAc,OAAOA,EAAK,OAEzDQ,EAAcwB,CAAU,KAAKtB,EAAkBsB,CAAU,IACpDA,IAEFD,EAA2BC,CAAU;AAC9C;AACA,SAASC,EAAqBjC,GAAMkC,GAAMC,GAAiB;AACzD,MAAIC;AACJ,EAAIF,MAAS,WACXA,IAAO,CAAE,IAEPC,MAAoB,WACtBA,IAAkB;AAEpB,QAAME,IAAqBN,EAA2B/B,CAAI,GACpDsC,IAASD,QAAyBD,IAAuBpC,EAAK,kBAAkB,OAAO,SAASoC,EAAqB,OACrHG,IAAMrC,EAAUmC,CAAkB;AACxC,MAAIC,GAAQ;AACV,UAAME,IAAeC,EAAgBF,CAAG;AACxC,WAAOL,EAAK,OAAOK,GAAKA,EAAI,kBAAkB,CAAE,GAAE7B,EAAkB2B,CAAkB,IAAIA,IAAqB,CAAE,GAAEG,KAAgBL,IAAkBF,EAAqBO,CAAY,IAAI,EAAE;AAAA,EAChM;AACE,SAAON,EAAK,OAAOG,GAAoBJ,EAAqBI,GAAoB,CAAA,GAAIF,CAAe,CAAC;AACtG;AACA,SAASM,EAAgBF,GAAK;AAC5B,SAAOA,EAAI,UAAU,OAAO,eAAeA,EAAI,MAAM,IAAIA,EAAI,eAAe;AAC9E;","x_google_ignoreList":[0]}

package/dist/index.es447.js

@@ -1,12 +1,18 @@
-import { styleHookSingleton as o } from "./index.es453.js";
-var s = function() {
-  var e = o(), n = function(t) {
-    var r = t.styles, l = t.dynamic;
-    return e(r, l), null;
-  };
-  return n;
+import { useEffect as l } from "react";
+const f = (t, n) => {
+  l(() => {
+    if (!n || !t.current) return;
+    const o = t.current.querySelectorAll(
+      'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
+    ), c = o[0], r = o[o.length - 1], s = (e) => {
+      e.key === "Tab" && (e.shiftKey ? document.activeElement === c && (r.focus(), e.preventDefault()) : document.activeElement === r && (c.focus(), e.preventDefault()));
+    }, u = document.activeElement;
+    return c.focus(), document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s), n && (u == null || u.focus());
+    };
+  }, [n, t]);
 };
 export {
-  s as styleSingleton
+  f as useFocusTrap
 };
 //# sourceMappingURL=index.es447.js.map

package/dist/index.es447.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es447.js","sources":["../node_modules/react-style-singleton/dist/es2015/component.js"],"sourcesContent":["import { styleHookSingleton } from './hook';\n/**\n * create a Component to add styles on demand\n * - styles are added when first instance is mounted\n * - styles are removed when the last instance is unmounted\n * - changing styles in runtime does nothing unless dynamic is set. But with multiple components that can lead to the undefined behavior\n */\nexport var styleSingleton = function () {\n    var useStyle = styleHookSingleton();\n    var Sheet = function (_a) {\n        var styles = _a.styles, dynamic = _a.dynamic;\n        useStyle(styles, dynamic);\n        return null;\n    };\n    return Sheet;\n};\n"],"names":["styleSingleton","useStyle","styleHookSingleton","Sheet","_a","styles","dynamic"],"mappings":";AAOU,IAACA,IAAiB,WAAY;AACpC,MAAIC,IAAWC,EAAoB,GAC/BC,IAAQ,SAAUC,GAAI;AACtB,QAAIC,IAASD,EAAG,QAAQE,IAAUF,EAAG;AACrC,WAAAH,EAASI,GAAQC,CAAO,GACjB;AAAA,EACV;AACD,SAAOH;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es447.js","sources":["../src/hooks/useFocusTrap.ts"],"sourcesContent":["import { useEffect } from \"react\";\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  isActive: boolean,\n) => {\n  useEffect(() => {\n    if (!isActive || !ref.current) return;\n\n    const focusableElements = ref.current.querySelectorAll(\n      'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n    );\n    const firstFocusableElement = focusableElements[0] as HTMLElement;\n    const lastFocusableElement = focusableElements[\n      focusableElements.length - 1\n    ] as HTMLElement;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      if (e.key !== \"Tab\") return;\n\n      if (e.shiftKey) {\n        if (document.activeElement === firstFocusableElement) {\n          lastFocusableElement.focus();\n          e.preventDefault();\n        }\n      } else {\n        if (document.activeElement === lastFocusableElement) {\n          firstFocusableElement.focus();\n          e.preventDefault();\n        }\n      }\n    };\n\n    const previousActiveElement = document.activeElement as HTMLElement;\n\n    firstFocusableElement.focus();\n\n    document.addEventListener(\"keydown\", handleKeyDown);\n\n    return () => {\n      document.removeEventListener(\"keydown\", handleKeyDown);\n\n      if (isActive) {\n        previousActiveElement?.focus();\n      }\n    };\n  }, [isActive, ref]);\n};\n"],"names":["useFocusTrap","ref","isActive","useEffect","focusableElements","firstFocusableElement","lastFocusableElement","handleKeyDown","previousActiveElement"],"mappings":";AAEa,MAAAA,IAAe,CAC1BC,GACAC,MACG;AACH,EAAAC,EAAU,MAAM;AACd,QAAI,CAACD,KAAY,CAACD,EAAI,QAAS;AAEzB,UAAAG,IAAoBH,EAAI,QAAQ;AAAA,MACpC;AAAA,IACF,GACMI,IAAwBD,EAAkB,CAAC,GAC3CE,IAAuBF,EAC3BA,EAAkB,SAAS,CAC7B,GAEMG,IAAgB,CAAC,MAAqB;AACtC,MAAA,EAAE,QAAQ,UAEV,EAAE,WACA,SAAS,kBAAkBF,MAC7BC,EAAqB,MAAM,GAC3B,EAAE,eAAe,KAGf,SAAS,kBAAkBA,MAC7BD,EAAsB,MAAM,GAC5B,EAAE,eAAe;AAAA,IAGvB,GAEMG,IAAwB,SAAS;AAEvC,WAAAH,EAAsB,MAAM,GAEnB,SAAA,iBAAiB,WAAWE,CAAa,GAE3C,MAAM;AACF,eAAA,oBAAoB,WAAWA,CAAa,GAEjDL,MACFM,KAAA,QAAAA,EAAuB;AAAA,IAE3B;AAAA,EAAA,GACC,CAACN,GAAUD,CAAG,CAAC;AACpB;"}

package/dist/index.es462.js

@@ -1,5 +1,5 @@
-import { asChildPropDef as r } from "./index.es476.js";
-import { radiusPropDef as o } from "./index.es477.js";
+import { asChildPropDef as r } from "./index.es477.js";
+import { radiusPropDef as o } from "./index.es478.js";
 const s = ["1", "2", "3"], l = { ...r, size: { values: s, default: "1" }, ...o, scrollbars: { default: "both" } };
 export {
   l as scrollAreaPropDefs

package/dist/index.es465.js

@@ -1,6 +1,6 @@
-import { breakpoints as l } from "./index.es478.js";
-import { hasOwnProperty as p } from "./index.es479.js";
-import { isResponsiveObject as m } from "./index.es480.js";
+import { breakpoints as l } from "./index.es479.js";
+import { hasOwnProperty as p } from "./index.es480.js";
+import { isResponsiveObject as m } from "./index.es481.js";
 function V({ className: n, customProperties: i, ...t }) {
   const u = v({ allowArbitraryValues: !0, className: n, ...t }), s = d({ customProperties: i, ...t });
   return [u, s];

package/dist/index.es468.js

@@ -1,13 +1,13 @@
 import * as c from "react";
-import { Primitive as L } from "./index.es389.js";
-import { Presence as O } from "./index.es398.js";
-import { createContextScope as le } from "./index.es387.js";
-import { useComposedRefs as T } from "./index.es386.js";
-import { useCallbackRef as x } from "./index.es425.js";
-import { useDirection as ce } from "./index.es422.js";
-import { useLayoutEffect as se } from "./index.es420.js";
-import { clamp as ie } from "./index.es481.js";
-import { composeEventHandlers as C } from "./index.es385.js";
+import { Primitive as L } from "./index.es401.js";
+import { Presence as O } from "./index.es400.js";
+import { createContextScope as le } from "./index.es394.js";
+import { useComposedRefs as T } from "./index.es393.js";
+import { useCallbackRef as x } from "./index.es412.js";
+import { useDirection as ce } from "./index.es432.js";
+import { useLayoutEffect as se } from "./index.es411.js";
+import { clamp as ie } from "./index.es482.js";
+import { composeEventHandlers as C } from "./index.es392.js";
 import { j as b } from "./index.es212.js";
 function ae(e, t) {
   return c.useReducer((r, l) => t[r][l] ?? r, e);

package/dist/index.es476.js

@@ -1,5 +1,3 @@
-const o = { asChild: { type: "boolean" } };
-export {
-  o as asChildPropDef
-};
+import { __require as e } from "./index.es483.js";
+e();
 //# sourceMappingURL=index.es476.js.map

package/dist/index.es476.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es476.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/as-child.prop.js"],"sourcesContent":["const o={asChild:{type:\"boolean\"}};export{o as asChildPropDef};\n//# sourceMappingURL=as-child.prop.js.map\n"],"names":[],"mappings":"AAAK,MAAC,IAAE,EAAC,SAAQ,EAAC,MAAK,UAAS,EAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es476.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/index.es477.js

@@ -1,6 +1,5 @@
-const e = ["none", "small", "medium", "large", "full"], a = { radius: { type: "enum", values: e, default: void 0 } };
+const o = { asChild: { type: "boolean" } };
 export {
-  e as radii,
-  a as radiusPropDef
+  o as asChildPropDef
 };
 //# sourceMappingURL=index.es477.js.map

package/dist/index.es477.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es477.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/radius.prop.js"],"sourcesContent":["const e=[\"none\",\"small\",\"medium\",\"large\",\"full\"],r={radius:{type:\"enum\",values:e,default:void 0}};export{e as radii,r as radiusPropDef};\n//# sourceMappingURL=radius.prop.js.map\n"],"names":["r"],"mappings":"AAAK,MAAC,IAAE,CAAC,QAAO,SAAQ,UAAS,SAAQ,MAAM,GAAEA,IAAE,EAAC,QAAO,EAAC,MAAK,QAAO,QAAO,GAAE,SAAQ,OAAM,EAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es477.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/as-child.prop.js"],"sourcesContent":["const o={asChild:{type:\"boolean\"}};export{o as asChildPropDef};\n//# sourceMappingURL=as-child.prop.js.map\n"],"names":[],"mappings":"AAAK,MAAC,IAAE,EAAC,SAAQ,EAAC,MAAK,UAAS,EAAC;","x_google_ignoreList":[0]}

package/dist/index.es478.js

@@ -1,5 +1,6 @@
-const s = ["initial", "xs", "sm", "md", "lg", "xl"];
+const e = ["none", "small", "medium", "large", "full"], a = { radius: { type: "enum", values: e, default: void 0 } };
 export {
-  s as breakpoints
+  e as radii,
+  a as radiusPropDef
 };
 //# sourceMappingURL=index.es478.js.map

package/dist/index.es478.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es478.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/prop-def.js"],"sourcesContent":["const e=[\"initial\",\"xs\",\"sm\",\"md\",\"lg\",\"xl\"];export{e as breakpoints};\n//# sourceMappingURL=prop-def.js.map\n"],"names":["e"],"mappings":"AAAK,MAACA,IAAE,CAAC,WAAU,MAAK,MAAK,MAAK,MAAK,IAAI;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es478.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/radius.prop.js"],"sourcesContent":["const e=[\"none\",\"small\",\"medium\",\"large\",\"full\"],r={radius:{type:\"enum\",values:e,default:void 0}};export{e as radii,r as radiusPropDef};\n//# sourceMappingURL=radius.prop.js.map\n"],"names":["r"],"mappings":"AAAK,MAAC,IAAE,CAAC,QAAO,SAAQ,UAAS,SAAQ,MAAM,GAAEA,IAAE,EAAC,QAAO,EAAC,MAAK,QAAO,QAAO,GAAE,SAAQ,OAAM,EAAC;","x_google_ignoreList":[0]}

package/dist/index.es479.js

@@ -1,7 +1,5 @@
-function e(r, t) {
-  return Object.prototype.hasOwnProperty.call(r, t);
-}
+const s = ["initial", "xs", "sm", "md", "lg", "xl"];
 export {
-  e as hasOwnProperty
+  s as breakpoints
 };
 //# sourceMappingURL=index.es479.js.map

package/dist/index.es479.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es479.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/has-own-property.js"],"sourcesContent":["function e(n,r){return Object.prototype.hasOwnProperty.call(n,r)}export{e as hasOwnProperty};\n//# sourceMappingURL=has-own-property.js.map\n"],"names":["n","r"],"mappings":"AAAA,SAAS,EAAEA,GAAEC,GAAE;AAAC,SAAO,OAAO,UAAU,eAAe,KAAKD,GAAEC,CAAC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es479.js","sources":["../node_modules/@radix-ui/themes/dist/esm/props/prop-def.js"],"sourcesContent":["const e=[\"initial\",\"xs\",\"sm\",\"md\",\"lg\",\"xl\"];export{e as breakpoints};\n//# sourceMappingURL=prop-def.js.map\n"],"names":["e"],"mappings":"AAAK,MAACA,IAAE,CAAC,WAAU,MAAK,MAAK,MAAK,MAAK,IAAI;","x_google_ignoreList":[0]}

package/dist/index.es480.js

@@ -1,8 +1,7 @@
-import { breakpoints as s } from "./index.es478.js";
-function i(e) {
-  return typeof e == "object" && Object.keys(e).some((o) => s.includes(o));
+function e(r, t) {
+  return Object.prototype.hasOwnProperty.call(r, t);
 }
 export {
-  i as isResponsiveObject
+  e as hasOwnProperty
 };
 //# sourceMappingURL=index.es480.js.map

package/dist/index.es480.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es480.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/is-responsive-object.js"],"sourcesContent":["import{breakpoints as o}from\"../props/prop-def.js\";function i(e){return typeof e==\"object\"&&Object.keys(e).some(s=>o.includes(s))}export{i as isResponsiveObject};\n//# sourceMappingURL=is-responsive-object.js.map\n"],"names":["e","s","o"],"mappings":";AAAmD,SAAS,EAAEA,GAAE;AAAC,SAAO,OAAOA,KAAG,YAAU,OAAO,KAAKA,CAAC,EAAE,KAAK,CAAAC,MAAGC,EAAE,SAASD,CAAC,CAAC;AAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es480.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/has-own-property.js"],"sourcesContent":["function e(n,r){return Object.prototype.hasOwnProperty.call(n,r)}export{e as hasOwnProperty};\n//# sourceMappingURL=has-own-property.js.map\n"],"names":["n","r"],"mappings":"AAAA,SAAS,EAAEA,GAAEC,GAAE;AAAC,SAAO,OAAO,UAAU,eAAe,KAAKD,GAAEC,CAAC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es481.js

@@ -1,7 +1,8 @@
-function m(t, [a, n]) {
-  return Math.min(n, Math.max(a, t));
+import { breakpoints as s } from "./index.es479.js";
+function i(e) {
+  return typeof e == "object" && Object.keys(e).some((o) => s.includes(o));
 }
 export {
-  m as clamp
+  i as isResponsiveObject
 };
 //# sourceMappingURL=index.es481.js.map

package/dist/index.es481.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es481.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"AACA,SAASA,EAAMC,GAAO,CAACC,GAAKC,CAAG,GAAG;AAChC,SAAO,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC;AAC3C;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es481.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/is-responsive-object.js"],"sourcesContent":["import{breakpoints as o}from\"../props/prop-def.js\";function i(e){return typeof e==\"object\"&&Object.keys(e).some(s=>o.includes(s))}export{i as isResponsiveObject};\n//# sourceMappingURL=is-responsive-object.js.map\n"],"names":["e","s","o"],"mappings":";AAAmD,SAAS,EAAEA,GAAE;AAAC,SAAO,OAAOA,KAAG,YAAU,OAAO,KAAKA,CAAC,EAAE,KAAK,CAAAC,MAAGC,EAAE,SAASD,CAAC,CAAC;AAAC;","x_google_ignoreList":[0]}

package/dist/index.es482.js

@@ -1,3 +1,7 @@
-import { __require as e } from "./index.es483.js";
-e();
+function m(t, [a, n]) {
+  return Math.min(n, Math.max(a, t));
+}
+export {
+  m as clamp
+};
 //# sourceMappingURL=index.es482.js.map

package/dist/index.es482.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es482.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
+{"version":3,"file":"index.es482.js","sources":["../node_modules/@radix-ui/number/dist/index.mjs"],"sourcesContent":["// packages/core/number/src/number.ts\nfunction clamp(value, [min, max]) {\n  return Math.min(max, Math.max(min, value));\n}\nexport {\n  clamp\n};\n//# sourceMappingURL=index.mjs.map\n"],"names":["clamp","value","min","max"],"mappings":"AACA,SAASA,EAAMC,GAAO,CAACC,GAAKC,CAAG,GAAG;AAChC,SAAO,KAAK,IAAIA,GAAK,KAAK,IAAID,GAAKD,CAAK,CAAC;AAC3C;","x_google_ignoreList":[0]}

package/dist/index.es57.js

@@ -1,5 +1,5 @@
 import { j as s } from "./index.es212.js";
-import { createColorClasses as l } from "./index.es229.js";
+import { createColorClasses as l } from "./index.es227.js";
 import { clsx as x } from "./index.es214.js";
 const p = ({
   initials: e,

package/dist/index.es6.js

@@ -1,7 +1,7 @@
 import { j as p } from "./index.es212.js";
 import { clsx as l } from "./index.es214.js";
 import { useMemo as u } from "react";
-import { createSpacingClasses as x } from "./index.es227.js";
+import { createSpacingClasses as x } from "./index.es228.js";
 import './components/ui/Container/Container.css';/* empty css            */
 const v = ({
   as: o,

package/dist/index.es7.js

@@ -1,7 +1,7 @@
 import { j as a } from "./index.es212.js";
 import { useMemo as i } from "react";
 import { clsx as m } from "./index.es214.js";
-import { createSpacingClasses as c } from "./index.es227.js";
+import { createSpacingClasses as c } from "./index.es228.js";
 const g = ({
   as: o,
   className: r,

package/dist/index.es8.js

@@ -1,7 +1,7 @@
 import { j as g } from "./index.es212.js";
 import { useMemo as s } from "react";
 import { clsx as x } from "./index.es214.js";
-import { createSpacingClasses as f } from "./index.es227.js";
+import { createSpacingClasses as f } from "./index.es228.js";
 const v = ({
   as: e,
   className: i,

package/dist/index.es9.js

@@ -1,8 +1,8 @@
 import { j as x } from "./index.es212.js";
 import { useMemo as y } from "react";
 import { clsx as g } from "./index.es214.js";
-import { createSpacingClasses as j } from "./index.es227.js";
-import { createColorClasses as u } from "./index.es229.js";
+import { createSpacingClasses as j } from "./index.es228.js";
+import { createColorClasses as u } from "./index.es227.js";
 import { createTypographyClasses as h } from "./index.es230.js";
 const E = ({
   as: o,