@anoki/fse-ui 1.0.551 → 1.0.552

package/dist/index.es409.js

@@ -1,9 +1,72 @@
-function o(...n) {
-  let e = {};
-  for (const t of n) t && (e = { ...e, ...t });
-  return Object.keys(e).length ? e : void 0;
-}
+import * as d from "react";
+import { styleSingleton as f } from "./index.es410.js";
+import { noScrollbarsClassName as p, zeroRightClassName as g, fullWidthClassName as l, removedBarSizeVariable as v } from "./index.es392.js";
+import { getGapWidth as m } from "./index.es416.js";
+var b = f(), e = "data-scroll-locked", h = function(n, a, o, t) {
+  var r = n.left, i = n.top, s = n.right, c = n.gap;
+  return o === void 0 && (o = "margin"), `
+  .`.concat(p, ` {
+   overflow: hidden `).concat(t, `;
+   padding-right: `).concat(c, "px ").concat(t, `;
+  }
+  body[`).concat(e, `] {
+    overflow: hidden `).concat(t, `;
+    overscroll-behavior: contain;
+    `).concat([
+    a && "position: relative ".concat(t, ";"),
+    o === "margin" && `
+    padding-left: `.concat(r, `px;
+    padding-top: `).concat(i, `px;
+    padding-right: `).concat(s, `px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(c, "px ").concat(t, `;
+    `),
+    o === "padding" && "padding-right: ".concat(c, "px ").concat(t, ";")
+  ].filter(Boolean).join(""), `
+  }
+  
+  .`).concat(g, ` {
+    right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(l, ` {
+    margin-right: `).concat(c, "px ").concat(t, `;
+  }
+  
+  .`).concat(g, " .").concat(g, ` {
+    right: 0 `).concat(t, `;
+  }
+  
+  .`).concat(l, " .").concat(l, ` {
+    margin-right: 0 `).concat(t, `;
+  }
+  
+  body[`).concat(e, `] {
+    `).concat(v, ": ").concat(c, `px;
+  }
+`);
+}, u = function() {
+  var n = parseInt(document.body.getAttribute(e) || "0", 10);
+  return isFinite(n) ? n : 0;
+}, x = function() {
+  d.useEffect(function() {
+    return document.body.setAttribute(e, (u() + 1).toString()), function() {
+      var n = u() - 1;
+      n <= 0 ? document.body.removeAttribute(e) : document.body.setAttribute(e, n.toString());
+    };
+  }, []);
+}, C = function(n) {
+  var a = n.noRelative, o = n.noImportant, t = n.gapMode, r = t === void 0 ? "margin" : t;
+  x();
+  var i = d.useMemo(function() {
+    return m(r);
+  }, [r]);
+  return d.createElement(b, { styles: h(i, !a, r, o ? "" : "!important") });
+};
 export {
-  o as mergeStyles
+  C as RemoveScrollBar,
+  e as lockAttribute,
+  x as useLockAttribute
 };
 //# sourceMappingURL=index.es409.js.map

package/dist/index.es409.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es409.js","sources":["../node_modules/@radix-ui/themes/dist/esm/helpers/merge-styles.js"],"sourcesContent":["function l(...t){let e={};for(const n of t)n&&(e={...e,...n});return Object.keys(e).length?e:void 0}export{l as mergeStyles};\n//# sourceMappingURL=merge-styles.js.map\n"],"names":["l","t","n"],"mappings":"AAAA,SAASA,KAAKC,GAAE;AAAC,MAAI,IAAE;AAAG,aAAUC,KAAKD,EAAE,CAAAC,MAAI,IAAE,EAAC,GAAG,GAAE,GAAGA,EAAC;AAAG,SAAO,OAAO,KAAK,CAAC,EAAE,SAAO,IAAE;AAAM;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es409.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]}

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\nimport { useRef, useState } from \"react\";\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\nimport { Col } from \"../Col\";\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\n\ntype CardSelectDoctorProps = {\n  id: string;\n  title: string;\n  titleTag?: HeadingLevel;\n  href?: string;\n  description?: string;\n  isExternal?: boolean;\n  showIcon?: boolean;\n  asLink?: \"a\";\n  className?: string;\n  setSelectedCard?: (id: string) => void;\n  description2?: string;\n  keepSelectionOnNavigation?: boolean;\n  disabled?: boolean;\n};\n\nexport const CardSelectDoctor = ({\n  id,\n  title,\n  titleTag: TitleTag = \"h3\",\n  description,\n  className,\n  setSelectedCard = () => {},\n  description2,\n  keepSelectionOnNavigation = false,\n  disabled = false,\n}: CardSelectDoctorProps) => {\n  const [isActive, setIsActive] = useState(false);\n  const dropdownRef = useRef<HTMLDivElement>(null);\n  useClickOutside(\n    dropdownRef,\n    isActive,\n    () => setIsActive(false),\n    () => setSelectedCard(\"\"),\n    keepSelectionOnNavigation,\n  );\n\n  const CheckIcon = () => (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 12 12\"\n      fill=\"none\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      aria-hidden=\"true\"\n    >\n      <path\n        d=\"M10 3L4.5 8.5L2 6\"\n        stroke=\"white\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n\n  // Generate class names based on active and disabled states\n  const cardClasses = `${className} ${\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\n  }`;\n\n  // Handle click only if not disabled\n  const handleClick = () => {\n    if (!disabled) {\n      setIsActive(true);\n      setSelectedCard(id);\n    }\n  };\n\n  return (\n    <div\n      ref={dropdownRef}\n      className={cardClasses}\n      onClick={handleClick}\n      aria-disabled={disabled}\n    >\n      <CheckboxRadix.Root\n        id={id}\n        checked={isActive}\n        disabled={disabled}\n        // onCheckedChange={onChange}\n        className={\"ui-checkbox-filter\"}\n        // aria-label={labelText}\n      >\n        <CheckboxRadix.Indicator>\n          <CheckIcon />\n        </CheckboxRadix.Indicator>\n      </CheckboxRadix.Root>\n      <Col>\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\n          {title}\n        </TitleTag>\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\n          {description}\n        </p>\n        {description2 && (\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\n            {description2}\n          </p>\n        )}\n      </Col>\n    </div>\n  );\n};\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAuBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AACb,MAA6B;AAC3B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAH;AAAA,IACA,MAAMC,EAAY,EAAK;AAAA,IACvB,MAAML,EAAgB,EAAE;AAAA,IACxBE;AAAA,EACF;AAEA,QAAMQ,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGb,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMU,IAAc,MAAM;AACxB,IAAKV,MACHE,EAAY,EAAI,GAChBL,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeV;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACa,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/ui/CardSelectDoctor/index.tsx"],"sourcesContent":["import \"./CardSelectDoctor.scss\";\r\nimport { useRef, useState } from \"react\";\r\nimport * as CheckboxRadix from \"@radix-ui/react-checkbox\";\r\nimport { useClickOutside } from \"@/hooks/useClickOutside.ts\";\r\nimport { Col } from \"../Col\";\r\ntype HeadingLevel = \"h2\" | \"h3\" | \"h4\";\r\n\r\ntype CardSelectDoctorProps = {\r\n  id: string;\r\n  title: string;\r\n  titleTag?: HeadingLevel;\r\n  href?: string;\r\n  description?: string;\r\n  isExternal?: boolean;\r\n  showIcon?: boolean;\r\n  asLink?: \"a\";\r\n  className?: string;\r\n  setSelectedCard?: (id: string) => void;\r\n  description2?: string;\r\n  keepSelectionOnNavigation?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport const CardSelectDoctor = ({\r\n  id,\r\n  title,\r\n  titleTag: TitleTag = \"h3\",\r\n  description,\r\n  className,\r\n  setSelectedCard = () => {},\r\n  description2,\r\n  keepSelectionOnNavigation = false,\r\n  disabled = false,\r\n}: CardSelectDoctorProps) => {\r\n  const [isActive, setIsActive] = useState(false);\r\n  const dropdownRef = useRef<HTMLDivElement>(null);\r\n  useClickOutside(\r\n    dropdownRef,\r\n    isActive,\r\n    () => setIsActive(false),\r\n    () => setSelectedCard(\"\"),\r\n    keepSelectionOnNavigation,\r\n  );\r\n\r\n  const CheckIcon = () => (\r\n    <svg\r\n      width=\"14\"\r\n      height=\"14\"\r\n      viewBox=\"0 0 12 12\"\r\n      fill=\"none\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      aria-hidden=\"true\"\r\n    >\r\n      <path\r\n        d=\"M10 3L4.5 8.5L2 6\"\r\n        stroke=\"white\"\r\n        strokeWidth=\"2\"\r\n        strokeLinecap=\"round\"\r\n        strokeLinejoin=\"round\"\r\n      />\r\n    </svg>\r\n  );\r\n\r\n  // Generate class names based on active and disabled states\r\n  const cardClasses = `${className} ${\r\n    isActive ? \"ui-is-active\" : \"ui-card-search\"\r\n  } shadow br-x4 px-x24 py-x16 base-row bg-white gap-x16 ${\r\n    disabled ? \"ui-card-disabled\" : \"cursor-pointer\"\r\n  }`;\r\n\r\n  // Handle click only if not disabled\r\n  const handleClick = () => {\r\n    if (!disabled) {\r\n      setIsActive(true);\r\n      setSelectedCard(id);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={dropdownRef}\r\n      className={cardClasses}\r\n      onClick={handleClick}\r\n      aria-disabled={disabled}\r\n    >\r\n      <CheckboxRadix.Root\r\n        id={id}\r\n        checked={isActive}\r\n        disabled={disabled}\r\n        // onCheckedChange={onChange}\r\n        className={\"ui-checkbox-filter\"}\r\n        // aria-label={labelText}\r\n      >\r\n        <CheckboxRadix.Indicator>\r\n          <CheckIcon />\r\n        </CheckboxRadix.Indicator>\r\n      </CheckboxRadix.Root>\r\n      <Col>\r\n        <TitleTag className=\"flex-1 pb-x8 fs-5 md-fs-4 text-slate-20 fw-semibold\">\r\n          {title}\r\n        </TitleTag>\r\n        <p className=\"fs-7 md-fs-custom fw-regular text-slate-28\">\r\n          {description}\r\n        </p>\r\n        {description2 && (\r\n          <p className=\"fs-7 md-fs-custom fw-regular text-slate-28 pt-x16\">\r\n            {description2}\r\n          </p>\r\n        )}\r\n      </Col>\r\n    </div>\r\n  );\r\n};\r\n"],"names":["CardSelectDoctor","id","title","TitleTag","description","className","setSelectedCard","description2","keepSelectionOnNavigation","disabled","isActive","setIsActive","useState","dropdownRef","useRef","useClickOutside","CheckIcon","jsx","cardClasses","handleClick","jsxs","CheckboxRadix.Root","CheckboxRadix.Indicator","Col"],"mappings":";;;;;;AAuBO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAUC,IAAW;AAAA,EACrB,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkB,MAAM;AAAA,EAAC;AAAA,EACzB,cAAAC;AAAA,EACA,2BAAAC,IAA4B;AAAA,EAC5B,UAAAC,IAAW;AACb,MAA6B;AAC3B,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAS,EAAK,GACxCC,IAAcC,EAAuB,IAAI;AAC/C,EAAAC;AAAA,IACEF;AAAA,IACAH;AAAA,IACA,MAAMC,EAAY,EAAK;AAAA,IACvB,MAAML,EAAgB,EAAE;AAAA,IACxBE;AAAA,EACF;AAEA,QAAMQ,IAAY,MAChBC,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACN,eAAY;AAAA,MAEZ,UAAAA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,GAAE;AAAA,UACF,QAAO;AAAA,UACP,aAAY;AAAA,UACZ,eAAc;AAAA,UACd,gBAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB;AAAA,EACF,GAIIC,IAAc,GAAGb,CAAS,IAC9BK,IAAW,iBAAiB,gBAC9B,yDACED,IAAW,qBAAqB,gBAClC,IAGMU,IAAc,MAAM;AACxB,IAAKV,MACHE,EAAY,EAAI,GAChBL,EAAgBL,CAAE;AAAA,EAEtB;AAGE,SAAAmB,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAKP;AAAA,MACL,WAAWK;AAAA,MACX,SAASC;AAAA,MACT,iBAAeV;AAAA,MAEf,UAAA;AAAA,QAAAQ,gBAAAA,EAAA;AAAA,UAACI;AAAAA,UAAA;AAAA,YACC,IAAApB;AAAA,YACA,SAASS;AAAA,YACT,UAAAD;AAAA,YAEA,WAAW;AAAA,YAGX,gCAACa,GAAA,EACC,UAAAL,gBAAAA,MAACD,KAAU,EACb,CAAA;AAAA,UAAA;AAAA,QACF;AAAA,+BACCO,GACC,EAAA,UAAA;AAAA,UAACN,gBAAAA,EAAA,IAAAd,GAAA,EAAS,WAAU,uDACjB,UACHD,GAAA;AAAA,UACCe,gBAAAA,EAAA,IAAA,KAAA,EAAE,WAAU,8CACV,UACHb,GAAA;AAAA,UACCG,KACCU,gBAAAA,EAAA,IAAC,KAAE,EAAA,WAAU,qDACV,UACHV,EAAA,CAAA;AAAA,QAAA,EAEJ,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/index.es410.js

@@ -1,536 +1,12 @@
-import * as c from "react";
-import { Primitive as L } from "./index.es341.js";
-import { Presence as O } from "./index.es346.js";
-import { createContextScope as le } from "./index.es339.js";
-import { useComposedRefs as T } from "./index.es338.js";
-import { useCallbackRef as x } from "./index.es347.js";
-import { useDirection as ce } from "./index.es350.js";
-import { useLayoutEffect as se } from "./index.es359.js";
-import { clamp as ie } from "./index.es419.js";
-import { composeEventHandlers as C } from "./index.es337.js";
-import { j as b } from "./index.es185.js";
-function ae(e, t) {
-  return c.useReducer((r, l) => t[r][l] ?? r, e);
-}
-var U = "ScrollArea", [F, De] = le(U), [de, v] = F(U), q = c.forwardRef(
-  (e, t) => {
-    const {
-      __scopeScrollArea: r,
-      type: l = "hover",
-      dir: o,
-      scrollHideDelay: n = 600,
-      ...s
-    } = e, [i, a] = c.useState(null), [f, d] = c.useState(null), [h, u] = c.useState(null), [S, p] = c.useState(null), [A, Y] = c.useState(null), [P, _] = c.useState(0), [M, D] = c.useState(0), [j, y] = c.useState(!1), [W, H] = c.useState(!1), m = T(t, (R) => a(R)), w = ce(o);
-    return /* @__PURE__ */ b.jsx(
-      de,
-      {
-        scope: r,
-        type: l,
-        dir: w,
-        scrollHideDelay: n,
-        scrollArea: i,
-        viewport: f,
-        onViewportChange: d,
-        content: h,
-        onContentChange: u,
-        scrollbarX: S,
-        onScrollbarXChange: p,
-        scrollbarXEnabled: j,
-        onScrollbarXEnabledChange: y,
-        scrollbarY: A,
-        onScrollbarYChange: Y,
-        scrollbarYEnabled: W,
-        onScrollbarYEnabledChange: H,
-        onCornerWidthChange: _,
-        onCornerHeightChange: D,
-        children: /* @__PURE__ */ b.jsx(
-          L.div,
-          {
-            dir: w,
-            ...s,
-            ref: m,
-            style: {
-              position: "relative",
-              // Pass corner sizes as CSS vars to reduce re-renders of context consumers
-              "--radix-scroll-area-corner-width": P + "px",
-              "--radix-scroll-area-corner-height": M + "px",
-              ...e.style
-            }
-          }
-        )
-      }
-    );
-  }
-);
-q.displayName = U;
-var $ = "ScrollAreaViewport", G = c.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: r, children: l, nonce: o, ...n } = e, s = v($, r), i = c.useRef(null), a = T(t, i, s.onViewportChange);
-    return /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
-      /* @__PURE__ */ b.jsx(
-        "style",
-        {
-          dangerouslySetInnerHTML: {
-            __html: "[data-radix-scroll-area-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-scroll-area-viewport]::-webkit-scrollbar{display:none}"
-          },
-          nonce: o
-        }
-      ),
-      /* @__PURE__ */ b.jsx(
-        L.div,
-        {
-          "data-radix-scroll-area-viewport": "",
-          ...n,
-          ref: a,
-          style: {
-            /**
-             * We don't support `visible` because the intention is to have at least one scrollbar
-             * if this component is used and `visible` will behave like `auto` in that case
-             * https://developer.mozilla.org/en-US/docs/Web/CSS/overflow#description
-             *
-             * We don't handle `auto` because the intention is for the native implementation
-             * to be hidden if using this component. We just want to ensure the node is scrollable
-             * so could have used either `scroll` or `auto` here. We picked `scroll` to prevent
-             * the browser from having to work out whether to render native scrollbars or not,
-             * we tell it to with the intention of hiding them in CSS.
-             */
-            overflowX: s.scrollbarXEnabled ? "scroll" : "hidden",
-            overflowY: s.scrollbarYEnabled ? "scroll" : "hidden",
-            ...e.style
-          },
-          children: /* @__PURE__ */ b.jsx("div", { ref: s.onContentChange, style: { minWidth: "100%", display: "table" }, children: l })
-        }
-      )
-    ] });
-  }
-);
-G.displayName = $;
-var g = "ScrollAreaScrollbar", J = c.forwardRef(
-  (e, t) => {
-    const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), { onScrollbarXEnabledChange: n, onScrollbarYEnabledChange: s } = o, i = e.orientation === "horizontal";
-    return c.useEffect(() => (i ? n(!0) : s(!0), () => {
-      i ? n(!1) : s(!1);
-    }), [i, n, s]), o.type === "hover" ? /* @__PURE__ */ b.jsx(ue, { ...l, ref: t, forceMount: r }) : o.type === "scroll" ? /* @__PURE__ */ b.jsx(fe, { ...l, ref: t, forceMount: r }) : o.type === "auto" ? /* @__PURE__ */ b.jsx(K, { ...l, ref: t, forceMount: r }) : o.type === "always" ? /* @__PURE__ */ b.jsx(V, { ...l, ref: t }) : null;
-  }
-);
-J.displayName = g;
-var ue = c.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), [n, s] = c.useState(!1);
-  return c.useEffect(() => {
-    const i = o.scrollArea;
-    let a = 0;
-    if (i) {
-      const f = () => {
-        window.clearTimeout(a), s(!0);
-      }, d = () => {
-        a = window.setTimeout(() => s(!1), o.scrollHideDelay);
-      };
-      return i.addEventListener("pointerenter", f), i.addEventListener("pointerleave", d), () => {
-        window.clearTimeout(a), i.removeEventListener("pointerenter", f), i.removeEventListener("pointerleave", d);
-      };
-    }
-  }, [o.scrollArea, o.scrollHideDelay]), /* @__PURE__ */ b.jsx(O, { present: r || n, children: /* @__PURE__ */ b.jsx(
-    K,
-    {
-      "data-state": n ? "visible" : "hidden",
-      ...l,
-      ref: t
-    }
-  ) });
-}), fe = c.forwardRef((e, t) => {
-  const { forceMount: r, ...l } = e, o = v(g, e.__scopeScrollArea), n = e.orientation === "horizontal", s = X(() => a("SCROLL_END"), 100), [i, a] = ae("hidden", {
-    hidden: {
-      SCROLL: "scrolling"
-    },
-    scrolling: {
-      SCROLL_END: "idle",
-      POINTER_ENTER: "interacting"
-    },
-    interacting: {
-      SCROLL: "interacting",
-      POINTER_LEAVE: "idle"
-    },
-    idle: {
-      HIDE: "hidden",
-      SCROLL: "scrolling",
-      POINTER_ENTER: "interacting"
-    }
-  });
-  return c.useEffect(() => {
-    if (i === "idle") {
-      const f = window.setTimeout(() => a("HIDE"), o.scrollHideDelay);
-      return () => window.clearTimeout(f);
-    }
-  }, [i, o.scrollHideDelay, a]), c.useEffect(() => {
-    const f = o.viewport, d = n ? "scrollLeft" : "scrollTop";
-    if (f) {
-      let h = f[d];
-      const u = () => {
-        const S = f[d];
-        h !== S && (a("SCROLL"), s()), h = S;
-      };
-      return f.addEventListener("scroll", u), () => f.removeEventListener("scroll", u);
-    }
-  }, [o.viewport, n, a, s]), /* @__PURE__ */ b.jsx(O, { present: r || i !== "hidden", children: /* @__PURE__ */ b.jsx(
-    V,
-    {
-      "data-state": i === "hidden" ? "hidden" : "visible",
-      ...l,
-      ref: t,
-      onPointerEnter: C(e.onPointerEnter, () => a("POINTER_ENTER")),
-      onPointerLeave: C(e.onPointerLeave, () => a("POINTER_LEAVE"))
-    }
-  ) });
-}), K = c.forwardRef((e, t) => {
-  const r = v(g, e.__scopeScrollArea), { forceMount: l, ...o } = e, [n, s] = c.useState(!1), i = e.orientation === "horizontal", a = X(() => {
-    if (r.viewport) {
-      const f = r.viewport.offsetWidth < r.viewport.scrollWidth, d = r.viewport.offsetHeight < r.viewport.scrollHeight;
-      s(i ? f : d);
-    }
-  }, 10);
-  return E(r.viewport, a), E(r.content, a), /* @__PURE__ */ b.jsx(O, { present: l || n, children: /* @__PURE__ */ b.jsx(
-    V,
-    {
-      "data-state": n ? "visible" : "hidden",
-      ...o,
-      ref: t
-    }
-  ) });
-}), V = c.forwardRef((e, t) => {
-  const { orientation: r = "vertical", ...l } = e, o = v(g, e.__scopeScrollArea), n = c.useRef(null), s = c.useRef(0), [i, a] = c.useState({
-    content: 0,
-    viewport: 0,
-    scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
-  }), f = oe(i.viewport, i.content), d = {
-    ...l,
-    sizes: i,
-    onSizesChange: a,
-    hasThumb: f > 0 && f < 1,
-    onThumbChange: (u) => n.current = u,
-    onThumbPointerUp: () => s.current = 0,
-    onThumbPointerDown: (u) => s.current = u
+import { styleHookSingleton as o } from "./index.es417.js";
+var s = function() {
+  var e = o(), n = function(t) {
+    var r = t.styles, l = t.dynamic;
+    return e(r, l), null;
   };
-  function h(u, S) {
-    return ve(u, s.current, i, S);
-  }
-  return r === "horizontal" ? /* @__PURE__ */ b.jsx(
-    he,
-    {
-      ...d,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && n.current) {
-          const u = o.viewport.scrollLeft, S = B(u, i, o.dir);
-          n.current.style.transform = `translate3d(${S}px, 0, 0)`;
-        }
-      },
-      onWheelScroll: (u) => {
-        o.viewport && (o.viewport.scrollLeft = u);
-      },
-      onDragScroll: (u) => {
-        o.viewport && (o.viewport.scrollLeft = h(u, o.dir));
-      }
-    }
-  ) : r === "vertical" ? /* @__PURE__ */ b.jsx(
-    be,
-    {
-      ...d,
-      ref: t,
-      onThumbPositionChange: () => {
-        if (o.viewport && n.current) {
-          const u = o.viewport.scrollTop, S = B(u, i);
-          n.current.style.transform = `translate3d(0, ${S}px, 0)`;
-        }
-      },
-      onWheelScroll: (u) => {
-        o.viewport && (o.viewport.scrollTop = u);
-      },
-      onDragScroll: (u) => {
-        o.viewport && (o.viewport.scrollTop = h(u));
-      }
-    }
-  ) : null;
-}), he = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...o } = e, n = v(g, e.__scopeScrollArea), [s, i] = c.useState(), a = c.useRef(null), f = T(t, a, n.onScrollbarXChange);
-  return c.useEffect(() => {
-    a.current && i(getComputedStyle(a.current));
-  }, [a]), /* @__PURE__ */ b.jsx(
-    Z,
-    {
-      "data-orientation": "horizontal",
-      ...o,
-      ref: f,
-      sizes: r,
-      style: {
-        bottom: 0,
-        left: n.dir === "rtl" ? "var(--radix-scroll-area-corner-width)" : 0,
-        right: n.dir === "ltr" ? "var(--radix-scroll-area-corner-width)" : 0,
-        "--radix-scroll-area-thumb-width": I(r) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.x),
-      onDragScroll: (d) => e.onDragScroll(d.x),
-      onWheelScroll: (d, h) => {
-        if (n.viewport) {
-          const u = n.viewport.scrollLeft + d.deltaX;
-          e.onWheelScroll(u), ne(u, h) && d.preventDefault();
-        }
-      },
-      onResize: () => {
-        a.current && n.viewport && s && l({
-          content: n.viewport.scrollWidth,
-          viewport: n.viewport.offsetWidth,
-          scrollbar: {
-            size: a.current.clientWidth,
-            paddingStart: N(s.paddingLeft),
-            paddingEnd: N(s.paddingRight)
-          }
-        });
-      }
-    }
-  );
-}), be = c.forwardRef((e, t) => {
-  const { sizes: r, onSizesChange: l, ...o } = e, n = v(g, e.__scopeScrollArea), [s, i] = c.useState(), a = c.useRef(null), f = T(t, a, n.onScrollbarYChange);
-  return c.useEffect(() => {
-    a.current && i(getComputedStyle(a.current));
-  }, [a]), /* @__PURE__ */ b.jsx(
-    Z,
-    {
-      "data-orientation": "vertical",
-      ...o,
-      ref: f,
-      sizes: r,
-      style: {
-        top: 0,
-        right: n.dir === "ltr" ? 0 : void 0,
-        left: n.dir === "rtl" ? 0 : void 0,
-        bottom: "var(--radix-scroll-area-corner-height)",
-        "--radix-scroll-area-thumb-height": I(r) + "px",
-        ...e.style
-      },
-      onThumbPointerDown: (d) => e.onThumbPointerDown(d.y),
-      onDragScroll: (d) => e.onDragScroll(d.y),
-      onWheelScroll: (d, h) => {
-        if (n.viewport) {
-          const u = n.viewport.scrollTop + d.deltaY;
-          e.onWheelScroll(u), ne(u, h) && d.preventDefault();
-        }
-      },
-      onResize: () => {
-        a.current && n.viewport && s && l({
-          content: n.viewport.scrollHeight,
-          viewport: n.viewport.offsetHeight,
-          scrollbar: {
-            size: a.current.clientHeight,
-            paddingStart: N(s.paddingTop),
-            paddingEnd: N(s.paddingBottom)
-          }
-        });
-      }
-    }
-  );
-}), [Se, Q] = F(g), Z = c.forwardRef((e, t) => {
-  const {
-    __scopeScrollArea: r,
-    sizes: l,
-    hasThumb: o,
-    onThumbChange: n,
-    onThumbPointerUp: s,
-    onThumbPointerDown: i,
-    onThumbPositionChange: a,
-    onDragScroll: f,
-    onWheelScroll: d,
-    onResize: h,
-    ...u
-  } = e, S = v(g, r), [p, A] = c.useState(null), Y = T(t, (m) => A(m)), P = c.useRef(null), _ = c.useRef(""), M = S.viewport, D = l.content - l.viewport, j = x(d), y = x(a), W = X(h, 10);
-  function H(m) {
-    if (P.current) {
-      const w = m.clientX - P.current.left, R = m.clientY - P.current.top;
-      f({ x: w, y: R });
-    }
-  }
-  return c.useEffect(() => {
-    const m = (w) => {
-      const R = w.target;
-      (p == null ? void 0 : p.contains(R)) && j(w, D);
-    };
-    return document.addEventListener("wheel", m, { passive: !1 }), () => document.removeEventListener("wheel", m, { passive: !1 });
-  }, [M, p, D, j]), c.useEffect(y, [l, y]), E(p, W), E(S.content, W), /* @__PURE__ */ b.jsx(
-    Se,
-    {
-      scope: r,
-      scrollbar: p,
-      hasThumb: o,
-      onThumbChange: x(n),
-      onThumbPointerUp: x(s),
-      onThumbPositionChange: y,
-      onThumbPointerDown: x(i),
-      children: /* @__PURE__ */ b.jsx(
-        L.div,
-        {
-          ...u,
-          ref: Y,
-          style: { position: "absolute", ...u.style },
-          onPointerDown: C(e.onPointerDown, (m) => {
-            m.button === 0 && (m.target.setPointerCapture(m.pointerId), P.current = p.getBoundingClientRect(), _.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", S.viewport && (S.viewport.style.scrollBehavior = "auto"), H(m));
-          }),
-          onPointerMove: C(e.onPointerMove, H),
-          onPointerUp: C(e.onPointerUp, (m) => {
-            const w = m.target;
-            w.hasPointerCapture(m.pointerId) && w.releasePointerCapture(m.pointerId), document.body.style.webkitUserSelect = _.current, S.viewport && (S.viewport.style.scrollBehavior = ""), P.current = null;
-          })
-        }
-      )
-    }
-  );
-}), z = "ScrollAreaThumb", ee = c.forwardRef(
-  (e, t) => {
-    const { forceMount: r, ...l } = e, o = Q(z, e.__scopeScrollArea);
-    return /* @__PURE__ */ b.jsx(O, { present: r || o.hasThumb, children: /* @__PURE__ */ b.jsx(me, { ref: t, ...l }) });
-  }
-), me = c.forwardRef(
-  (e, t) => {
-    const { __scopeScrollArea: r, style: l, ...o } = e, n = v(z, r), s = Q(z, r), { onThumbPositionChange: i } = s, a = T(
-      t,
-      (h) => s.onThumbChange(h)
-    ), f = c.useRef(void 0), d = X(() => {
-      f.current && (f.current(), f.current = void 0);
-    }, 100);
-    return c.useEffect(() => {
-      const h = n.viewport;
-      if (h) {
-        const u = () => {
-          if (d(), !f.current) {
-            const S = we(h, i);
-            f.current = S, i();
-          }
-        };
-        return i(), h.addEventListener("scroll", u), () => h.removeEventListener("scroll", u);
-      }
-    }, [n.viewport, d, i]), /* @__PURE__ */ b.jsx(
-      L.div,
-      {
-        "data-state": s.hasThumb ? "visible" : "hidden",
-        ...o,
-        ref: a,
-        style: {
-          width: "var(--radix-scroll-area-thumb-width)",
-          height: "var(--radix-scroll-area-thumb-height)",
-          ...l
-        },
-        onPointerDownCapture: C(e.onPointerDownCapture, (h) => {
-          const S = h.target.getBoundingClientRect(), p = h.clientX - S.left, A = h.clientY - S.top;
-          s.onThumbPointerDown({ x: p, y: A });
-        }),
-        onPointerUp: C(e.onPointerUp, s.onThumbPointerUp)
-      }
-    );
-  }
-);
-ee.displayName = z;
-var k = "ScrollAreaCorner", re = c.forwardRef(
-  (e, t) => {
-    const r = v(k, e.__scopeScrollArea), l = !!(r.scrollbarX && r.scrollbarY);
-    return r.type !== "scroll" && l ? /* @__PURE__ */ b.jsx(pe, { ...e, ref: t }) : null;
-  }
-);
-re.displayName = k;
-var pe = c.forwardRef((e, t) => {
-  const { __scopeScrollArea: r, ...l } = e, o = v(k, r), [n, s] = c.useState(0), [i, a] = c.useState(0), f = !!(n && i);
-  return E(o.scrollbarX, () => {
-    var h;
-    const d = ((h = o.scrollbarX) == null ? void 0 : h.offsetHeight) || 0;
-    o.onCornerHeightChange(d), a(d);
-  }), E(o.scrollbarY, () => {
-    var h;
-    const d = ((h = o.scrollbarY) == null ? void 0 : h.offsetWidth) || 0;
-    o.onCornerWidthChange(d), s(d);
-  }), f ? /* @__PURE__ */ b.jsx(
-    L.div,
-    {
-      ...l,
-      ref: t,
-      style: {
-        width: n,
-        height: i,
-        position: "absolute",
-        right: o.dir === "ltr" ? 0 : void 0,
-        left: o.dir === "rtl" ? 0 : void 0,
-        bottom: 0,
-        ...e.style
-      }
-    }
-  ) : null;
-});
-function N(e) {
-  return e ? parseInt(e, 10) : 0;
-}
-function oe(e, t) {
-  const r = e / t;
-  return isNaN(r) ? 0 : r;
-}
-function I(e) {
-  const t = oe(e.viewport, e.content), r = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, l = (e.scrollbar.size - r) * t;
-  return Math.max(l, 18);
-}
-function ve(e, t, r, l = "ltr") {
-  const o = I(r), n = o / 2, s = t || n, i = o - s, a = r.scrollbar.paddingStart + s, f = r.scrollbar.size - r.scrollbar.paddingEnd - i, d = r.content - r.viewport, h = l === "ltr" ? [0, d] : [d * -1, 0];
-  return te([a, f], h)(e);
-}
-function B(e, t, r = "ltr") {
-  const l = I(t), o = t.scrollbar.paddingStart + t.scrollbar.paddingEnd, n = t.scrollbar.size - o, s = t.content - t.viewport, i = n - l, a = r === "ltr" ? [0, s] : [s * -1, 0], f = ie(e, a);
-  return te([0, s], [0, i])(f);
-}
-function te(e, t) {
-  return (r) => {
-    if (e[0] === e[1] || t[0] === t[1]) return t[0];
-    const l = (t[1] - t[0]) / (e[1] - e[0]);
-    return t[0] + l * (r - e[0]);
-  };
-}
-function ne(e, t) {
-  return e > 0 && e < t;
-}
-var we = (e, t = () => {
-}) => {
-  let r = { left: e.scrollLeft, top: e.scrollTop }, l = 0;
-  return function o() {
-    const n = { left: e.scrollLeft, top: e.scrollTop }, s = r.left !== n.left, i = r.top !== n.top;
-    (s || i) && t(), r = n, l = window.requestAnimationFrame(o);
-  }(), () => window.cancelAnimationFrame(l);
+  return n;
 };
-function X(e, t) {
-  const r = x(e), l = c.useRef(0);
-  return c.useEffect(() => () => window.clearTimeout(l.current), []), c.useCallback(() => {
-    window.clearTimeout(l.current), l.current = window.setTimeout(r, t);
-  }, [r, t]);
-}
-function E(e, t) {
-  const r = x(t);
-  se(() => {
-    let l = 0;
-    if (e) {
-      const o = new ResizeObserver(() => {
-        cancelAnimationFrame(l), l = window.requestAnimationFrame(r);
-      });
-      return o.observe(e), () => {
-        window.cancelAnimationFrame(l), o.unobserve(e);
-      };
-    }
-  }, [e, r]);
-}
-var je = q, We = G, He = J, ze = ee, Ne = re;
 export {
-  Ne as Corner,
-  je as Root,
-  q as ScrollArea,
-  re as ScrollAreaCorner,
-  J as ScrollAreaScrollbar,
-  ee as ScrollAreaThumb,
-  G as ScrollAreaViewport,
-  He as Scrollbar,
-  ze as Thumb,
-  We as Viewport,
-  De as createScrollAreaScope
+  s as styleSingleton
 };
 //# sourceMappingURL=index.es410.js.map