@amboss/design-system 4.2.2 → 4.2.3

package/build/cjs/components/Layout/RightPanel/RightPanel.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return RightPanel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_constants=require("../-constants"),_registry=require("../registry"),_useLayout=require("../useLayout"),_context=require("../context"),_useBreakpoints=require("../../../shared/useBreakpoints"),_PanelContainer=require("../PanelContainer"),_Sheet=require("../../Sheet/Sheet"),StyledSheetPanelShell=(0,_styled.default)("div",{target:"e12v2el90",label:"StyledSheetPanelShell"})({height:_Sheet.SHEET_MAX_HEIGHT},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwvUmlnaHRQYW5lbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9SaWdodFBhbmVsL1JpZ2h0UGFuZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2xvdCwgU1VCTkFWX09GRlNFVF9WQVIgfSBmcm9tIFwiLi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHtcbiAgdXNlRGVjbGFyZVBhbmVsLFxuICB1c2VMYXlvdXRQb3J0YWwsXG4gIHVzZVJ1bkNhbGxiYWNrT25WYWx1ZUNoYW5nZSxcbn0gZnJvbSBcIi4uL3JlZ2lzdHJ5XCI7XG5pbXBvcnQgeyB1c2VMYXlvdXQgfSBmcm9tIFwiLi4vdXNlTGF5b3V0XCI7XG5pbXBvcnQgeyB1c2VDYW5SZW5kZXJQYW5lbCB9IGZyb20gXCIuLi9jb250ZXh0XCI7XG5pbXBvcnQgeyB1c2VCcmVha3BvaW50cyB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlQnJlYWtwb2ludHNcIjtcbmltcG9ydCB7IFBhbmVsQ29udGFpbmVyIH0gZnJvbSBcIi4uL1BhbmVsQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBTaGVldCwgU0hFRVRfTUFYX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHR5cGUgeyBSaWdodFBhbmVsUHJvcHMgfSBmcm9tIFwiLi4vLXR5cGVzXCI7XG5cbi8vIEdpdmVzIHRoZSBwYW5lbCBzaGVsbCBhIGRlZmluaXRlIGhlaWdodCBpbnNpZGUgdGhlIFNoZWV0ICh3aGljaCBvbmx5IGNhcHNcbi8vIGl0cyBjb250ZW50IGF0IFNIRUVUX01BWF9IRUlHSFQpLiBXaXRoIHRoZSBoZWlnaHQgYm91bmRlZCwgdGhlIFNhbmR3aWNoXG4vLyBpbnNpZGUgUGFuZWxDb250YWluZXIgc2Nyb2xscyBpdHMgYm9keSByZWdpb24gaXRzZWxmLCBzb1xuLy8gYExheW91dC5SaWdodFBhbmVsSGVhZGVyYCAvIGBMYXlvdXQuUmlnaHRQYW5lbEZvb3RlcmAgc3RpY2sgdG8gdGhlIHNoZWV0XG4vLyBlZGdlcyBleGFjdGx5IGFzIHRoZXkgZG8gaW4gdGhlIGRvY2tlZCBwYW5lbC5cbmNvbnN0IFN0eWxlZFNoZWV0UGFuZWxTaGVsbCA9IHN0eWxlZC5kaXYoe1xuICBoZWlnaHQ6IFNIRUVUX01BWF9IRUlHSFQsXG59KTtcblxuLy8gQnVpbHQtaW4gc2xvdDogb2Zmc2V0cyB0aGUgcGFuZWwgY29udGVudCBieSB0aGUgc3VibmF2LW9mZnNldCB2YXIgKDAgd2hlblxuLy8gdW5zZXQpLCB0cmFuc2l0aW9uZWQgd2l0aCB0aGUgdGhlbWUncyBgbmF2U2xpZGVgIHRpbWluZyDigJQgc28gdGhlIHJpZ2h0IHBhbmVsXG4vLyB0cmFja3MgYSBzdGlja3kgc3VibmF2IHdpdGggbm8gd2lyaW5nIG9uIHRoZSBjb25zdW1lcidzIHNpZGUuXG5jb25zdCBTdHlsZWRSaWdodFBhbmVsU2xvdCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvdHRvbTogMCxcbiAgdG9wOiBgdmFyKCR7U1VCTkFWX09GRlNFVF9WQVJ9LCAwcHgpYCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRyYW5zaXRpb246IGB0b3AgJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLnRpbWluZ0Z1bmN0aW9ufWAsXG59KSk7XG5cbi8qKlxuICogUmlnaHQgc2lkZSBwYW5lbC4gRGVjbGFyZXMgdGhlIGByaWdodFBhbmVsYCBzbG90IGFuZCBwb3J0YWxzIGl0cyBjb250ZW50IGludG9cbiAqIHRoZSBHcm91cCdzIGhvc3Qgd2hpbGUgdmlzaWJsZS4gUmVuZGVycyBpbi1mbG93IChhIHJlc2l6YWJsZSBjb2x1bW4pIG9uXG4gKiBkZXNrdG9wIC0gdGhlIG9mZmNhbnZhcyBvdmVybGF5IGlzIGRlZmVycmVkIC0gYW5kIGFzIGEgYm90dG9tIHNoZWV0IGJlbG93XG4gKiB0aGUgbW9iaWxlIGJyZWFrcG9pbnQgKGBTaGVldGAgcG9ydGFscyBpdHNlbGYsIHNvIHRoZSBsYXlvdXQgcG9ydGFsIGlzXG4gKiBieXBhc3NlZCB0aGVyZTsgY29udGVudCByZW1vdW50cyBvbiBhIGJyZWFrcG9pbnQgY3Jvc3MpLiBEb2NrZWQgY29udGVudCBpc1xuICogd3JhcHBlZCBpbiBhIHNsb3QgdGhhdCB0cmFja3MgdGhlIGAtLWRzLWxheW91dC1zdWJuYXYtb2Zmc2V0YCB2YXIuXG4gKiBgTGF5b3V0LlJpZ2h0UGFuZWxIZWFkZXJgIC8gYExheW91dC5SaWdodFBhbmVsRm9vdGVyYCBjaGlsZHJlbiBzdGljayB0byB0aGVcbiAqIHBhbmVsIGVkZ2VzOyB0aGUgcmVtYWluaW5nIGNvbnRlbnQgc2Nyb2xscy5cbiAqL1xuZXhwb3J0IGNvbnN0IFJpZ2h0UGFuZWw6IFJlYWN0LkZDPFJpZ2h0UGFuZWxQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgZGVmYXVsdFNpemUgPSAzNzgsXG4gIG1pblNpemUgPSAzMjgsXG4gIG1heFNpemUgPSBcIjMwJVwiLFxuICBjb2xsYXBzaWJsZSA9IGZhbHNlLFxuICBvblZpc2libGVDaGFuZ2UsXG4gIG9uVmFyaWFudENoYW5nZSxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgc2Nyb2xsQ29udGFpbmVyUmVmLFxuICBvblNjcm9sbCxcbn0pID0+IHtcbiAgY29uc3QgeyBpc1Zpc2libGUsIGhpZGUsIHN0YXRlIH0gPSB1c2VMYXlvdXQoKVtTbG90LnJpZ2h0UGFuZWxdO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBjYW5SZW5kZXIgPSB1c2VDYW5SZW5kZXJQYW5lbCgpO1xuICB1c2VEZWNsYXJlUGFuZWwoU2xvdC5yaWdodFBhbmVsLCB7XG4gICAgZGVmYXVsdFNpemUsXG4gICAgbWluU2l6ZSxcbiAgICBtYXhTaXplLFxuICAgIGNvbGxhcHNpYmxlLFxuICB9KTtcbiAgdXNlUnVuQ2FsbGJhY2tPblZhbHVlQ2hhbmdlKGlzVmlzaWJsZSwgb25WaXNpYmxlQ2hhbmdlKTtcbiAgdXNlUnVuQ2FsbGJhY2tPblZhbHVlQ2hhbmdlKHN0YXRlLnZhcmlhbnQsIG9uVmFyaWFudENoYW5nZSk7XG4gIGNvbnN0IGRvY2tlZFBhbmVsID0gdXNlTGF5b3V0UG9ydGFsKFxuICAgIFNsb3QucmlnaHRQYW5lbCxcbiAgICBjYW5SZW5kZXIgJiYgaXNWaXNpYmxlICYmICFpc01vYmlsZSA/IChcbiAgICAgIDxTdHlsZWRSaWdodFBhbmVsU2xvdD5cbiAgICAgICAgPFBhbmVsQ29udGFpbmVyXG4gICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgIHNjcm9sbENvbnRhaW5lclJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgICAgICAvLyBUaGUgbGVmdCBib3JkZXIgc2VwYXJhdGVzIHRoZSBkb2NrZWQgY29sdW1uIGZyb20gdGhlIGNvbnRlbnQ7IHRoZVxuICAgICAgICAgIC8vIGZsb2F0aW5nIHdpbmRvdyBoYXMgaXRzIG93biBib3JkZXIsIHNvIGRyb3AgaXQgdGhlcmUuXG4gICAgICAgICAgc2hvd0JvcmRlckxlZnQ9e3N0YXRlLnZhcmlhbnQgIT09IFwiZmxvYXRcIn1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9QYW5lbENvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkUmlnaHRQYW5lbFNsb3Q+XG4gICAgKSA6IG51bGxcbiAgKTtcbiAgaWYgKCFjYW5SZW5kZXIpIHJldHVybiBudWxsO1xuICBpZiAoaXNNb2JpbGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgLy8gSW5pdGlhbCBmb2N1cyBpcyBzdXBwcmVzc2VkIHNvIG9wZW5pbmcgdGhlIHNoZWV0IG5ldmVyIHBvcHMgdGhlXG4gICAgICAvLyBvbi1zY3JlZW4ga2V5Ym9hcmQuXG4gICAgICA8U2hlZXRcbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIG9uQ2xvc2U9e2hpZGV9XG4gICAgICAgIGhhc0JhY2tkcm9wXG4gICAgICAgIGRpc21pc3NPbk91dHNpZGVDbGlja1xuICAgICAgICBkaXNhYmxlSW5pdGlhbEZvY3VzXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRTaGVldFBhbmVsU2hlbGw+XG4gICAgICAgICAgPFBhbmVsQ29udGFpbmVyXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICBzY3JvbGxDb250YWluZXJSZWY9e3Njcm9sbENvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9QYW5lbENvbnRhaW5lcj5cbiAgICAgICAgPC9TdHlsZWRTaGVldFBhbmVsU2hlbGw+XG4gICAgICA8L1NoZWV0PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIGRvY2tlZFBhbmVsO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQjhCIn0= */"),StyledRightPanelSlot=(0,_styled.default)("div",{target:"e12v2el91",label:"StyledRightPanelSlot"})(({theme})=>({position:"absolute",left:0,right:0,bottom:0,top:`var(${_constants.SUBNAV_OFFSET_VAR}, 0px)`,overflow:"hidden",transition:`top ${theme.variables.animation.navSlide.open.duration} ${theme.variables.animation.navSlide.open.timingFunction}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwvUmlnaHRQYW5lbC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9SaWdodFBhbmVsL1JpZ2h0UGFuZWwudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2xvdCwgU1VCTkFWX09GRlNFVF9WQVIgfSBmcm9tIFwiLi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHtcbiAgdXNlRGVjbGFyZVBhbmVsLFxuICB1c2VMYXlvdXRQb3J0YWwsXG4gIHVzZVJ1bkNhbGxiYWNrT25WYWx1ZUNoYW5nZSxcbn0gZnJvbSBcIi4uL3JlZ2lzdHJ5XCI7XG5pbXBvcnQgeyB1c2VMYXlvdXQgfSBmcm9tIFwiLi4vdXNlTGF5b3V0XCI7XG5pbXBvcnQgeyB1c2VDYW5SZW5kZXJQYW5lbCB9IGZyb20gXCIuLi9jb250ZXh0XCI7XG5pbXBvcnQgeyB1c2VCcmVha3BvaW50cyB9IGZyb20gXCIuLi8uLi8uLi9zaGFyZWQvdXNlQnJlYWtwb2ludHNcIjtcbmltcG9ydCB7IFBhbmVsQ29udGFpbmVyIH0gZnJvbSBcIi4uL1BhbmVsQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBTaGVldCwgU0hFRVRfTUFYX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9TaGVldC9TaGVldFwiO1xuaW1wb3J0IHR5cGUgeyBSaWdodFBhbmVsUHJvcHMgfSBmcm9tIFwiLi4vLXR5cGVzXCI7XG5cbi8vIEdpdmVzIHRoZSBwYW5lbCBzaGVsbCBhIGRlZmluaXRlIGhlaWdodCBpbnNpZGUgdGhlIFNoZWV0ICh3aGljaCBvbmx5IGNhcHNcbi8vIGl0cyBjb250ZW50IGF0IFNIRUVUX01BWF9IRUlHSFQpLiBXaXRoIHRoZSBoZWlnaHQgYm91bmRlZCwgdGhlIFNhbmR3aWNoXG4vLyBpbnNpZGUgUGFuZWxDb250YWluZXIgc2Nyb2xscyBpdHMgYm9keSByZWdpb24gaXRzZWxmLCBzb1xuLy8gYExheW91dC5SaWdodFBhbmVsSGVhZGVyYCAvIGBMYXlvdXQuUmlnaHRQYW5lbEZvb3RlcmAgc3RpY2sgdG8gdGhlIHNoZWV0XG4vLyBlZGdlcyBleGFjdGx5IGFzIHRoZXkgZG8gaW4gdGhlIGRvY2tlZCBwYW5lbC5cbmNvbnN0IFN0eWxlZFNoZWV0UGFuZWxTaGVsbCA9IHN0eWxlZC5kaXYoe1xuICBoZWlnaHQ6IFNIRUVUX01BWF9IRUlHSFQsXG59KTtcblxuLy8gQnVpbHQtaW4gc2xvdDogb2Zmc2V0cyB0aGUgcGFuZWwgY29udGVudCBieSB0aGUgc3VibmF2LW9mZnNldCB2YXIgKDAgd2hlblxuLy8gdW5zZXQpLCB0cmFuc2l0aW9uZWQgd2l0aCB0aGUgdGhlbWUncyBgbmF2U2xpZGVgIHRpbWluZyDigJQgc28gdGhlIHJpZ2h0IHBhbmVsXG4vLyB0cmFja3MgYSBzdGlja3kgc3VibmF2IHdpdGggbm8gd2lyaW5nIG9uIHRoZSBjb25zdW1lcidzIHNpZGUuXG5jb25zdCBTdHlsZWRSaWdodFBhbmVsU2xvdCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvdHRvbTogMCxcbiAgdG9wOiBgdmFyKCR7U1VCTkFWX09GRlNFVF9WQVJ9LCAwcHgpYCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRyYW5zaXRpb246IGB0b3AgJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLnRpbWluZ0Z1bmN0aW9ufWAsXG59KSk7XG5cbi8qKlxuICogUmlnaHQgc2lkZSBwYW5lbC4gRGVjbGFyZXMgdGhlIGByaWdodFBhbmVsYCBzbG90IGFuZCBwb3J0YWxzIGl0cyBjb250ZW50IGludG9cbiAqIHRoZSBHcm91cCdzIGhvc3Qgd2hpbGUgdmlzaWJsZS4gUmVuZGVycyBpbi1mbG93IChhIHJlc2l6YWJsZSBjb2x1bW4pIG9uXG4gKiBkZXNrdG9wIC0gdGhlIG9mZmNhbnZhcyBvdmVybGF5IGlzIGRlZmVycmVkIC0gYW5kIGFzIGEgYm90dG9tIHNoZWV0IGJlbG93XG4gKiB0aGUgbW9iaWxlIGJyZWFrcG9pbnQgKGBTaGVldGAgcG9ydGFscyBpdHNlbGYsIHNvIHRoZSBsYXlvdXQgcG9ydGFsIGlzXG4gKiBieXBhc3NlZCB0aGVyZTsgY29udGVudCByZW1vdW50cyBvbiBhIGJyZWFrcG9pbnQgY3Jvc3MpLiBEb2NrZWQgY29udGVudCBpc1xuICogd3JhcHBlZCBpbiBhIHNsb3QgdGhhdCB0cmFja3MgdGhlIGAtLWRzLWxheW91dC1zdWJuYXYtb2Zmc2V0YCB2YXIuXG4gKiBgTGF5b3V0LlJpZ2h0UGFuZWxIZWFkZXJgIC8gYExheW91dC5SaWdodFBhbmVsRm9vdGVyYCBjaGlsZHJlbiBzdGljayB0byB0aGVcbiAqIHBhbmVsIGVkZ2VzOyB0aGUgcmVtYWluaW5nIGNvbnRlbnQgc2Nyb2xscy5cbiAqL1xuZXhwb3J0IGNvbnN0IFJpZ2h0UGFuZWw6IFJlYWN0LkZDPFJpZ2h0UGFuZWxQcm9wcz4gPSAoe1xuICBjaGlsZHJlbixcbiAgZGVmYXVsdFNpemUgPSAzNzgsXG4gIG1pblNpemUgPSAzMjgsXG4gIG1heFNpemUgPSBcIjMwJVwiLFxuICBjb2xsYXBzaWJsZSA9IGZhbHNlLFxuICBvblZpc2libGVDaGFuZ2UsXG4gIG9uVmFyaWFudENoYW5nZSxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgc2Nyb2xsQ29udGFpbmVyUmVmLFxuICBvblNjcm9sbCxcbn0pID0+IHtcbiAgY29uc3QgeyBpc1Zpc2libGUsIGhpZGUsIHN0YXRlIH0gPSB1c2VMYXlvdXQoKVtTbG90LnJpZ2h0UGFuZWxdO1xuICBjb25zdCB7IGlzTW9iaWxlIH0gPSB1c2VCcmVha3BvaW50cygpO1xuICBjb25zdCBjYW5SZW5kZXIgPSB1c2VDYW5SZW5kZXJQYW5lbCgpO1xuICB1c2VEZWNsYXJlUGFuZWwoU2xvdC5yaWdodFBhbmVsLCB7XG4gICAgZGVmYXVsdFNpemUsXG4gICAgbWluU2l6ZSxcbiAgICBtYXhTaXplLFxuICAgIGNvbGxhcHNpYmxlLFxuICB9KTtcbiAgdXNlUnVuQ2FsbGJhY2tPblZhbHVlQ2hhbmdlKGlzVmlzaWJsZSwgb25WaXNpYmxlQ2hhbmdlKTtcbiAgdXNlUnVuQ2FsbGJhY2tPblZhbHVlQ2hhbmdlKHN0YXRlLnZhcmlhbnQsIG9uVmFyaWFudENoYW5nZSk7XG4gIGNvbnN0IGRvY2tlZFBhbmVsID0gdXNlTGF5b3V0UG9ydGFsKFxuICAgIFNsb3QucmlnaHRQYW5lbCxcbiAgICBjYW5SZW5kZXIgJiYgaXNWaXNpYmxlICYmICFpc01vYmlsZSA/IChcbiAgICAgIDxTdHlsZWRSaWdodFBhbmVsU2xvdD5cbiAgICAgICAgPFBhbmVsQ29udGFpbmVyXG4gICAgICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgICAgICAgIHNjcm9sbENvbnRhaW5lclJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgICAgICAvLyBUaGUgbGVmdCBib3JkZXIgc2VwYXJhdGVzIHRoZSBkb2NrZWQgY29sdW1uIGZyb20gdGhlIGNvbnRlbnQ7IHRoZVxuICAgICAgICAgIC8vIGZsb2F0aW5nIHdpbmRvdyBoYXMgaXRzIG93biBib3JkZXIsIHNvIGRyb3AgaXQgdGhlcmUuXG4gICAgICAgICAgc2hvd0JvcmRlckxlZnQ9e3N0YXRlLnZhcmlhbnQgIT09IFwiZmxvYXRcIn1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9QYW5lbENvbnRhaW5lcj5cbiAgICAgIDwvU3R5bGVkUmlnaHRQYW5lbFNsb3Q+XG4gICAgKSA6IG51bGxcbiAgKTtcbiAgaWYgKCFjYW5SZW5kZXIpIHJldHVybiBudWxsO1xuICBpZiAoaXNNb2JpbGUpIHtcbiAgICByZXR1cm4gKFxuICAgICAgLy8gSW5pdGlhbCBmb2N1cyBpcyBzdXBwcmVzc2VkIHNvIG9wZW5pbmcgdGhlIHNoZWV0IG5ldmVyIHBvcHMgdGhlXG4gICAgICAvLyBvbi1zY3JlZW4ga2V5Ym9hcmQuXG4gICAgICA8U2hlZXRcbiAgICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICAgIG9uQ2xvc2U9e2hpZGV9XG4gICAgICAgIGhhc0JhY2tkcm9wXG4gICAgICAgIGRpc21pc3NPbk91dHNpZGVDbGlja1xuICAgICAgICBkaXNhYmxlSW5pdGlhbEZvY3VzXG4gICAgICA+XG4gICAgICAgIDxTdHlsZWRTaGVldFBhbmVsU2hlbGw+XG4gICAgICAgICAgPFBhbmVsQ29udGFpbmVyXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgICBzY3JvbGxDb250YWluZXJSZWY9e3Njcm9sbENvbnRhaW5lclJlZn1cbiAgICAgICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgICAgICA+XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9QYW5lbENvbnRhaW5lcj5cbiAgICAgICAgPC9TdHlsZWRTaGVldFBhbmVsU2hlbGw+XG4gICAgICA8L1NoZWV0PlxuICAgICk7XG4gIH1cbiAgcmV0dXJuIGRvY2tlZFBhbmVsO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQjZCIn0= */"),RightPanel=({children,defaultSize=378,minSize=328,maxSize="30%",collapsible=!1,onVisibleChange,onVariantChange,"aria-label":ariaLabel,scrollContainerRef,onScroll})=>{let{isVisible,hide,state}=(0,_useLayout.useLayout)()[_constants.Slot.rightPanel],{isMobile}=(0,_useBreakpoints.useBreakpoints)(),canRender=(0,_context.useCanRenderPanel)();(0,_registry.useDeclarePanel)(_constants.Slot.rightPanel,{defaultSize,minSize,maxSize,collapsible}),(0,_registry.useRunCallbackOnValueChange)(isVisible,onVisibleChange),(0,_registry.useRunCallbackOnValueChange)(state.variant,onVariantChange);let dockedPanel=(0,_registry.useLayoutPortal)(_constants.Slot.rightPanel,canRender&&isVisible&&!isMobile?_react.default.createElement(StyledRightPanelSlot,null,_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll,showBorderLeft:"float"!==state.variant},children)):null);return canRender?isMobile?_react.default.createElement(_Sheet.Sheet,{isVisible:isVisible,onClose:hide,hasBackdrop:!0,dismissOnOutsideClick:!0,disableInitialFocus:!0},_react.default.createElement(StyledSheetPanelShell,null,_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children))):dockedPanel:null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return RightPanel}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_registry=require("../registry"),_useLayout=require("../useLayout"),_context=require("../context"),_useBreakpoints=require("../../../shared/useBreakpoints"),_RightPanelDocked=require("./RightPanelDocked"),_RightPanelSheet=require("./RightPanelSheet"),RightPanel=({children,defaultSize=378,minSize=328,maxSize="30%",collapsible=!1,variant="sidebar",onVisibleChange,onVariantChange,"aria-label":ariaLabel,scrollContainerRef,onScroll})=>{let{state:layoutState,[_constants.Slot.rightPanel]:panel}=(0,_useLayout.useLayout)(),{isVisible,hide}=panel,{isMobile}=(0,_useBreakpoints.useBreakpoints)(),canRender=(0,_context.useCanRenderPanel)();(0,_registry.useDeclarePanel)(_constants.Slot.rightPanel,{defaultSize,minSize,maxSize,collapsible,variant});let resolvedVariant=layoutState[_constants.Slot.rightPanel].variant??variant;return((0,_registry.useRunCallbackOnValueChange)(isVisible,onVisibleChange),(0,_registry.useRunCallbackOnValueChange)(resolvedVariant,onVariantChange),canRender)?isMobile?_react.default.createElement(_RightPanelSheet.RightPanelSheet,{isVisible:isVisible,hide:hide,"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children):_react.default.createElement(_RightPanelDocked.RightPanelDocked,{isVisible:isVisible,variant:resolvedVariant,"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children):null};

package/build/cjs/components/Layout/RightPanel/RightPanelDocked.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import type { RightPanelVariant } from "../-types";
+export type RightPanelDockedProps = {
+    children: React.ReactNode;
+    isVisible: boolean;
+    /** Docked column vs. minimized floating window - only the border differs here. */
+    variant: RightPanelVariant;
+    "aria-label": string;
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+};
+/**
+ * Docked (desktop) right panel. Portals its content into the `rightPanel` slot's
+ * host - an in-flow, resizable column - while the panel is visible. Content lives
+ * in a {@link PanelContainer} so `Layout.RightPanelHeader` /
+ * `Layout.RightPanelFooter` children stick to the edges. The mobile presentation
+ * is {@link RightPanelSheet}; `RightPanel` picks between the two by breakpoint.
+ */
+export declare const RightPanelDocked: React.FC<RightPanelDockedProps>;

package/build/cjs/components/Layout/RightPanel/RightPanelDocked.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanelDocked",{enumerable:!0,get:function(){return RightPanelDocked}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_constants=require("../-constants"),_registry=require("../registry"),_PanelContainer=require("../PanelContainer"),StyledRightPanelSlot=(0,_styled.default)("div",{target:"eq48lip0",label:"StyledRightPanelSlot"})(({theme})=>({position:"absolute",left:0,right:0,bottom:0,top:`var(${_constants.SUBNAV_OFFSET_VAR}, 0px)`,overflow:"hidden",transition:`top ${theme.variables.animation.navSlide.open.duration} ${theme.variables.animation.navSlide.open.timingFunction}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwvUmlnaHRQYW5lbERvY2tlZC50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9SaWdodFBhbmVsL1JpZ2h0UGFuZWxEb2NrZWQudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgU2xvdCwgU1VCTkFWX09GRlNFVF9WQVIgfSBmcm9tIFwiLi4vLWNvbnN0YW50c1wiO1xuaW1wb3J0IHsgdXNlTGF5b3V0UG9ydGFsIH0gZnJvbSBcIi4uL3JlZ2lzdHJ5XCI7XG5pbXBvcnQgeyBQYW5lbENvbnRhaW5lciB9IGZyb20gXCIuLi9QYW5lbENvbnRhaW5lclwiO1xuaW1wb3J0IHR5cGUgeyBSaWdodFBhbmVsVmFyaWFudCB9IGZyb20gXCIuLi8tdHlwZXNcIjtcblxuLy8gQnVpbHQtaW4gc2xvdDogb2Zmc2V0cyB0aGUgcGFuZWwgY29udGVudCBieSB0aGUgc3VibmF2LW9mZnNldCB2YXIgKDAgd2hlblxuLy8gdW5zZXQpLCB0cmFuc2l0aW9uZWQgd2l0aCB0aGUgdGhlbWUncyBgbmF2U2xpZGVgIHRpbWluZyDigJQgc28gdGhlIHJpZ2h0IHBhbmVsXG4vLyB0cmFja3MgYSBzdGlja3kgc3VibmF2IHdpdGggbm8gd2lyaW5nIG9uIHRoZSBjb25zdW1lcidzIHNpZGUuXG5jb25zdCBTdHlsZWRSaWdodFBhbmVsU2xvdCA9IHN0eWxlZC5kaXYoKHsgdGhlbWUgfSkgPT4gKHtcbiAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgbGVmdDogMCxcbiAgcmlnaHQ6IDAsXG4gIGJvdHRvbTogMCxcbiAgdG9wOiBgdmFyKCR7U1VCTkFWX09GRlNFVF9WQVJ9LCAwcHgpYCxcbiAgb3ZlcmZsb3c6IFwiaGlkZGVuXCIsXG4gIHRyYW5zaXRpb246IGB0b3AgJHt0aGVtZS52YXJpYWJsZXMuYW5pbWF0aW9uLm5hdlNsaWRlLm9wZW4uZHVyYXRpb259ICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLnRpbWluZ0Z1bmN0aW9ufWAsXG59KSk7XG5cbmV4cG9ydCB0eXBlIFJpZ2h0UGFuZWxEb2NrZWRQcm9wcyA9IHtcbiAgY2hpbGRyZW46IFJlYWN0LlJlYWN0Tm9kZTtcbiAgaXNWaXNpYmxlOiBib29sZWFuO1xuICAvKiogRG9ja2VkIGNvbHVtbiB2cy4gbWluaW1pemVkIGZsb2F0aW5nIHdpbmRvdyAtIG9ubHkgdGhlIGJvcmRlciBkaWZmZXJzIGhlcmUuICovXG4gIHZhcmlhbnQ6IFJpZ2h0UGFuZWxWYXJpYW50O1xuICBcImFyaWEtbGFiZWxcIjogc3RyaW5nO1xuICBzY3JvbGxDb250YWluZXJSZWY/OiBSZWFjdC5SZWY8SFRNTERpdkVsZW1lbnQ+O1xuICBvblNjcm9sbD86IFJlYWN0LlVJRXZlbnRIYW5kbGVyPEhUTUxEaXZFbGVtZW50Pjtcbn07XG5cbi8qKlxuICogRG9ja2VkIChkZXNrdG9wKSByaWdodCBwYW5lbC4gUG9ydGFscyBpdHMgY29udGVudCBpbnRvIHRoZSBgcmlnaHRQYW5lbGAgc2xvdCdzXG4gKiBob3N0IC0gYW4gaW4tZmxvdywgcmVzaXphYmxlIGNvbHVtbiAtIHdoaWxlIHRoZSBwYW5lbCBpcyB2aXNpYmxlLiBDb250ZW50IGxpdmVzXG4gKiBpbiBhIHtAbGluayBQYW5lbENvbnRhaW5lcn0gc28gYExheW91dC5SaWdodFBhbmVsSGVhZGVyYCAvXG4gKiBgTGF5b3V0LlJpZ2h0UGFuZWxGb290ZXJgIGNoaWxkcmVuIHN0aWNrIHRvIHRoZSBlZGdlcy4gVGhlIG1vYmlsZSBwcmVzZW50YXRpb25cbiAqIGlzIHtAbGluayBSaWdodFBhbmVsU2hlZXR9OyBgUmlnaHRQYW5lbGAgcGlja3MgYmV0d2VlbiB0aGUgdHdvIGJ5IGJyZWFrcG9pbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBSaWdodFBhbmVsRG9ja2VkOiBSZWFjdC5GQzxSaWdodFBhbmVsRG9ja2VkUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIGlzVmlzaWJsZSxcbiAgdmFyaWFudCxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbiAgc2Nyb2xsQ29udGFpbmVyUmVmLFxuICBvblNjcm9sbCxcbn0pID0+XG4gIHVzZUxheW91dFBvcnRhbChcbiAgICBTbG90LnJpZ2h0UGFuZWwsXG4gICAgaXNWaXNpYmxlID8gKFxuICAgICAgPFN0eWxlZFJpZ2h0UGFuZWxTbG90PlxuICAgICAgICA8UGFuZWxDb250YWluZXJcbiAgICAgICAgICBhcmlhLWxhYmVsPXthcmlhTGFiZWx9XG4gICAgICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgICAgb25TY3JvbGw9e29uU2Nyb2xsfVxuICAgICAgICAgIC8vIFRoZSBsZWZ0IGJvcmRlciBzZXBhcmF0ZXMgdGhlIGRvY2tlZCBjb2x1bW4gZnJvbSB0aGUgY29udGVudDsgdGhlXG4gICAgICAgICAgLy8gZmxvYXRpbmcgd2luZG93IGhhcyBpdHMgb3duIGJvcmRlciwgc28gZHJvcCBpdCB0aGVyZS5cbiAgICAgICAgICBzaG93Qm9yZGVyTGVmdD17dmFyaWFudCAhPT0gXCJmbG9hdFwifVxuICAgICAgICA+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1BhbmVsQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRSaWdodFBhbmVsU2xvdD5cbiAgICApIDogbnVsbFxuICApO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVU2QiJ9 */"),RightPanelDocked=({children,isVisible,variant,"aria-label":ariaLabel,scrollContainerRef,onScroll})=>(0,_registry.useLayoutPortal)(_constants.Slot.rightPanel,isVisible?_react.default.createElement(StyledRightPanelSlot,null,_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll,showBorderLeft:"float"!==variant},children)):null);

package/build/cjs/components/Layout/RightPanel/RightPanelHeader.d.ts

@@ -1,15 +1,19 @@
 import React from "react";
 import type { RightPanelHeaderProps } from "../-types";
 /**
- * Optional sticky header for `Layout.RightPanel` - place it among the
- * panel's children; it sticks to the top while the rest of the content
- * scrolls. Renders the `title` block after `leftSlot` and buttons at the
- * header end (after `rightSlot`): a variant toggle that minimizes the panel
- * into the floating window / docks it back, and a close button that hides the
- * panel via the layout state. The header travels with the panel content into
- * the floating window, so the same toggle serves both directions. On mobile
- * viewports the panel renders as a bottom sheet where dock/float has no
- * meaning and the sheet brings its own dismiss affordances (drag handle,
- * backdrop), so both built-in buttons are omitted there.
+ * Optional sticky header for `Layout.RightPanel` - place it among the panel's
+ * children; it sticks to the top while the rest of the content scrolls. Renders
+ * the `title` block after `leftSlot` and buttons at the header end (after
+ * `rightSlot`): a close button that hides the panel, plus a variant toggle
+ * that minimizes the panel into the float / docks it back - shown
+ * only when `slotProps.variantButton` is supplied, which is what opts the panel
+ * into floating at all. While floating (desktop only - the
+ * mobile sheet never mounts the float), the whole header becomes a
+ * `LayoutFloatDragHandle`; `leftSlot`, `rightSlot`, and the built-in buttons
+ * are each wrapped in `LayoutFloatDragHandle.Guard` so their own click/arrow-key
+ * behavior keeps working even though a drag can start on them. On mobile
+ * viewports the panel renders as a bottom sheet where dock/float has no meaning
+ * and the sheet brings its own dismiss affordances, so the variant toggle is
+ * omitted there too.
  */
 export declare function RightPanelHeader({ leftSlot, rightSlot, title, slotProps, "data-e2e-test-id": dataE2eTestId, }: RightPanelHeaderProps): React.ReactElement;

package/build/cjs/components/Layout/RightPanel/RightPanelHeader.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanelHeader",{enumerable:!0,get:function(){return RightPanelHeader}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_useLayout=require("../useLayout"),_useBreakpoints=require("../../../shared/useBreakpoints"),_Sandwich=require("../../Internal/Sandwich/Sandwich"),_PanelHeader=require("../../Internal/PanelHeader/PanelHeader"),_PictogramButton=require("../../PictogramButton/PictogramButton");function RightPanelHeader({leftSlot,rightSlot,title,slotProps,"data-e2e-test-id":dataE2eTestId}){let{hide,setVariant,state}=(0,_useLayout.useLayout)()[_constants.Slot.rightPanel],{isMobile}=(0,_useBreakpoints.useBreakpoints)(),isFloating="float"===state.variant;return _react.default.createElement(_Sandwich.Sandwich.Header,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_PanelHeader.PanelHeader,{leftSlot:leftSlot,title:title,rightSlot:_react.default.createElement(_react.default.Fragment,null,rightSlot,!isMobile&&_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_PictogramButton.PictogramButton,{icon:isFloating?"open-sidebar-right":"minimize",size:"s",variant:"tertiary","aria-label":isFloating?slotProps.variantButton.dockLabel:slotProps.variantButton.minimizeLabel,onClick:()=>setVariant(isFloating?"sidebar":"float")}),_react.default.createElement(_PictogramButton.PictogramButton,{icon:"x",size:"s",variant:"tertiary","aria-label":slotProps.closeButton["aria-label"],onClick:hide})))}))}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanelHeader",{enumerable:!0,get:function(){return RightPanelHeader}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_useLayout=require("../useLayout"),_useBreakpoints=require("../../../shared/useBreakpoints"),_Sandwich=require("../../Internal/Sandwich/Sandwich"),_PanelHeader=require("../../Internal/PanelHeader/PanelHeader"),_PictogramButton=require("../../PictogramButton/PictogramButton"),_Inline=require("../../Inline/Inline"),_LayoutFloatDragHandle=require("../../Internal/LayoutFloat/LayoutFloatDragHandle");function RightPanelHeader({leftSlot,rightSlot,title,slotProps,"data-e2e-test-id":dataE2eTestId}){let{hide,setVariant,state}=(0,_useLayout.useLayout)()[_constants.Slot.rightPanel],{isMobile}=(0,_useBreakpoints.useBreakpoints)(),isFloating="float"===state.variant,variantButtonSlotProps=slotProps.variantButton;return _react.default.createElement(_Sandwich.Sandwich.Header,{"data-e2e-test-id":dataE2eTestId},_react.default.createElement(_LayoutFloatDragHandle.LayoutFloatDragHandle,{isDraggable:isFloating,"aria-label":slotProps.dragHandle?.["aria-label"]},_react.default.createElement(_PanelHeader.PanelHeader,{leftSlot:_react.default.createElement(_LayoutFloatDragHandle.LayoutFloatDragHandle.Guard,null,leftSlot),title:title,rightSlot:_react.default.createElement(_react.default.Fragment,null,_react.default.createElement(_LayoutFloatDragHandle.LayoutFloatDragHandle.Guard,null,rightSlot),!isMobile&&_react.default.createElement(_LayoutFloatDragHandle.LayoutFloatDragHandle.Guard,null,_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center",noWrap:!0},variantButtonSlotProps&&_react.default.createElement(_PictogramButton.PictogramButton,{icon:isFloating?"open-sidebar-right":"minimize",size:"s",variant:"tertiary","aria-label":isFloating?variantButtonSlotProps.dockLabel:variantButtonSlotProps.minimizeLabel,onClick:()=>setVariant(isFloating?"sidebar":"float")}),_react.default.createElement(_PictogramButton.PictogramButton,{icon:"x",size:"s",variant:"tertiary","aria-label":slotProps.closeButton["aria-label"],onClick:hide}))))})))}

package/build/cjs/components/Layout/RightPanel/RightPanelSheet.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+export type RightPanelSheetProps = {
+    children: React.ReactNode;
+    isVisible: boolean;
+    hide: () => void;
+    "aria-label": string;
+    scrollContainerRef?: React.Ref<HTMLDivElement>;
+    onScroll?: React.UIEventHandler<HTMLDivElement>;
+};
+/**
+ * Mobile right panel. Renders its content as a bottom {@link Sheet} instead of an
+ * in-flow column - the Sheet portals itself, so the layout portal is bypassed
+ * here. Visibility is the shared `rightPanel` layout state, so `useLayout()`
+ * drives it identically to the docked desktop panel; outside-click / backdrop
+ * dismissal routes back through `hide`. Initial focus is suppressed so opening
+ * the sheet never pops the on-screen keyboard.
+ */
+export declare const RightPanelSheet: React.FC<RightPanelSheetProps>;

package/build/cjs/components/Layout/RightPanel/RightPanelSheet.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanelSheet",{enumerable:!0,get:function(){return RightPanelSheet}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_PanelContainer=require("../PanelContainer"),_Sheet=require("../../Sheet/Sheet"),StyledSheetPanelShell=(0,_styled.default)("div",{target:"e1wbhy260",label:"StyledSheetPanelShell"})({height:_Sheet.SHEET_MAX_HEIGHT},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwvUmlnaHRQYW5lbFNoZWV0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwvUmlnaHRQYW5lbFNoZWV0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IFBhbmVsQ29udGFpbmVyIH0gZnJvbSBcIi4uL1BhbmVsQ29udGFpbmVyXCI7XG5pbXBvcnQgeyBTaGVldCwgU0hFRVRfTUFYX0hFSUdIVCB9IGZyb20gXCIuLi8uLi9TaGVldC9TaGVldFwiO1xuXG4vLyBHaXZlcyB0aGUgcGFuZWwgc2hlbGwgYSBkZWZpbml0ZSBoZWlnaHQgaW5zaWRlIHRoZSBTaGVldCAod2hpY2ggb25seSBjYXBzXG4vLyBpdHMgY29udGVudCBhdCBTSEVFVF9NQVhfSEVJR0hUKS4gV2l0aCB0aGUgaGVpZ2h0IGJvdW5kZWQsIHRoZSBTYW5kd2ljaFxuLy8gaW5zaWRlIFBhbmVsQ29udGFpbmVyIHNjcm9sbHMgaXRzIGJvZHkgcmVnaW9uIGl0c2VsZiwgc29cbi8vIGBMYXlvdXQuUmlnaHRQYW5lbEhlYWRlcmAgLyBgTGF5b3V0LlJpZ2h0UGFuZWxGb290ZXJgIHN0aWNrIHRvIHRoZSBzaGVldFxuLy8gZWRnZXMgZXhhY3RseSBhcyB0aGV5IGRvIGluIHRoZSBkb2NrZWQgcGFuZWwuXG5jb25zdCBTdHlsZWRTaGVldFBhbmVsU2hlbGwgPSBzdHlsZWQuZGl2KHtcbiAgaGVpZ2h0OiBTSEVFVF9NQVhfSEVJR0hULFxufSk7XG5cbmV4cG9ydCB0eXBlIFJpZ2h0UGFuZWxTaGVldFByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlO1xuICBpc1Zpc2libGU6IGJvb2xlYW47XG4gIGhpZGU6ICgpID0+IHZvaWQ7XG4gIFwiYXJpYS1sYWJlbFwiOiBzdHJpbmc7XG4gIHNjcm9sbENvbnRhaW5lclJlZj86IFJlYWN0LlJlZjxIVE1MRGl2RWxlbWVudD47XG4gIG9uU2Nyb2xsPzogUmVhY3QuVUlFdmVudEhhbmRsZXI8SFRNTERpdkVsZW1lbnQ+O1xufTtcblxuLyoqXG4gKiBNb2JpbGUgcmlnaHQgcGFuZWwuIFJlbmRlcnMgaXRzIGNvbnRlbnQgYXMgYSBib3R0b20ge0BsaW5rIFNoZWV0fSBpbnN0ZWFkIG9mIGFuXG4gKiBpbi1mbG93IGNvbHVtbiAtIHRoZSBTaGVldCBwb3J0YWxzIGl0c2VsZiwgc28gdGhlIGxheW91dCBwb3J0YWwgaXMgYnlwYXNzZWRcbiAqIGhlcmUuIFZpc2liaWxpdHkgaXMgdGhlIHNoYXJlZCBgcmlnaHRQYW5lbGAgbGF5b3V0IHN0YXRlLCBzbyBgdXNlTGF5b3V0KClgXG4gKiBkcml2ZXMgaXQgaWRlbnRpY2FsbHkgdG8gdGhlIGRvY2tlZCBkZXNrdG9wIHBhbmVsOyBvdXRzaWRlLWNsaWNrIC8gYmFja2Ryb3BcbiAqIGRpc21pc3NhbCByb3V0ZXMgYmFjayB0aHJvdWdoIGBoaWRlYC4gSW5pdGlhbCBmb2N1cyBpcyBzdXBwcmVzc2VkIHNvIG9wZW5pbmdcbiAqIHRoZSBzaGVldCBuZXZlciBwb3BzIHRoZSBvbi1zY3JlZW4ga2V5Ym9hcmQuXG4gKi9cbmV4cG9ydCBjb25zdCBSaWdodFBhbmVsU2hlZXQ6IFJlYWN0LkZDPFJpZ2h0UGFuZWxTaGVldFByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBpc1Zpc2libGUsXG4gIGhpZGUsXG4gIFwiYXJpYS1sYWJlbFwiOiBhcmlhTGFiZWwsXG4gIHNjcm9sbENvbnRhaW5lclJlZixcbiAgb25TY3JvbGwsXG59KSA9PiAoXG4gIDxTaGVldFxuICAgIGlzVmlzaWJsZT17aXNWaXNpYmxlfVxuICAgIG9uQ2xvc2U9e2hpZGV9XG4gICAgaGFzQmFja2Ryb3BcbiAgICBkaXNtaXNzT25PdXRzaWRlQ2xpY2tcbiAgICBkaXNhYmxlSW5pdGlhbEZvY3VzXG4gID5cbiAgICA8U3R5bGVkU2hlZXRQYW5lbFNoZWxsPlxuICAgICAgPFBhbmVsQ29udGFpbmVyXG4gICAgICAgIGFyaWEtbGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgICAgc2Nyb2xsQ29udGFpbmVyUmVmPXtzY3JvbGxDb250YWluZXJSZWZ9XG4gICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9QYW5lbENvbnRhaW5lcj5cbiAgICA8L1N0eWxlZFNoZWV0UGFuZWxTaGVsbD5cbiAgPC9TaGVldD5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVThCIn0= */"),RightPanelSheet=({children,isVisible,hide,"aria-label":ariaLabel,scrollContainerRef,onScroll})=>_react.default.createElement(_Sheet.Sheet,{isVisible:isVisible,onClose:hide,hasBackdrop:!0,dismissOnOutsideClick:!0,disableInitialFocus:!0},_react.default.createElement(StyledSheetPanelShell,null,_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children)));

package/build/cjs/components/Layout/Split/MobileSplitView/ContentSplitBase.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+export type ContentSplitBaseProps = {
+    children: React.ReactNode;
+};
+/**
+ * Base layer of the mobile split stack - the presentation `Layout.Content` takes
+ * while a `Layout.Split` is stacked over it. Portals into the layout-root stack
+ * host and wraps in a sliding layer, so content and the split view share one
+ * containing block and slide against each other regardless of where their
+ * markers sit in the tree. The overlay layer is {@link MobileSplitView}; the
+ * in-flow presentation is {@link ContentDocked}.
+ */
+export declare const ContentSplitBase: React.FC<ContentSplitBaseProps>;

package/build/cjs/components/Layout/Split/MobileSplitView/ContentSplitBase.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"ContentSplitBase",{enumerable:!0,get:function(){return ContentSplitBase}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_reactdom=require("react-dom"),_StyledMobileSplitSlideLayer=require("./StyledMobileSplitSlideLayer"),_useMobileSplitStack=require("./useMobileSplitStack"),_useMobileSplitView=require("./useMobileSplitView"),ContentSplitBase=({children})=>{let{isSplitViewActive}=(0,_useMobileSplitView.useMobileSplitView)(),{host}=(0,_useMobileSplitStack.useMobileSplitStack)();return host?(0,_reactdom.createPortal)(_react.default.createElement(_StyledMobileSplitSlideLayer.StyledMobileSplitSlideLayer,{layer:"base",offset:(0,_useMobileSplitView.contentOffsetFor)(isSplitViewActive)},children),host):null};

package/build/cjs/components/Layout/Split/MobileSplitView/MobileSplitView.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import type { MobileSplitViewProps } from "../../-types";
+/**
+ * Mobile presentation of `Layout.Split`: a full-area layer that slides in over
+ * the base `content` view and back out, without unmounting. Registers its
+ * presence so `content` knows to join the sliding stack, and portals into the
+ * layout-root stack host so the two views share one containing block regardless
+ * of the marker's depth. Whether it's in front is the `splitview` slot's
+ * visibility. Renders nothing on desktop.
+ */
+export declare const MobileSplitView: React.FC<MobileSplitViewProps>;

package/build/cjs/components/Layout/Split/MobileSplitView/MobileSplitView.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"MobileSplitView",{enumerable:!0,get:function(){return MobileSplitView}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_reactdom=require("react-dom"),_PanelContainer=require("../../PanelContainer"),_StyledMobileSplitSlideLayer=require("./StyledMobileSplitSlideLayer"),_useMobileSplitStack=require("./useMobileSplitStack"),_useMobileSplitView=require("./useMobileSplitView"),MobileSplitView=({children,"aria-label":ariaLabel})=>{let enabled=(0,_useMobileSplitView.useMobileSplitViewEnabled)(),{isSplitViewActive}=(0,_useMobileSplitView.useMobileSplitView)(),{host,registerSplit}=(0,_useMobileSplitStack.useMobileSplitStack)();return((0,_react.useLayoutEffect)(()=>{if(enabled)return registerSplit()},[enabled,registerSplit]),enabled&&host)?(0,_reactdom.createPortal)(_react.default.createElement(_StyledMobileSplitSlideLayer.StyledMobileSplitSlideLayer,{layer:"overlay",offset:(0,_useMobileSplitView.splitViewOffsetFor)(isSplitViewActive)},_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel},children)),host):null};

package/build/cjs/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.d.ts

@@ -0,0 +1,20 @@
+import type { MobileSplitViewOffset } from "./useMobileSplitView";
+declare const LAYER_Z_INDEX: {
+    readonly base: 1;
+    readonly overlay: 2;
+};
+export type MobileSplitLayer = keyof typeof LAYER_Z_INDEX;
+/**
+ * One layer of the two-view mobile split. Slides to `offset` - -1 (parked to the
+ * left), 0 (in view), 1 (parked to the right) - so switching pushes the outgoing
+ * view toward the side it rests on while the incoming one slides in from the
+ * opposite edge, like a Drawer.
+ */
+export declare const StyledMobileSplitSlideLayer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    offset: MobileSplitViewOffset;
+    layer: MobileSplitLayer;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export {};

package/build/cjs/components/Layout/Split/MobileSplitView/StyledMobileSplitSlideLayer.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"StyledMobileSplitSlideLayer",{enumerable:!0,get:function(){return StyledMobileSplitSlideLayer}});const _styled=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("@emotion/styled")),OFFSET_TRANSFORM={[-1]:"translateX(-100%)",0:"translateX(0)",1:"translateX(100%)"},LAYER_Z_INDEX={base:1,overlay:2},StyledMobileSplitSlideLayer=(0,_styled.default)("div",{shouldForwardProp:prop=>"offset"!==prop&&"layer"!==prop,target:"e187cevn0",label:"StyledMobileSplitSlideLayer"})(({theme,offset,layer})=>{let{duration,timingFunction}=theme.variables.animation.navSlide.open;return{position:"absolute",inset:0,zIndex:LAYER_Z_INDEX[layer],transform:OFFSET_TRANSFORM[offset],transition:`transform ${duration} ${timingFunction}`,pointerEvents:0===offset?"auto":"none","@media (prefers-reduced-motion: reduce)":{transition:"none"}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1NwbGl0L01vYmlsZVNwbGl0Vmlldy9TdHlsZWRNb2JpbGVTcGxpdFNsaWRlTGF5ZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvU3BsaXQvTW9iaWxlU3BsaXRWaWV3L1N0eWxlZE1vYmlsZVNwbGl0U2xpZGVMYXllci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgdHlwZSB7IE1vYmlsZVNwbGl0Vmlld09mZnNldCB9IGZyb20gXCIuL3VzZU1vYmlsZVNwbGl0Vmlld1wiO1xuXG5jb25zdCBPRkZTRVRfVFJBTlNGT1JNOiBSZWNvcmQ8TW9iaWxlU3BsaXRWaWV3T2Zmc2V0LCBzdHJpbmc+ID0ge1xuICBbLTFdOiBcInRyYW5zbGF0ZVgoLTEwMCUpXCIsXG4gIDA6IFwidHJhbnNsYXRlWCgwKVwiLFxuICAxOiBcInRyYW5zbGF0ZVgoMTAwJSlcIixcbn07XG5cbi8vIFRoZSBzcGxpdCB2aWV3IChgb3ZlcmxheWApIHN0YWNrcyBhYm92ZSB0aGUgYmFzZSBgY29udGVudGAgdmlldyAoYGJhc2VgKS5cbmNvbnN0IExBWUVSX1pfSU5ERVggPSB7IGJhc2U6IDEsIG92ZXJsYXk6IDIgfSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIE1vYmlsZVNwbGl0TGF5ZXIgPSBrZXlvZiB0eXBlb2YgTEFZRVJfWl9JTkRFWDtcblxuLyoqXG4gKiBPbmUgbGF5ZXIgb2YgdGhlIHR3by12aWV3IG1vYmlsZSBzcGxpdC4gU2xpZGVzIHRvIGBvZmZzZXRgIC0gLTEgKHBhcmtlZCB0byB0aGVcbiAqIGxlZnQpLCAwIChpbiB2aWV3KSwgMSAocGFya2VkIHRvIHRoZSByaWdodCkgLSBzbyBzd2l0Y2hpbmcgcHVzaGVzIHRoZSBvdXRnb2luZ1xuICogdmlldyB0b3dhcmQgdGhlIHNpZGUgaXQgcmVzdHMgb24gd2hpbGUgdGhlIGluY29taW5nIG9uZSBzbGlkZXMgaW4gZnJvbSB0aGVcbiAqIG9wcG9zaXRlIGVkZ2UsIGxpa2UgYSBEcmF3ZXIuXG4gKi9cbmV4cG9ydCBjb25zdCBTdHlsZWRNb2JpbGVTcGxpdFNsaWRlTGF5ZXIgPSBzdHlsZWQoXCJkaXZcIiwge1xuICBzaG91bGRGb3J3YXJkUHJvcDogKHByb3ApID0+IHByb3AgIT09IFwib2Zmc2V0XCIgJiYgcHJvcCAhPT0gXCJsYXllclwiLFxufSk8eyBvZmZzZXQ6IE1vYmlsZVNwbGl0Vmlld09mZnNldDsgbGF5ZXI6IE1vYmlsZVNwbGl0TGF5ZXIgfT4oXG4gICh7IHRoZW1lLCBvZmZzZXQsIGxheWVyIH0pID0+IHtcbiAgICBjb25zdCB7IGR1cmF0aW9uLCB0aW1pbmdGdW5jdGlvbiB9ID1cbiAgICAgIHRoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubmF2U2xpZGUub3BlbjtcbiAgICByZXR1cm4ge1xuICAgICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIixcbiAgICAgIGluc2V0OiAwLFxuICAgICAgekluZGV4OiBMQVlFUl9aX0lOREVYW2xheWVyXSxcbiAgICAgIHRyYW5zZm9ybTogT0ZGU0VUX1RSQU5TRk9STVtvZmZzZXRdLFxuICAgICAgdHJhbnNpdGlvbjogYHRyYW5zZm9ybSAke2R1cmF0aW9ufSAke3RpbWluZ0Z1bmN0aW9ufWAsXG4gICAgICBwb2ludGVyRXZlbnRzOiBvZmZzZXQgPT09IDAgPyBcImF1dG9cIiA6IFwibm9uZVwiLFxuICAgICAgXCJAbWVkaWEgKHByZWZlcnMtcmVkdWNlZC1tb3Rpb246IHJlZHVjZSlcIjogeyB0cmFuc2l0aW9uOiBcIm5vbmVcIiB9LFxuICAgIH07XG4gIH1cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUIyQyJ9 */");

package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitStack.d.ts

@@ -0,0 +1,20 @@
+export type MobileSplitStackValue = {
+    /** The full-area DOM node at the layout root that hosts the mobile split
+     *  stack. `null` until it mounts (and on desktop, where it isn't rendered). */
+    host: HTMLElement | null;
+    /** True while a mobile split view is mounted, so `content` knows to join the
+     *  sliding stack (vs. staying in-flow). */
+    isSplitPresent: boolean;
+    /** Register a mounted split view; returns its unregister cleanup. */
+    registerSplit: () => () => void;
+};
+/**
+ * Everything the two-view mobile split shares, scoped to one `<Layout>`: the
+ * stack host to portal into and whether a split view is present. `content` and
+ * the split view read this to slide against each other inside one containing
+ * block, regardless of where their markers sit in the tree. *Which* view is in
+ * front isn't stored here - it derives from the `splitview` slot's visibility
+ * (see {@link useMobileSplitView}).
+ */
+export declare const MobileSplitStackContext: React.Context<MobileSplitStackValue>;
+export declare const useMobileSplitStack: () => MobileSplitStackValue;

package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitStack.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get MobileSplitStackContext(){return MobileSplitStackContext},get useMobileSplitStack(){return useMobileSplitStack}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),MobileSplitStackContext=(0,_react.createContext)(null),useMobileSplitStack=()=>{let context=(0,_react.useContext)(MobileSplitStackContext);if(!context)throw Error("useMobileSplitStack must be used within a <Layout>.");return context};

package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitView.d.ts

@@ -0,0 +1,27 @@
+/** Whether the mobile split stack applies to the current viewport: below the
+ *  mobile breakpoint with panels enabled. */
+export declare function useMobileSplitViewEnabled(): boolean;
+/** A view's horizontal rest position in the mobile stack: `-1` (parked off the
+ *  left edge), `0` (in view), `1` (parked off the right edge). */
+export type MobileSplitViewOffset = -1 | 0 | 1;
+/** The base `content` view parks off the left edge while the split view is in
+ *  front; otherwise it's in view. */
+export declare const contentOffsetFor: (isSplitViewActive: boolean) => MobileSplitViewOffset;
+/** The split view rests off the right edge until it's brought to the front. */
+export declare const splitViewOffsetFor: (isSplitViewActive: boolean) => MobileSplitViewOffset;
+export type MobileSplitViewValue = {
+    /** Whether the split view is in front of the base content view. */
+    isSplitViewActive: boolean;
+    /** Bring the split view to the front. */
+    showSplitView: () => void;
+    /** Return to the base content view. */
+    showContent: () => void;
+};
+/**
+ * Mobile control for the two-view split: read whether the split view is in front
+ * and switch between it and the base `content` view - wire your own button to
+ * `showSplitView` / `showContent`. Backed by the `splitview` slot's visibility
+ * (the same state the desktop column tracks), so the two presentations never
+ * disagree; on desktop this just shows/hides the column.
+ */
+export declare function useMobileSplitView(): MobileSplitViewValue;

package/build/cjs/components/Layout/Split/MobileSplitView/useMobileSplitView.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get contentOffsetFor(){return contentOffsetFor},get splitViewOffsetFor(){return splitViewOffsetFor},get useMobileSplitView(){return useMobileSplitView},get useMobileSplitViewEnabled(){return useMobileSplitViewEnabled}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _useBreakpoints=require("../../../../shared/useBreakpoints"),_constants=require("../../-constants"),_context=require("../../context"),_useLayout=require("../../useLayout");function useMobileSplitViewEnabled(){let{isMobile}=(0,_useBreakpoints.useBreakpoints)(),canRenderPanel=(0,_context.useCanRenderPanel)();return isMobile&&canRenderPanel}const contentOffsetFor=isSplitViewActive=>isSplitViewActive?-1:0,splitViewOffsetFor=isSplitViewActive=>+!isSplitViewActive;function useMobileSplitView(){let{isVisible,show,hide}=(0,_useLayout.useLayout)()[_constants.Slot.splitview];return{isSplitViewActive:isVisible,showSplitView:show,showContent:hide}}

package/build/cjs/components/Layout/Split/Split.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
 import type { SplitProps } from "../-types";
 /**
- * Split view panel. Declares the `splitview` slot and portals its content while
- * visible - a toggleable in-flow column beside `content`.
- * `Layout.SplitHeader` / `Layout.SplitFooter` children stick to the panel
- * edges; the remaining content scrolls.
+ * Split view panel. Picks its presentation by breakpoint: an in-flow resizable
+ * column on desktop ({@link SplitDocked}) and a full-area {@link MobileSplitView}
+ * that slides over `content` on mobile. Both are driven by the same state - the
+ * `splitview` slot's visibility (`useLayout().splitview` / `useMobileSplitView`)
+ * - so showing or hiding the split behaves identically on either breakpoint.
  */
 export declare const Split: React.FC<SplitProps>;

package/build/cjs/components/Layout/Split/Split.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Split",{enumerable:!0,get:function(){return Split}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_registry=require("../registry"),_useLayout=require("../useLayout"),_context=require("../context"),_PanelContainer=require("../PanelContainer"),Split=({children,"aria-label":ariaLabel,defaultSize,minSize,maxSize})=>{let{isVisible}=(0,_useLayout.useLayout)()[_constants.Slot.splitview],panelsEnabled=(0,_context.useLayoutPanelsEnabled)();return(0,_registry.useDeclarePanel)(_constants.Slot.splitview,{defaultSize,minSize,maxSize,collapsible:!0}),(0,_registry.useLayoutPortal)(_constants.Slot.splitview,!0===panelsEnabled&&isVisible?_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,showBorderLeft:!0},children):null)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Split",{enumerable:!0,get:function(){return Split}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_useBreakpoints=require("../../../shared/useBreakpoints"),_context=require("../context"),_MobileSplitView=require("./MobileSplitView/MobileSplitView"),_SplitDocked=require("./SplitDocked"),Split=({children,"aria-label":ariaLabel,defaultSize,minSize,maxSize,resizable})=>{let{isMobile}=(0,_useBreakpoints.useBreakpoints)();return(0,_context.useCanRenderPanel)()?isMobile?_react.default.createElement(_MobileSplitView.MobileSplitView,{"aria-label":ariaLabel},children):_react.default.createElement(_SplitDocked.SplitDocked,{"aria-label":ariaLabel,defaultSize:defaultSize,minSize:minSize,maxSize:maxSize,resizable:resizable},children):null};

package/build/cjs/components/Layout/Split/SplitDocked.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import type { SplitProps } from "../-types";
+/**
+ * Desktop split view. Declares the `splitview` slot and portals its content
+ * while visible - an in-flow resizable column beside `content`.
+ * `Layout.SplitHeader` / `Layout.SplitFooter` children stick to the panel
+ * edges; the remaining content scrolls.
+ */
+export declare const SplitDocked: React.FC<SplitProps>;

package/build/cjs/components/Layout/Split/SplitDocked.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SplitDocked",{enumerable:!0,get:function(){return SplitDocked}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_constants=require("../-constants"),_registry=require("../registry"),_useLayout=require("../useLayout"),_PanelContainer=require("../PanelContainer"),SplitDocked=({children,"aria-label":ariaLabel,defaultSize,minSize,maxSize,resizable})=>{let{isVisible}=(0,_useLayout.useLayout)()[_constants.Slot.splitview],canResize=!1!==resizable;return(0,_registry.useDeclarePanel)(_constants.Slot.splitview,{defaultSize,minSize,maxSize,collapsible:canResize,resizable:canResize}),(0,_registry.useLayoutPortal)(_constants.Slot.splitview,isVisible?_react.default.createElement(_PanelContainer.PanelContainer,{"aria-label":ariaLabel,showBorderLeft:!0},children):null)};

package/build/cjs/components/Layout/index.d.ts

@@ -3,6 +3,7 @@ export { Layout } from "./Layout";
 export { LayoutProvider } from "./LayoutProvider";
 export { useLayoutVar } from "./LayoutCssVars";
 export { useLayout } from "./useLayout";
+export { useMobileSplitView, type MobileSplitViewValue, } from "./Split/MobileSplitView/useMobileSplitView";
 export { useAutoScrollToBottom } from "./useAutoScrollToBottom";
 export { createLayoutStore } from "./store";
 export { createInitialState, layoutReducer } from "./reducer";

package/build/cjs/components/Layout/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Layout(){return _Layout.Layout},get LayoutProvider(){return _LayoutProvider.LayoutProvider},get PANEL_WIDTH_VAR(){return _constants.PANEL_WIDTH_VAR},get SUBNAV_OFFSET_VAR(){return _constants.SUBNAV_OFFSET_VAR},get createInitialState(){return _reducer.createInitialState},get createLayoutStore(){return _store.createLayoutStore},get layoutReducer(){return _reducer.layoutReducer},get useAutoScrollToBottom(){return _useAutoScrollToBottom.useAutoScrollToBottom},get useLayout(){return _useLayout.useLayout},get useLayoutVar(){return _LayoutCssVars.useLayoutVar}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_constants=require("./-constants"),_Layout=require("./Layout"),_LayoutProvider=require("./LayoutProvider"),_LayoutCssVars=require("./LayoutCssVars"),_useLayout=require("./useLayout"),_useAutoScrollToBottom=require("./useAutoScrollToBottom"),_store=require("./store"),_reducer=require("./reducer");_export_star._(require("./-types"),exports);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get Layout(){return _Layout.Layout},get LayoutProvider(){return _LayoutProvider.LayoutProvider},get PANEL_WIDTH_VAR(){return _constants.PANEL_WIDTH_VAR},get SUBNAV_OFFSET_VAR(){return _constants.SUBNAV_OFFSET_VAR},get createInitialState(){return _reducer.createInitialState},get createLayoutStore(){return _store.createLayoutStore},get layoutReducer(){return _reducer.layoutReducer},get useAutoScrollToBottom(){return _useAutoScrollToBottom.useAutoScrollToBottom},get useLayout(){return _useLayout.useLayout},get useLayoutVar(){return _LayoutCssVars.useLayoutVar},get useMobileSplitView(){return _useMobileSplitView.useMobileSplitView}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _export_star=require("@swc/helpers/_/_export_star"),_constants=require("./-constants"),_Layout=require("./Layout"),_LayoutProvider=require("./LayoutProvider"),_LayoutCssVars=require("./LayoutCssVars"),_useLayout=require("./useLayout"),_useMobileSplitView=require("./Split/MobileSplitView/useMobileSplitView"),_useAutoScrollToBottom=require("./useAutoScrollToBottom"),_store=require("./store"),_reducer=require("./reducer");_export_star._(require("./-types"),exports);

package/build/cjs/components/Layout/reducer.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get createInitialState(){return createInitialState},get layoutReducer(){return layoutReducer}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});function sidePanel(config={}){return{kind:"sidePanel",visible:config.defaultVisible??!0,collapsible:config.collapsible??!0,variant:config.variant??"sidebar",size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function panelState(config={}){return{kind:"panel",visible:config.defaultVisible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function createInitialState(config={}){return{leftPanel:sidePanel(config.leftPanel),rightPanel:sidePanel({defaultVisible:!1,...config.rightPanel}),content:panelState(config.content),splitview:panelState({defaultVisible:!1,...config.splitview})}}const layoutReducer=(state,action,initial)=>{switch(action.type){case"setVisible":{let slot=state[action.slot];if(slot.visible===action.visible)return state;return{...state,[action.slot]:{...slot,visible:action.visible}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"reset":if(!initial)return state;if(!action.slot)return initial;if(state[action.slot]===initial[action.slot])return state;return{...state,[action.slot]:initial[action.slot]};default:return state}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get createInitialState(){return createInitialState},get layoutReducer(){return layoutReducer}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});function sidePanelFields(config={}){return{kind:"sidePanel",visible:config.defaultVisible??!0,collapsible:config.collapsible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function panelState(config={}){return{kind:"panel",visible:config.defaultVisible??!0,size:config.defaultSize,minSize:config.minSize,maxSize:config.maxSize}}function createInitialState(config={}){return{leftPanel:sidePanelFields(config.leftPanel),rightPanel:{...sidePanelFields({defaultVisible:!1,...config.rightPanel}),variant:config.rightPanel?.variant},content:panelState(config.content),splitview:panelState({defaultVisible:!1,...config.splitview})}}const layoutReducer=(state,action,initial)=>{switch(action.type){case"setVisible":{let slot=state[action.slot];if(slot.visible===action.visible)return state;return{...state,[action.slot]:{...slot,visible:action.visible}}}case"setVariant":{let panel=state[action.panel];if(panel.variant===action.variant)return state;return{...state,[action.panel]:{...panel,variant:action.variant}}}case"resize":{let slot=state[action.slot];if(slot.size===action.size)return state;return{...state,[action.slot]:{...slot,size:action.size}}}case"reset":if(!initial)return state;if(!action.slot)return initial;if(state[action.slot]===initial[action.slot])return state;return{...state,[action.slot]:initial[action.slot]};default:return state}};

package/build/cjs/components/Layout/registry.d.ts

@@ -1,6 +1,6 @@
 import { type ReactNode } from "react";
 import type { PanelImperativeHandle } from "react-resizable-panels";
-import type { Size, SlotKey } from "./-types";
+import type { RightPanelVariant, Size, SlotKey } from "./-types";
 export type PortalTargets = Partial<Record<SlotKey, HTMLElement | null>>;
 export declare const LayoutPortalContext: React.Context<Partial<Record<"content" | "leftPanel" | "splitview" | "rightPanel", HTMLElement>>>;
 /**
@@ -20,6 +20,12 @@ export type PanelReg = {
     minSize?: Size;
     maxSize?: Size;
     collapsible?: boolean;
+    /** When `false`, the panel is fixed at `defaultSize` and can't be drag-resized
+     *  (directly or via a neighbour). Defaults to resizable. */
+    resizable?: boolean;
+    /** Initial presentation from `RightPanel`'s `variant` prop. Read as the
+     *  fallback wherever the store's variant is still unset. */
+    variant?: RightPanelVariant;
 };
 export type PanelRegistry = {
     register: (slot: SlotKey, reg: PanelReg) => void;
@@ -28,6 +34,8 @@ export type PanelRegistry = {
 export declare const PanelRegistryContext: React.Context<PanelRegistry>;
 /** Register this slot as a panel for the marker's lifetime. */
 export declare function useDeclarePanel(slot: SlotKey, reg: PanelReg): void;
+export type PanelDeclarations = Partial<Record<SlotKey, PanelReg>>;
+export declare const PanelDeclarationsContext: React.Context<Partial<Record<"content" | "leftPanel" | "splitview" | "rightPanel", PanelReg>>>;
 /**
  * Keeps an animating-out panel in the resizable row while its exit plays - the
  * Group would otherwise drop the column the instant it's hidden. The panel

package/build/cjs/components/Layout/registry.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get LayoutPortalContext(){return LayoutPortalContext},get PanelAnimationContext(){return PanelAnimationContext},get PanelPresenceContext(){return PanelPresenceContext},get PanelRegistryContext(){return PanelRegistryContext},get useDeclarePanel(){return useDeclarePanel},get useLayoutPortal(){return useLayoutPortal},get usePanelAnimationControl(){return usePanelAnimationControl},get usePanelPresence(){return usePanelPresence},get useRunCallbackOnValueChange(){return useRunCallbackOnValueChange},get useVisibleChange(){return useVisibleChange}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),_reactdom=require("react-dom"),_constants=require("./-constants"),_context=require("./context"),LayoutPortalContext=(0,_react.createContext)({});function useLayoutPortal(slot,children){let slotNode=(0,_react.useContext)(LayoutPortalContext)[slot]??null;return slotNode?(0,_reactdom.createPortal)(children,slotNode):null}const PanelRegistryContext=(0,_react.createContext)(null);function useDeclarePanel(slot,reg){let registry=(0,_react.useContext)(PanelRegistryContext),declarationEnabled=!0===(0,_context.useLayoutPanelsEnabled)()||slot===_constants.Slot.content,{defaultSize,minSize,maxSize,collapsible}=reg;(0,_react.useLayoutEffect)(()=>{if(registry&&declarationEnabled)return registry.register(slot,{defaultSize,minSize,maxSize,collapsible}),()=>registry.unregister(slot)},[registry,declarationEnabled,slot,defaultSize,minSize,maxSize,collapsible])}const PanelPresenceContext=(0,_react.createContext)(null);function usePanelPresence(slot,isPresent){let presence=(0,_react.useContext)(PanelPresenceContext);(0,_react.useLayoutEffect)(()=>{if(presence)return presence.setPresent(slot,isPresent),()=>presence.setPresent(slot,!1)},[presence,slot,isPresent])}const PanelAnimationContext=(0,_react.createContext)(null);function usePanelAnimationControl(){return(0,_react.useContext)(PanelAnimationContext)}function useRunCallbackOnValueChange(value,onChange){let prev=(0,_react.useRef)(value);(0,_react.useEffect)(()=>{prev.current!==value&&(prev.current=value,onChange?.(value))},[value,onChange])}function useVisibleChange(visible,onChange){useRunCallbackOnValueChange(visible,onChange)}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var target=exports,all={get LayoutPortalContext(){return LayoutPortalContext},get PanelAnimationContext(){return PanelAnimationContext},get PanelDeclarationsContext(){return PanelDeclarationsContext},get PanelPresenceContext(){return PanelPresenceContext},get PanelRegistryContext(){return PanelRegistryContext},get useDeclarePanel(){return useDeclarePanel},get useLayoutPortal(){return useLayoutPortal},get usePanelAnimationControl(){return usePanelAnimationControl},get usePanelPresence(){return usePanelPresence},get useRunCallbackOnValueChange(){return useRunCallbackOnValueChange},get useVisibleChange(){return useVisibleChange}};for(var name in all)Object.defineProperty(target,name,{enumerable:!0,get:Object.getOwnPropertyDescriptor(all,name).get});const _react=require("react"),_reactdom=require("react-dom"),_constants=require("./-constants"),_context=require("./context"),LayoutPortalContext=(0,_react.createContext)({});function useLayoutPortal(slot,children){let slotNode=(0,_react.useContext)(LayoutPortalContext)[slot]??null;return slotNode?(0,_reactdom.createPortal)(children,slotNode):null}const PanelRegistryContext=(0,_react.createContext)(null);function useDeclarePanel(slot,reg){let registry=(0,_react.useContext)(PanelRegistryContext),declarationEnabled=!0===(0,_context.useLayoutPanelsEnabled)()||slot===_constants.Slot.content,{defaultSize,minSize,maxSize,collapsible,resizable,variant}=reg;(0,_react.useLayoutEffect)(()=>{if(registry&&declarationEnabled)return registry.register(slot,{defaultSize,minSize,maxSize,collapsible,resizable,variant}),()=>registry.unregister(slot)},[registry,declarationEnabled,slot,defaultSize,minSize,maxSize,collapsible,resizable,variant])}const PanelDeclarationsContext=(0,_react.createContext)({}),PanelPresenceContext=(0,_react.createContext)(null);function usePanelPresence(slot,isPresent){let presence=(0,_react.useContext)(PanelPresenceContext);(0,_react.useLayoutEffect)(()=>{if(presence)return presence.setPresent(slot,isPresent),()=>presence.setPresent(slot,!1)},[presence,slot,isPresent])}const PanelAnimationContext=(0,_react.createContext)(null);function usePanelAnimationControl(){return(0,_react.useContext)(PanelAnimationContext)}function useRunCallbackOnValueChange(value,onChange){let prev=(0,_react.useRef)(value);(0,_react.useEffect)(()=>{prev.current!==value&&(prev.current=value,onChange?.(value))},[value,onChange])}function useVisibleChange(visible,onChange){useRunCallbackOnValueChange(visible,onChange)}

package/build/cjs/components/Layout/useLayout.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useLayout",{enumerable:!0,get:function(){return useLayout}});const _context=require("./context"),selectAll=state=>state;function sidePanelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),setVariant:variant=>dispatch({type:"setVariant",panel,variant}),reset:()=>dispatch({type:"reset",slot:panel})}}function panelHandle(panel,state,dispatch){let slot=state[panel];return{state:slot,isVisible:slot.visible,show:()=>dispatch({type:"setVisible",slot:panel,visible:!0}),hide:()=>dispatch({type:"setVisible",slot:panel,visible:!1}),resize:size=>dispatch({type:"resize",slot:panel,size}),reset:()=>dispatch({type:"reset",slot:panel})}}function useLayout(){let store=(0,_context.useLayoutStore)(),state=(0,_context.useLayoutSelector)(selectAll),{dispatch}=store;return{state,leftPanel:sidePanelHandle("leftPanel",state,dispatch),rightPanel:sidePanelHandle("rightPanel",state,dispatch),content:panelHandle("content",state,dispatch),splitview:panelHandle("splitview",state,dispatch)}}
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useLayout",{enumerable:!0,get:function(){return useLayout}});const _react=require("react"),_context=require("./context"),_registry=require("./registry"),selectAll=state=>state;function panelHandleActions({slot,visible,dispatch}){return{isVisible:visible,show:()=>dispatch({type:"setVisible",slot,visible:!0}),hide:()=>dispatch({type:"setVisible",slot,visible:!1}),resize:size=>dispatch({type:"resize",slot,size}),reset:()=>dispatch({type:"reset",slot})}}function useLayout(){let store=(0,_context.useLayoutStore)(),state=(0,_context.useLayoutSelector)(selectAll),declared=(0,_react.useContext)(_registry.PanelDeclarationsContext),{dispatch}=store;return{state,leftPanel:{state:state.leftPanel,...panelHandleActions({slot:"leftPanel",visible:state.leftPanel.visible,dispatch})},rightPanel:{state:{...state.rightPanel,variant:state.rightPanel.variant??declared.rightPanel?.variant??"sidebar"},setVariant:variant=>dispatch({type:"setVariant",panel:"rightPanel",variant}),...panelHandleActions({slot:"rightPanel",visible:state.rightPanel.visible,dispatch})},content:{state:state.content,...panelHandleActions({slot:"content",visible:state.content.visible,dispatch})},splitview:{state:state.splitview,...panelHandleActions({slot:"splitview",visible:state.splitview.visible,dispatch})}}}

package/build/cjs/shared/useDragTransform.d.ts

@@ -0,0 +1,39 @@
+import type { RefObject } from "react";
+import type { MoveEndEvent, MoveMoveEvent, MoveStartEvent } from "@react-aria/interactions";
+export type Position = {
+    x: number;
+    y: number;
+};
+export type UseDragTransformOptions<T extends HTMLElement> = {
+    /** Ref of the element to move */
+    ref: RefObject<T>;
+    /** Minimum distance to keep between the element and the viewport edges */
+    edgeOffset?: number;
+    /** Distance (px) the element moves per arrow-key press while the handle is
+     *  focused. react-aria emits 1px keyboard deltas; this scales them. */
+    keyboardStep?: number;
+    /** Cursor shown on the element while a drag is in progress. Default `grabbing`. */
+    draggingCursor?: string;
+    /** Called once a drag ends, with the element's persisted translate offset */
+    onDragEnd?: (translate: Position) => void;
+};
+/** Pass these to a react-aria `useMove` call to drive the transform. */
+export type DragMoveHandlers = {
+    onMoveStart: (event: MoveStartEvent) => void;
+    onMove: (event: MoveMoveEvent) => void;
+    onMoveEnd: (event: MoveEndEvent) => void;
+};
+export type UseDragTransformResult = DragMoveHandlers & {
+    isDragging: boolean;
+};
+/**
+ * Applies a clamped `translate3d` to an element from movement deltas, keeping it
+ * within `edgeOffset` px of the viewport edges. Input-agnostic: it consumes
+ * react-aria `useMove` events (pointer, touch, and keyboard), so the caller owns
+ * where `moveProps` is spread while this owns the geometry. Works with any
+ * existing positioning (fixed, absolute, floating-ui) because it only layers a
+ * translate delta on top of the element's own rendered position. The transform
+ * is written directly to the element per move
+ * to avoid a re-render per pixel; React state only tracks `isDragging`.
+ */
+export declare function useDragTransform<T extends HTMLElement>({ ref, edgeOffset, keyboardStep, draggingCursor, onDragEnd, }: UseDragTransformOptions<T>): UseDragTransformResult;

package/build/cjs/shared/useDragTransform.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"useDragTransform",{enumerable:!0,get:function(){return useDragTransform}});const _react=require("react"),_useWindow=require("./useWindow"),clamp=({value,min,max})=>max<min?min:Math.min(Math.max(value,min),max),computeClampedTopLeft=({proposedTopLeft,elementSize,viewportSize,edgeOffset})=>({x:clamp({value:proposedTopLeft.x,min:edgeOffset,max:viewportSize.width-elementSize.width-edgeOffset}),y:clamp({value:proposedTopLeft.y,min:edgeOffset,max:viewportSize.height-elementSize.height-edgeOffset})}),INITIAL_TRANSLATE={x:0,y:0};function useDragTransform({ref,edgeOffset=0,keyboardStep=10,draggingCursor="grabbing",onDragEnd}){let currentWindow=(0,_useWindow.useWindow)(),[isDragging,setIsDragging]=(0,_react.useState)(!1),appliedTranslateRef=(0,_react.useRef)(INITIAL_TRANSLATE),accumulatedDeltaRef=(0,_react.useRef)(INITIAL_TRANSLATE),rectAtDragStartRef=(0,_react.useRef)(null),previousElementCursorRef=(0,_react.useRef)(""),previousElementUserSelectRef=(0,_react.useRef)(""),resolveTranslate=(0,_react.useCallback)(()=>{let rectAtDragStart=rectAtDragStartRef.current;if(!rectAtDragStart||!currentWindow)return appliedTranslateRef.current;let clampedTopLeft=computeClampedTopLeft({proposedTopLeft:{x:rectAtDragStart.left+accumulatedDeltaRef.current.x,y:rectAtDragStart.top+accumulatedDeltaRef.current.y},elementSize:{width:rectAtDragStart.width,height:rectAtDragStart.height},viewportSize:{width:currentWindow.innerWidth,height:currentWindow.innerHeight},edgeOffset});return{x:appliedTranslateRef.current.x+(clampedTopLeft.x-rectAtDragStart.left),y:appliedTranslateRef.current.y+(clampedTopLeft.y-rectAtDragStart.top)}},[currentWindow,edgeOffset]),onMoveStart=(0,_react.useCallback)(()=>{let element=ref.current;element&&(rectAtDragStartRef.current=element.getBoundingClientRect(),accumulatedDeltaRef.current=INITIAL_TRANSLATE,previousElementCursorRef.current=element.style.cursor,previousElementUserSelectRef.current=element.style.userSelect,element.style.cursor=draggingCursor,element.style.userSelect="none",setIsDragging(!0))},[ref,draggingCursor]),onMove=(0,_react.useCallback)(event=>{let element=ref.current;if(!element||!rectAtDragStartRef.current)return;let factor="keyboard"===event.pointerType?keyboardStep:1;accumulatedDeltaRef.current={x:accumulatedDeltaRef.current.x+event.deltaX*factor,y:accumulatedDeltaRef.current.y+event.deltaY*factor};let{x,y}=resolveTranslate();element.style.transform=`translate3d(${x}px, ${y}px, 0)`},[ref,keyboardStep,resolveTranslate]),onMoveEnd=(0,_react.useCallback)(()=>{rectAtDragStartRef.current&&(appliedTranslateRef.current=resolveTranslate()),rectAtDragStartRef.current=null;let element=ref.current;element&&(element.style.cursor=previousElementCursorRef.current,element.style.userSelect=previousElementUserSelectRef.current),setIsDragging(!1),onDragEnd?.(appliedTranslateRef.current)},[ref,resolveTranslate,onDragEnd]);return(0,_react.useEffect)(()=>()=>{let element=ref.current;rectAtDragStartRef.current&&element&&(element.style.cursor=previousElementCursorRef.current,element.style.userSelect=previousElementUserSelectRef.current)},[ref]),(0,_react.useEffect)(()=>{if(!currentWindow)return;let reconcileFrame=0,reconcileTranslateToViewport=()=>{let element=ref.current,applied=appliedTranslateRef.current,isIdle=!rectAtDragStartRef.current,hasOffset=0!==applied.x||0!==applied.y;if(!element||!isIdle||!hasOffset)return;let rect=element.getBoundingClientRect(),clampedTopLeft=computeClampedTopLeft({proposedTopLeft:{x:rect.left,y:rect.top},elementSize:{width:rect.width,height:rect.height},viewportSize:{width:currentWindow.innerWidth,height:currentWindow.innerHeight},edgeOffset}),nextTranslate={x:applied.x+(clampedTopLeft.x-rect.left),y:applied.y+(clampedTopLeft.y-rect.top)};(nextTranslate.x!==applied.x||nextTranslate.y!==applied.y)&&(appliedTranslateRef.current=nextTranslate,element.style.transform=`translate3d(${nextTranslate.x}px, ${nextTranslate.y}px, 0)`)},handleResize=()=>{currentWindow.cancelAnimationFrame(reconcileFrame),reconcileFrame=currentWindow.requestAnimationFrame(reconcileTranslateToViewport)};return currentWindow.addEventListener("resize",handleResize),()=>{currentWindow.cancelAnimationFrame(reconcileFrame),currentWindow.removeEventListener("resize",handleResize)}},[currentWindow,edgeOffset,ref]),{isDragging,onMoveStart,onMove,onMoveEnd}}

package/build/cjs/web-tokens/_sizes.json

@@ -319,6 +319,16 @@
         "variableName": "$size-letter-spacing-m",
         "isUsed": false
     },
+    {
+        "category": "size",
+        "type": "font",
+        "name": "font xxs",
+        "subitemName": "xxs",
+        "value": "10px",
+        "original": 10,
+        "variableName": "$size-font-xxs",
+        "isUsed": false
+    },
     {
         "category": "size",
         "type": "font",

package/build/cjs/web-tokens/layout-vars.d.ts

@@ -2,6 +2,8 @@ export declare const LAYOUT_VARS: {
     readonly contentWidth: "--ds-layout-content-width";
     readonly rightPanelWidth: "--ds-layout-rightPanel-width";
     readonly subnavOffset: "--ds-layout-subnav-offset";
+    readonly floatWidth: "--ds-layout-float-width";
+    readonly floatHeight: "--ds-layout-float-height";
 };
 export type LayoutVarKey = keyof typeof LAYOUT_VARS;
 export type LayoutVarName = (typeof LAYOUT_VARS)[LayoutVarKey];

package/build/cjs/web-tokens/layout-vars.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LAYOUT_VARS",{enumerable:!0,get:function(){return LAYOUT_VARS}});const LAYOUT_VARS={contentWidth:"--ds-layout-content-width",rightPanelWidth:"--ds-layout-rightPanel-width",subnavOffset:"--ds-layout-subnav-offset"};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LAYOUT_VARS",{enumerable:!0,get:function(){return LAYOUT_VARS}});const LAYOUT_VARS={contentWidth:"--ds-layout-content-width",rightPanelWidth:"--ds-layout-rightPanel-width",subnavOffset:"--ds-layout-subnav-offset",floatWidth:"--ds-layout-float-width",floatHeight:"--ds-layout-float-height"};

package/build/cjs/web-tokens/layout-vars.ts

@@ -5,6 +5,8 @@ export const LAYOUT_VARS = {
   contentWidth: "--ds-layout-content-width",
   rightPanelWidth: "--ds-layout-rightPanel-width",
   subnavOffset: "--ds-layout-subnav-offset",
+  floatWidth: "--ds-layout-float-width",
+  floatHeight: "--ds-layout-float-height",
 } as const;
 
 export type LayoutVarKey = keyof typeof LAYOUT_VARS;

package/build/cjs/web-tokens/visualConfig.d.ts

@@ -81,6 +81,7 @@ type Variables = {
             "m": string;
         };
         "font": {
+            "xxs": string;
             "xs": string;
             "s": string;
             "m": string;
@@ -213,6 +214,14 @@ type Variables = {
                 "default": string;
             };
         };
+        "float": {
+            "width": {
+                "default": string;
+            };
+            "height": {
+                "default": string;
+            };
+        };
     };
     "opacity": {
         "hidden": number;