@vibe/dialog 3.0.10 → 3.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- var e={arrow:"arrow_0e6edf051a"};!function(e){const a="s_id-3fb64cda561a_3_0_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".arrow_0e6edf051a {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_0e6edf051a[data-placement*=right], .black-app-theme .arrow_0e6edf051a[data-placement*=right], .hacker-app-theme .arrow_0e6edf051a[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0e6edf051a[data-placement*=left], .black-app-theme .arrow_0e6edf051a[data-placement*=left], .hacker-app-theme .arrow_0e6edf051a[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0e6edf051a[data-placement*=bottom], .black-app-theme .arrow_0e6edf051a[data-placement*=bottom], .hacker-app-theme .arrow_0e6edf051a[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_0e6edf051a[data-placement*=top], .black-app-theme .arrow_0e6edf051a[data-placement*=top], .hacker-app-theme .arrow_0e6edf051a[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_0e6edf051a[data-placement*=bottom] {\n top: 1px;\n}\n.arrow_0e6edf051a[data-placement*=top] {\n bottom: 1px;\n}\n.arrow_0e6edf051a[data-placement*=left] {\n right: 1px;\n}\n.arrow_0e6edf051a[data-placement*=right] {\n left: 1px;\n}");export{e as default};
1
+ var a={arrow:"arrow_cdf4ab51f2"};!function(a){const e="s_id-3fb64cda561a_3_0_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow_cdf4ab51f2 {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow_cdf4ab51f2[data-placement*=right], .black-app-theme .arrow_cdf4ab51f2[data-placement*=right], .hacker-app-theme .arrow_cdf4ab51f2[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_cdf4ab51f2[data-placement*=left], .black-app-theme .arrow_cdf4ab51f2[data-placement*=left], .hacker-app-theme .arrow_cdf4ab51f2[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_cdf4ab51f2[data-placement*=bottom], .black-app-theme .arrow_cdf4ab51f2[data-placement*=bottom], .hacker-app-theme .arrow_cdf4ab51f2[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow_cdf4ab51f2[data-placement*=top], .black-app-theme .arrow_cdf4ab51f2[data-placement*=top], .hacker-app-theme .arrow_cdf4ab51f2[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow_cdf4ab51f2[data-placement*=bottom] {\n top: 1px;\n}\n.arrow_cdf4ab51f2[data-placement*=top] {\n bottom: 1px;\n}\n.arrow_cdf4ab51f2[data-placement*=left] {\n right: 1px;\n}\n.arrow_cdf4ab51f2[data-placement*=right] {\n left: 1px;\n}");export{a as default};
2
2
  //# sourceMappingURL=Dialog.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var e={contentWrapper:"contentWrapper_926af104c2",top:"top_14e89cbf92",right:"right_3a52e4e223",left:"left_43895ebe7e",bottom:"bottom_bd196f0f9d",bottomStart:"bottomStart_28f5e90d66",topStart:"topStart_ffa8a5d430",bottomEnd:"bottomEnd_6f6ac4ac7d",topEnd:"topEnd_c2dec7d98f",leftStart:"leftStart_90fef9994e",rightStart:"rightStart_0452cf0164",leftEnd:"leftEnd_1fcf5906de",rightEnd:"rightEnd_f6dbaad477",contentComponent:"contentComponent_e848c4f8a0",hasTooltip:"hasTooltip_0219b1c9ea",opacitySlideAppear:"opacitySlideAppear_5271ef22c3",opacitySlideAppearActive:"opacitySlideAppearActive_1e1b3af2e6",expandAppear:"expandAppear_10ae5d96ce",expandExit:"expandExit_bc1e9ff513",edgeBottom:"edgeBottom_b29aa3b31b",edgeTop:"edgeTop_c2fa48c1d2",expandAppearActive:"expandAppearActive_160cfebe35"};!function(e){const t="s_id-ca4097b848ab_3_0_9";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_926af104c2 {\n outline: 0;\n}\n.contentWrapper_926af104c2.top_14e89cbf92, .contentWrapper_926af104c2.right_3a52e4e223, .contentWrapper_926af104c2.left_43895ebe7e, .contentWrapper_926af104c2.bottom_bd196f0f9d {\n padding: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.bottomStart_28f5e90d66, .contentWrapper_926af104c2.topStart_ffa8a5d430, .contentWrapper_926af104c2.bottomEnd_6f6ac4ac7d, .contentWrapper_926af104c2.topEnd_c2dec7d98f {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.bottomStart_28f5e90d66, .contentWrapper_926af104c2.topStart_ffa8a5d430 {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.bottomEnd_6f6ac4ac7d, .contentWrapper_926af104c2.topEnd_c2dec7d98f {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.leftStart_90fef9994e, .contentWrapper_926af104c2.rightStart_0452cf0164, .contentWrapper_926af104c2.leftEnd_1fcf5906de, .contentWrapper_926af104c2.rightEnd_f6dbaad477 {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.leftStart_90fef9994e, .contentWrapper_926af104c2.rightStart_0452cf0164 {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_926af104c2.leftEnd_1fcf5906de, .contentWrapper_926af104c2.rightEnd_f6dbaad477 {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_926af104c2[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent_e848c4f8a0:focus {\n outline: none;\n}\n.contentComponent_e848c4f8a0.hasTooltip_0219b1c9ea {\n padding: 6px;\n}\n.opacitySlideAppear_5271ef22c3 {\n opacity: 0;\n}\n.opacitySlideAppear_5271ef22c3.top_14e89cbf92 {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_5271ef22c3.right_3a52e4e223 {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_5271ef22c3.bottom_bd196f0f9d {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_5271ef22c3.left_43895ebe7e {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_1e1b3af2e6 {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive_1e1b3af2e6.top_14e89cbf92, .opacitySlideAppearActive_1e1b3af2e6.bottom_bd196f0f9d {\n transform: translateY(0);\n}\n.opacitySlideAppearActive_1e1b3af2e6.right_3a52e4e223, .opacitySlideAppearActive_1e1b3af2e6.left_43895ebe7e {\n transform: translateX(0);\n}\n.expandAppear_10ae5d96ce,\n.expandExit_bc1e9ff513 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_10ae5d96ce.top_14e89cbf92, .expandAppear_10ae5d96ce.topStart_ffa8a5d430, .expandAppear_10ae5d96ce.topEnd_c2dec7d98f,\n.expandExit_bc1e9ff513.top_14e89cbf92,\n.expandExit_bc1e9ff513.topStart_ffa8a5d430,\n.expandExit_bc1e9ff513.topEnd_c2dec7d98f {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear_10ae5d96ce.top_14e89cbf92.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.topStart_ffa8a5d430.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.topEnd_c2dec7d98f.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.top_14e89cbf92.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.topStart_ffa8a5d430.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.topEnd_c2dec7d98f.edgeBottom_b29aa3b31b {\n transform-origin: bottom left;\n}\n.expandAppear_10ae5d96ce.top_14e89cbf92.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.topStart_ffa8a5d430.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.topEnd_c2dec7d98f.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.top_14e89cbf92.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.topStart_ffa8a5d430.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.topEnd_c2dec7d98f.edgeTop_c2fa48c1d2 {\n transform-origin: bottom right;\n}\n.expandAppear_10ae5d96ce.right_3a52e4e223, .expandAppear_10ae5d96ce.rightStart_0452cf0164, .expandAppear_10ae5d96ce.rightEnd_f6dbaad477,\n.expandExit_bc1e9ff513.right_3a52e4e223,\n.expandExit_bc1e9ff513.rightStart_0452cf0164,\n.expandExit_bc1e9ff513.rightEnd_f6dbaad477 {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear_10ae5d96ce.right_3a52e4e223.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.rightStart_0452cf0164.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.rightEnd_f6dbaad477.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.right_3a52e4e223.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.rightStart_0452cf0164.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.rightEnd_f6dbaad477.edgeBottom_b29aa3b31b {\n transform-origin: top left;\n}\n.expandAppear_10ae5d96ce.right_3a52e4e223.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.rightStart_0452cf0164.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.rightEnd_f6dbaad477.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.right_3a52e4e223.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.rightStart_0452cf0164.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.rightEnd_f6dbaad477.edgeTop_c2fa48c1d2 {\n transform-origin: bottom left;\n}\n.expandAppear_10ae5d96ce.bottom_bd196f0f9d, .expandAppear_10ae5d96ce.bottomStart_28f5e90d66, .expandAppear_10ae5d96ce.bottomEnd_6f6ac4ac7d,\n.expandExit_bc1e9ff513.bottom_bd196f0f9d,\n.expandExit_bc1e9ff513.bottomStart_28f5e90d66,\n.expandExit_bc1e9ff513.bottomEnd_6f6ac4ac7d {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear_10ae5d96ce.bottom_bd196f0f9d.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.bottomStart_28f5e90d66.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.bottomEnd_6f6ac4ac7d.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.bottom_bd196f0f9d.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.bottomStart_28f5e90d66.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.bottomEnd_6f6ac4ac7d.edgeBottom_b29aa3b31b {\n transform-origin: top left;\n}\n.expandAppear_10ae5d96ce.bottom_bd196f0f9d.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.bottomStart_28f5e90d66.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.bottomEnd_6f6ac4ac7d.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.bottom_bd196f0f9d.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.bottomStart_28f5e90d66.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.bottomEnd_6f6ac4ac7d.edgeTop_c2fa48c1d2 {\n transform-origin: top right;\n}\n.expandAppear_10ae5d96ce.left_43895ebe7e, .expandAppear_10ae5d96ce.leftStart_90fef9994e, .expandAppear_10ae5d96ce.leftEnd_1fcf5906de,\n.expandExit_bc1e9ff513.left_43895ebe7e,\n.expandExit_bc1e9ff513.leftStart_90fef9994e,\n.expandExit_bc1e9ff513.leftEnd_1fcf5906de {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear_10ae5d96ce.left_43895ebe7e.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.leftStart_90fef9994e.edgeBottom_b29aa3b31b, .expandAppear_10ae5d96ce.leftEnd_1fcf5906de.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.left_43895ebe7e.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.leftStart_90fef9994e.edgeBottom_b29aa3b31b,\n.expandExit_bc1e9ff513.leftEnd_1fcf5906de.edgeBottom_b29aa3b31b {\n transform-origin: top right;\n}\n.expandAppear_10ae5d96ce.left_43895ebe7e.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.leftStart_90fef9994e.edgeTop_c2fa48c1d2, .expandAppear_10ae5d96ce.leftEnd_1fcf5906de.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.left_43895ebe7e.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.leftStart_90fef9994e.edgeTop_c2fa48c1d2,\n.expandExit_bc1e9ff513.leftEnd_1fcf5906de.edgeTop_c2fa48c1d2 {\n transform-origin: bottom right;\n}\n.expandExit_bc1e9ff513 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_160cfebe35 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive_160cfebe35.top_14e89cbf92, .expandAppearActive_160cfebe35.topStart_ffa8a5d430, .expandAppearActive_160cfebe35.topEnd_c2dec7d98f, .expandAppearActive_160cfebe35.bottom_bd196f0f9d, .expandAppearActive_160cfebe35.bottomStart_28f5e90d66, .expandAppearActive_160cfebe35.bottomEnd_6f6ac4ac7d, .expandAppearActive_160cfebe35.right_3a52e4e223, .expandAppearActive_160cfebe35.rightStart_0452cf0164, .expandAppearActive_160cfebe35.rightEnd_f6dbaad477, .expandAppearActive_160cfebe35.left_43895ebe7e, .expandAppearActive_160cfebe35.leftStart_90fef9994e, .expandAppearActive_160cfebe35.leftEnd_1fcf5906de {\n transform: scale(1);\n}");export{e as default};
1
+ var e={contentWrapper:"contentWrapper_3b77c752d5",top:"top_639b2b658b",right:"right_f67b8a43b3",left:"left_65a45bcd64",bottom:"bottom_5725a3fb41",bottomStart:"bottomStart_9b08b49647",topStart:"topStart_a0725e9675",bottomEnd:"bottomEnd_7f18e9659b",topEnd:"topEnd_4aa42bed3c",leftStart:"leftStart_56a883a4bc",rightStart:"rightStart_8180040bb6",leftEnd:"leftEnd_66d10fef92",rightEnd:"rightEnd_a3097a0193",contentComponent:"contentComponent_8543a36e55",hasTooltip:"hasTooltip_be16982b69",opacitySlideAppear:"opacitySlideAppear_814ecfc10e",opacitySlideAppearActive:"opacitySlideAppearActive_744b79f9e8",expandAppear:"expandAppear_652df2ddd4",expandExit:"expandExit_7b8beb04fb",edgeBottom:"edgeBottom_847ac98f1d",edgeTop:"edgeTop_0028421166",expandAppearActive:"expandAppearActive_cd84aa2d73"};!function(e){const t="s_id-ca4097b848ab_3_0_10";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper_3b77c752d5 {\n outline: 0;\n}\n.contentWrapper_3b77c752d5.top_639b2b658b, .contentWrapper_3b77c752d5.right_f67b8a43b3, .contentWrapper_3b77c752d5.left_65a45bcd64, .contentWrapper_3b77c752d5.bottom_5725a3fb41 {\n padding: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.bottomStart_9b08b49647, .contentWrapper_3b77c752d5.topStart_a0725e9675, .contentWrapper_3b77c752d5.bottomEnd_7f18e9659b, .contentWrapper_3b77c752d5.topEnd_4aa42bed3c {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.bottomStart_9b08b49647, .contentWrapper_3b77c752d5.topStart_a0725e9675 {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.bottomEnd_7f18e9659b, .contentWrapper_3b77c752d5.topEnd_4aa42bed3c {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.leftStart_56a883a4bc, .contentWrapper_3b77c752d5.rightStart_8180040bb6, .contentWrapper_3b77c752d5.leftEnd_66d10fef92, .contentWrapper_3b77c752d5.rightEnd_a3097a0193 {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.leftStart_56a883a4bc, .contentWrapper_3b77c752d5.rightStart_8180040bb6 {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5.leftEnd_66d10fef92, .contentWrapper_3b77c752d5.rightEnd_a3097a0193 {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper_3b77c752d5[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent_8543a36e55:focus {\n outline: none;\n}\n.contentComponent_8543a36e55.hasTooltip_be16982b69 {\n padding: 6px;\n}\n.opacitySlideAppear_814ecfc10e {\n opacity: 0;\n}\n.opacitySlideAppear_814ecfc10e.top_639b2b658b {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear_814ecfc10e.right_f67b8a43b3 {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_814ecfc10e.bottom_5725a3fb41 {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear_814ecfc10e.left_65a45bcd64 {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive_744b79f9e8 {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive_744b79f9e8.top_639b2b658b, .opacitySlideAppearActive_744b79f9e8.bottom_5725a3fb41 {\n transform: translateY(0);\n}\n.opacitySlideAppearActive_744b79f9e8.right_f67b8a43b3, .opacitySlideAppearActive_744b79f9e8.left_65a45bcd64 {\n transform: translateX(0);\n}\n.expandAppear_652df2ddd4,\n.expandExit_7b8beb04fb {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear_652df2ddd4.top_639b2b658b, .expandAppear_652df2ddd4.topStart_a0725e9675, .expandAppear_652df2ddd4.topEnd_4aa42bed3c,\n.expandExit_7b8beb04fb.top_639b2b658b,\n.expandExit_7b8beb04fb.topStart_a0725e9675,\n.expandExit_7b8beb04fb.topEnd_4aa42bed3c {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear_652df2ddd4.top_639b2b658b.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.topStart_a0725e9675.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.topEnd_4aa42bed3c.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.top_639b2b658b.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.topStart_a0725e9675.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.topEnd_4aa42bed3c.edgeBottom_847ac98f1d {\n transform-origin: bottom left;\n}\n.expandAppear_652df2ddd4.top_639b2b658b.edgeTop_0028421166, .expandAppear_652df2ddd4.topStart_a0725e9675.edgeTop_0028421166, .expandAppear_652df2ddd4.topEnd_4aa42bed3c.edgeTop_0028421166,\n.expandExit_7b8beb04fb.top_639b2b658b.edgeTop_0028421166,\n.expandExit_7b8beb04fb.topStart_a0725e9675.edgeTop_0028421166,\n.expandExit_7b8beb04fb.topEnd_4aa42bed3c.edgeTop_0028421166 {\n transform-origin: bottom right;\n}\n.expandAppear_652df2ddd4.right_f67b8a43b3, .expandAppear_652df2ddd4.rightStart_8180040bb6, .expandAppear_652df2ddd4.rightEnd_a3097a0193,\n.expandExit_7b8beb04fb.right_f67b8a43b3,\n.expandExit_7b8beb04fb.rightStart_8180040bb6,\n.expandExit_7b8beb04fb.rightEnd_a3097a0193 {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear_652df2ddd4.right_f67b8a43b3.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.rightStart_8180040bb6.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.rightEnd_a3097a0193.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.right_f67b8a43b3.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.rightStart_8180040bb6.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.rightEnd_a3097a0193.edgeBottom_847ac98f1d {\n transform-origin: top left;\n}\n.expandAppear_652df2ddd4.right_f67b8a43b3.edgeTop_0028421166, .expandAppear_652df2ddd4.rightStart_8180040bb6.edgeTop_0028421166, .expandAppear_652df2ddd4.rightEnd_a3097a0193.edgeTop_0028421166,\n.expandExit_7b8beb04fb.right_f67b8a43b3.edgeTop_0028421166,\n.expandExit_7b8beb04fb.rightStart_8180040bb6.edgeTop_0028421166,\n.expandExit_7b8beb04fb.rightEnd_a3097a0193.edgeTop_0028421166 {\n transform-origin: bottom left;\n}\n.expandAppear_652df2ddd4.bottom_5725a3fb41, .expandAppear_652df2ddd4.bottomStart_9b08b49647, .expandAppear_652df2ddd4.bottomEnd_7f18e9659b,\n.expandExit_7b8beb04fb.bottom_5725a3fb41,\n.expandExit_7b8beb04fb.bottomStart_9b08b49647,\n.expandExit_7b8beb04fb.bottomEnd_7f18e9659b {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear_652df2ddd4.bottom_5725a3fb41.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.bottomStart_9b08b49647.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.bottomEnd_7f18e9659b.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.bottom_5725a3fb41.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.bottomStart_9b08b49647.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.bottomEnd_7f18e9659b.edgeBottom_847ac98f1d {\n transform-origin: top left;\n}\n.expandAppear_652df2ddd4.bottom_5725a3fb41.edgeTop_0028421166, .expandAppear_652df2ddd4.bottomStart_9b08b49647.edgeTop_0028421166, .expandAppear_652df2ddd4.bottomEnd_7f18e9659b.edgeTop_0028421166,\n.expandExit_7b8beb04fb.bottom_5725a3fb41.edgeTop_0028421166,\n.expandExit_7b8beb04fb.bottomStart_9b08b49647.edgeTop_0028421166,\n.expandExit_7b8beb04fb.bottomEnd_7f18e9659b.edgeTop_0028421166 {\n transform-origin: top right;\n}\n.expandAppear_652df2ddd4.left_65a45bcd64, .expandAppear_652df2ddd4.leftStart_56a883a4bc, .expandAppear_652df2ddd4.leftEnd_66d10fef92,\n.expandExit_7b8beb04fb.left_65a45bcd64,\n.expandExit_7b8beb04fb.leftStart_56a883a4bc,\n.expandExit_7b8beb04fb.leftEnd_66d10fef92 {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear_652df2ddd4.left_65a45bcd64.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.leftStart_56a883a4bc.edgeBottom_847ac98f1d, .expandAppear_652df2ddd4.leftEnd_66d10fef92.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.left_65a45bcd64.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.leftStart_56a883a4bc.edgeBottom_847ac98f1d,\n.expandExit_7b8beb04fb.leftEnd_66d10fef92.edgeBottom_847ac98f1d {\n transform-origin: top right;\n}\n.expandAppear_652df2ddd4.left_65a45bcd64.edgeTop_0028421166, .expandAppear_652df2ddd4.leftStart_56a883a4bc.edgeTop_0028421166, .expandAppear_652df2ddd4.leftEnd_66d10fef92.edgeTop_0028421166,\n.expandExit_7b8beb04fb.left_65a45bcd64.edgeTop_0028421166,\n.expandExit_7b8beb04fb.leftStart_56a883a4bc.edgeTop_0028421166,\n.expandExit_7b8beb04fb.leftEnd_66d10fef92.edgeTop_0028421166 {\n transform-origin: bottom right;\n}\n.expandExit_7b8beb04fb {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive_cd84aa2d73 {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive_cd84aa2d73.top_639b2b658b, .expandAppearActive_cd84aa2d73.topStart_a0725e9675, .expandAppearActive_cd84aa2d73.topEnd_4aa42bed3c, .expandAppearActive_cd84aa2d73.bottom_5725a3fb41, .expandAppearActive_cd84aa2d73.bottomStart_9b08b49647, .expandAppearActive_cd84aa2d73.bottomEnd_7f18e9659b, .expandAppearActive_cd84aa2d73.right_f67b8a43b3, .expandAppearActive_cd84aa2d73.rightStart_8180040bb6, .expandAppearActive_cd84aa2d73.rightEnd_a3097a0193, .expandAppearActive_cd84aa2d73.left_65a45bcd64, .expandAppearActive_cd84aa2d73.leftStart_56a883a4bc, .expandAppearActive_cd84aa2d73.leftEnd_66d10fef92 {\n transform: scale(1);\n}");export{e as default};
2
2
  //# sourceMappingURL=DialogContent.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{DialogPlacement as o}from"./DialogConstants.js";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";import i from"./useForceUpdate.js";import{createObserveContentResizeModifier as r}from"./modifiers/observeContentResizeModifier.js";import{createObserveReferenceResizeModifier as n}from"./modifiers/observeReferenceResizeModifier.js";const{RIGHT_START:f,RIGHT_END:a,LEFT_START:m,LEFT_END:p}=o,l=[a,m,p];function c(o,a,{isOpen:m,placement:p=f,observeContentResize:c,observeReferenceResize:d,offset:b,fallbackPlacements:R=l}){const v=i();s((()=>{v()}),[o,a,v]);const T=e((()=>({placement:p,modifiers:[{name:"flip",options:{fallbackPlacements:R}},{name:"displayNone",enabled:!0,phase:"write",fn:({state:e})=>(e.styles.popper.visibility=m?"visible":"hidden",e)},r(c),n(d),void 0!==b&&{name:"offset",options:{offset:b}}]})),[p,c,b,m]),{styles:u,attributes:y}=t(o,a,T);return{styles:u,attributes:y}}export{c as default};
1
+ import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{DialogPlacement as o}from"./DialogConstants.js";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";import i from"./useForceUpdate.js";import{createObserveContentResizeModifier as r}from"./modifiers/observeContentResizeModifier.js";import{createObserveReferenceResizeModifier as n}from"./modifiers/observeReferenceResizeModifier.js";const{RIGHT_START:f,RIGHT_END:a,LEFT_START:m,LEFT_END:p}=o,l=[a,m,p];function c(o,a,{isOpen:m,placement:p=f,observeContentResize:c,observeReferenceResize:d,offset:b,fallbackPlacements:R=l}){const v=i();s((()=>{v()}),[o,a,v]);const T=e((()=>({placement:p,modifiers:[{name:"flip",options:{fallbackPlacements:R}},{name:"displayNone",enabled:!0,phase:"write",fn:({state:e})=>(e.styles.popper.visibility=m?"visible":"hidden",e)},r(c),n(d),...void 0!==b?[{name:"offset",options:{offset:b}}]:[]]})),[p,c,b,m]),{styles:u,attributes:y}=t(o,a,T);return{styles:u,attributes:y}}export{c as default};
2
2
  //# sourceMappingURL=usePopover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePopover.js","sources":["../../src/Dialog/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { DialogPlacement as Placement } from \"./DialogConstants\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\nimport { createObserveReferenceResizeModifier } from \"./modifiers/observeReferenceResizeModifier\";\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst DEFAULT_FALLBACK_PLACEMENTS = [RIGHT_END, LEFT_START, LEFT_END];\n\nexport default function usePopover(\n referenceElement: HTMLElement,\n popperElement: HTMLElement,\n {\n isOpen,\n placement = RIGHT_START,\n observeContentResize,\n observeReferenceResize,\n offset,\n fallbackPlacements = DEFAULT_FALLBACK_PLACEMENTS\n }: {\n isOpen?: boolean;\n placement?: Placement;\n observeContentResize?: boolean;\n observeReferenceResize?: boolean;\n offset?: [number, number];\n fallbackPlacements?: Placement[];\n }\n) {\n const forceUpdate = useForceUpdate();\n\n // we have to use forceUpdate because\n // usePopper need to run again after any refs changes, even after the first render.\n useIsomorphicLayoutEffect(() => {\n forceUpdate();\n }, [referenceElement, popperElement, forceUpdate]);\n\n const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n return {\n placement,\n modifiers: [\n {\n name: \"flip\",\n options: {\n fallbackPlacements\n }\n },\n {\n name: \"displayNone\",\n enabled: true,\n phase: \"write\",\n fn: ({ state }: { state: State }) => {\n state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n createObserveReferenceResizeModifier(observeReferenceResize),\n offset !== undefined && {\n name: \"offset\",\n options: { offset }\n }\n ]\n };\n }, [placement, observeContentResize, offset, isOpen]);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n return { styles, attributes };\n}\n"],"names":["RIGHT_START","RIGHT_END","LEFT_START","LEFT_END","Placement","DEFAULT_FALLBACK_PLACEMENTS","usePopover","referenceElement","popperElement","isOpen","placement","observeContentResize","observeReferenceResize","offset","fallbackPlacements","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","name","options","enabled","phase","fn","state","styles","popper","visibility","createObserveContentResizeModifier","createObserveReferenceResizeModifier","undefined","attributes","usePopper"],"mappings":"kaAQA,MAAMA,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAEnDC,EAA8B,CAACJ,EAAWC,EAAYC,GAE9C,SAAUG,EACtBC,EACAC,GACAC,OACEA,EAAMC,UACNA,EAAYV,EAAWW,qBACvBA,EAAoBC,uBACpBA,EAAsBC,OACtBA,EAAMC,mBACNA,EAAqBT,IAUvB,MAAMU,EAAcC,IAIpBC,GAA0B,KACxBF,GAAa,GACZ,CAACR,EAAkBC,EAAeO,IAErC,MAAMG,EAA0DC,GAAQ,KAC/D,CACLT,YACAU,UAAW,CACT,CACEC,KAAM,OACNC,QAAS,CACPR,uBAGJ,CACEO,KAAM,cACNE,SAAS,EACTC,MAAO,QACPC,GAAIA,EAAGC,YACLA,EAAMC,OAAOC,OAAOC,WAAapB,EAAS,UAAY,SAC/CiB,IAGXI,EAAmCnB,GACnCoB,EAAqCnB,QAC1BoB,IAAXnB,GAAwB,CACtBQ,KAAM,SACNC,QAAS,CAAET,eAIhB,CAACH,EAAWC,EAAsBE,EAAQJ,KAEvCkB,OAAEA,EAAMM,WAAEA,GAAeC,EAAU3B,EAAkBC,EAAeU,GAE1E,MAAO,CAAES,SAAQM,aACnB"}
1
+ {"version":3,"file":"usePopover.js","sources":["../../src/Dialog/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { DialogPlacement as Placement } from \"./DialogConstants\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\nimport { createObserveReferenceResizeModifier } from \"./modifiers/observeReferenceResizeModifier\";\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst DEFAULT_FALLBACK_PLACEMENTS = [RIGHT_END, LEFT_START, LEFT_END];\n\nexport default function usePopover(\n referenceElement: HTMLElement,\n popperElement: HTMLElement,\n {\n isOpen,\n placement = RIGHT_START,\n observeContentResize,\n observeReferenceResize,\n offset,\n fallbackPlacements = DEFAULT_FALLBACK_PLACEMENTS\n }: {\n isOpen?: boolean;\n placement?: Placement;\n observeContentResize?: boolean;\n observeReferenceResize?: boolean;\n offset?: [number, number];\n fallbackPlacements?: Placement[];\n }\n) {\n const forceUpdate = useForceUpdate();\n\n // we have to use forceUpdate because\n // usePopper need to run again after any refs changes, even after the first render.\n useIsomorphicLayoutEffect(() => {\n forceUpdate();\n }, [referenceElement, popperElement, forceUpdate]);\n\n const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n return {\n placement,\n modifiers: [\n {\n name: \"flip\",\n options: {\n fallbackPlacements\n }\n },\n {\n name: \"displayNone\",\n enabled: true,\n phase: \"write\",\n fn: ({ state }: { state: State }) => {\n state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n createObserveReferenceResizeModifier(observeReferenceResize),\n ...(offset !== undefined\n ? [\n {\n name: \"offset\" as const,\n options: { offset }\n }\n ]\n : [])\n ]\n };\n }, [placement, observeContentResize, offset, isOpen]);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n return { styles, attributes };\n}\n"],"names":["RIGHT_START","RIGHT_END","LEFT_START","LEFT_END","Placement","DEFAULT_FALLBACK_PLACEMENTS","usePopover","referenceElement","popperElement","isOpen","placement","observeContentResize","observeReferenceResize","offset","fallbackPlacements","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","name","options","enabled","phase","fn","state","styles","popper","visibility","createObserveContentResizeModifier","createObserveReferenceResizeModifier","undefined","attributes","usePopper"],"mappings":"kaAQA,MAAMA,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAEnDC,EAA8B,CAACJ,EAAWC,EAAYC,GAE9C,SAAUG,EACtBC,EACAC,GACAC,OACEA,EAAMC,UACNA,EAAYV,EAAWW,qBACvBA,EAAoBC,uBACpBA,EAAsBC,OACtBA,EAAMC,mBACNA,EAAqBT,IAUvB,MAAMU,EAAcC,IAIpBC,GAA0B,KACxBF,GAAa,GACZ,CAACR,EAAkBC,EAAeO,IAErC,MAAMG,EAA0DC,GAAQ,KAC/D,CACLT,YACAU,UAAW,CACT,CACEC,KAAM,OACNC,QAAS,CACPR,uBAGJ,CACEO,KAAM,cACNE,SAAS,EACTC,MAAO,QACPC,GAAIA,EAAGC,YACLA,EAAMC,OAAOC,OAAOC,WAAapB,EAAS,UAAY,SAC/CiB,IAGXI,EAAmCnB,GACnCoB,EAAqCnB,WACtBoB,IAAXnB,EACA,CACE,CACEQ,KAAM,SACNC,QAAS,CAAET,YAGf,OAGP,CAACH,EAAWC,EAAsBE,EAAQJ,KAEvCkB,OAAEA,EAAMM,WAAEA,GAAeC,EAAU3B,EAAkBC,EAAeU,GAE1E,MAAO,CAAES,SAAQM,aACnB"}
@@ -1,2 +1,2 @@
1
- var e={dialogContentContainer:"dialogContentContainer_1cfe6abdb7",sizeSmall:"sizeSmall_6a58a3507f",sizeMedium:"sizeMedium_79d61332bd",sizeLarge:"sizeLarge_3f7e5f7863",typePopover:"typePopover_0a5b5f0199",typeModal:"typeModal_2823b2339d"};!function(e){const a="s_id-f752ec1c8102_3_0_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_1cfe6abdb7:focus {\n outline: none;\n}\n\n.sizeSmall_6a58a3507f {\n padding: var(--spacing-small);\n}\n\n.sizeMedium_79d61332bd {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge_3f7e5f7863 {\n padding: var(--spacing-large);\n}\n\n.typePopover_0a5b5f0199 {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_0a5b5f0199, .black-app-theme .typePopover_0a5b5f0199, .hacker-app-theme .typePopover_0a5b5f0199 {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_2823b2339d {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
1
+ var e={dialogContentContainer:"dialogContentContainer_b324acc2af",sizeSmall:"sizeSmall_849e5224ab",sizeMedium:"sizeMedium_b566424857",sizeLarge:"sizeLarge_239419e001",typePopover:"typePopover_0727617ed9",typeModal:"typeModal_4eb6a9d315"};!function(e){const a="s_id-f752ec1c8102_3_0_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".dialogContentContainer_b324acc2af:focus {\n outline: none;\n}\n\n.sizeSmall_849e5224ab {\n padding: var(--spacing-small);\n}\n\n.sizeMedium_b566424857 {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge_239419e001 {\n padding: var(--spacing-large);\n}\n\n.typePopover_0727617ed9 {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover_0727617ed9, .black-app-theme .typePopover_0727617ed9, .hacker-app-theme .typePopover_0727617ed9 {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal_4eb6a9d315 {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=DialogContentContainer.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_0_9";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n top: 1px;\n}\n.arrow[data-placement*=top] {\n bottom: 1px;\n}\n.arrow[data-placement*=left] {\n right: 1px;\n}\n.arrow[data-placement*=right] {\n left: 1px;\n}");export{a as default};
1
+ var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_0_10";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n top: 1px;\n}\n.arrow[data-placement*=top] {\n bottom: 1px;\n}\n.arrow[data-placement*=left] {\n right: 1px;\n}\n.arrow[data-placement*=right] {\n left: 1px;\n}");export{a as default};
2
2
  //# sourceMappingURL=Dialog.module.scss.js.map
@@ -1,2 +1,2 @@
1
- var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_0_9";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper {\n outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent:focus {\n outline: none;\n}\n.contentComponent.hasTooltip {\n padding: 6px;\n}\n.opacitySlideAppear {\n opacity: 0;\n}\n.opacitySlideAppear.top {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n transform: scale(1);\n}");export{t as default};
1
+ var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_0_10";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper {\n outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent:focus {\n outline: none;\n}\n.contentComponent.hasTooltip {\n padding: 6px;\n}\n.opacitySlideAppear {\n opacity: 0;\n}\n.opacitySlideAppear.top {\n transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n transform: scale(1);\n}");export{t as default};
2
2
  //# sourceMappingURL=DialogContent.module.scss.js.map
@@ -1,2 +1,2 @@
1
- import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{DialogPlacement as o}from"./DialogConstants.js";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";import i from"./useForceUpdate.js";import{createObserveContentResizeModifier as r}from"./modifiers/observeContentResizeModifier.js";import{createObserveReferenceResizeModifier as n}from"./modifiers/observeReferenceResizeModifier.js";const{RIGHT_START:f,RIGHT_END:a,LEFT_START:m,LEFT_END:p}=o,l=[a,m,p];function c(o,a,{isOpen:m,placement:p=f,observeContentResize:c,observeReferenceResize:d,offset:b,fallbackPlacements:R=l}){const v=i();s((()=>{v()}),[o,a,v]);const T=e((()=>({placement:p,modifiers:[{name:"flip",options:{fallbackPlacements:R}},{name:"displayNone",enabled:!0,phase:"write",fn:({state:e})=>(e.styles.popper.visibility=m?"visible":"hidden",e)},r(c),n(d),void 0!==b&&{name:"offset",options:{offset:b}}]})),[p,c,b,m]),{styles:u,attributes:y}=t(o,a,T);return{styles:u,attributes:y}}export{c as default};
1
+ import{useMemo as e}from"react";import{usePopper as t}from"react-popper";import{DialogPlacement as o}from"./DialogConstants.js";import{useIsomorphicLayoutEffect as s}from"@vibe/shared";import i from"./useForceUpdate.js";import{createObserveContentResizeModifier as r}from"./modifiers/observeContentResizeModifier.js";import{createObserveReferenceResizeModifier as n}from"./modifiers/observeReferenceResizeModifier.js";const{RIGHT_START:f,RIGHT_END:a,LEFT_START:m,LEFT_END:p}=o,l=[a,m,p];function c(o,a,{isOpen:m,placement:p=f,observeContentResize:c,observeReferenceResize:d,offset:b,fallbackPlacements:R=l}){const v=i();s((()=>{v()}),[o,a,v]);const T=e((()=>({placement:p,modifiers:[{name:"flip",options:{fallbackPlacements:R}},{name:"displayNone",enabled:!0,phase:"write",fn:({state:e})=>(e.styles.popper.visibility=m?"visible":"hidden",e)},r(c),n(d),...void 0!==b?[{name:"offset",options:{offset:b}}]:[]]})),[p,c,b,m]),{styles:u,attributes:y}=t(o,a,T);return{styles:u,attributes:y}}export{c as default};
2
2
  //# sourceMappingURL=usePopover.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"usePopover.js","sources":["../../../src/Dialog/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { DialogPlacement as Placement } from \"./DialogConstants\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\nimport { createObserveReferenceResizeModifier } from \"./modifiers/observeReferenceResizeModifier\";\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst DEFAULT_FALLBACK_PLACEMENTS = [RIGHT_END, LEFT_START, LEFT_END];\n\nexport default function usePopover(\n referenceElement: HTMLElement,\n popperElement: HTMLElement,\n {\n isOpen,\n placement = RIGHT_START,\n observeContentResize,\n observeReferenceResize,\n offset,\n fallbackPlacements = DEFAULT_FALLBACK_PLACEMENTS\n }: {\n isOpen?: boolean;\n placement?: Placement;\n observeContentResize?: boolean;\n observeReferenceResize?: boolean;\n offset?: [number, number];\n fallbackPlacements?: Placement[];\n }\n) {\n const forceUpdate = useForceUpdate();\n\n // we have to use forceUpdate because\n // usePopper need to run again after any refs changes, even after the first render.\n useIsomorphicLayoutEffect(() => {\n forceUpdate();\n }, [referenceElement, popperElement, forceUpdate]);\n\n const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n return {\n placement,\n modifiers: [\n {\n name: \"flip\",\n options: {\n fallbackPlacements\n }\n },\n {\n name: \"displayNone\",\n enabled: true,\n phase: \"write\",\n fn: ({ state }: { state: State }) => {\n state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n createObserveReferenceResizeModifier(observeReferenceResize),\n offset !== undefined && {\n name: \"offset\",\n options: { offset }\n }\n ]\n };\n }, [placement, observeContentResize, offset, isOpen]);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n return { styles, attributes };\n}\n"],"names":["RIGHT_START","RIGHT_END","LEFT_START","LEFT_END","Placement","DEFAULT_FALLBACK_PLACEMENTS","usePopover","referenceElement","popperElement","isOpen","placement","observeContentResize","observeReferenceResize","offset","fallbackPlacements","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","name","options","enabled","phase","fn","state","styles","popper","visibility","createObserveContentResizeModifier","createObserveReferenceResizeModifier","undefined","attributes","usePopper"],"mappings":"kaAQA,MAAMA,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAEnDC,EAA8B,CAACJ,EAAWC,EAAYC,GAE9C,SAAUG,EACtBC,EACAC,GACAC,OACEA,EAAMC,UACNA,EAAYV,EAAWW,qBACvBA,EAAoBC,uBACpBA,EAAsBC,OACtBA,EAAMC,mBACNA,EAAqBT,IAUvB,MAAMU,EAAcC,IAIpBC,GAA0B,KACxBF,GAAa,GACZ,CAACR,EAAkBC,EAAeO,IAErC,MAAMG,EAA0DC,GAAQ,KAC/D,CACLT,YACAU,UAAW,CACT,CACEC,KAAM,OACNC,QAAS,CACPR,uBAGJ,CACEO,KAAM,cACNE,SAAS,EACTC,MAAO,QACPC,GAAIA,EAAGC,YACLA,EAAMC,OAAOC,OAAOC,WAAapB,EAAS,UAAY,SAC/CiB,IAGXI,EAAmCnB,GACnCoB,EAAqCnB,QAC1BoB,IAAXnB,GAAwB,CACtBQ,KAAM,SACNC,QAAS,CAAET,eAIhB,CAACH,EAAWC,EAAsBE,EAAQJ,KAEvCkB,OAAEA,EAAMM,WAAEA,GAAeC,EAAU3B,EAAkBC,EAAeU,GAE1E,MAAO,CAAES,SAAQM,aACnB"}
1
+ {"version":3,"file":"usePopover.js","sources":["../../../src/Dialog/usePopover.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport { usePopper } from \"react-popper\";\nimport { DialogPlacement as Placement } from \"./DialogConstants\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport useForceUpdate from \"./useForceUpdate\";\nimport type { Options, State } from \"@popperjs/core\";\nimport { createObserveContentResizeModifier } from \"./modifiers/observeContentResizeModifier\";\nimport { createObserveReferenceResizeModifier } from \"./modifiers/observeReferenceResizeModifier\";\nconst { RIGHT_START, RIGHT_END, LEFT_START, LEFT_END } = Placement;\n\nconst DEFAULT_FALLBACK_PLACEMENTS = [RIGHT_END, LEFT_START, LEFT_END];\n\nexport default function usePopover(\n referenceElement: HTMLElement,\n popperElement: HTMLElement,\n {\n isOpen,\n placement = RIGHT_START,\n observeContentResize,\n observeReferenceResize,\n offset,\n fallbackPlacements = DEFAULT_FALLBACK_PLACEMENTS\n }: {\n isOpen?: boolean;\n placement?: Placement;\n observeContentResize?: boolean;\n observeReferenceResize?: boolean;\n offset?: [number, number];\n fallbackPlacements?: Placement[];\n }\n) {\n const forceUpdate = useForceUpdate();\n\n // we have to use forceUpdate because\n // usePopper need to run again after any refs changes, even after the first render.\n useIsomorphicLayoutEffect(() => {\n forceUpdate();\n }, [referenceElement, popperElement, forceUpdate]);\n\n const popperOptions: Pick<Options, \"placement\" | \"modifiers\"> = useMemo(() => {\n return {\n placement,\n modifiers: [\n {\n name: \"flip\",\n options: {\n fallbackPlacements\n }\n },\n {\n name: \"displayNone\",\n enabled: true,\n phase: \"write\",\n fn: ({ state }: { state: State }) => {\n state.styles.popper.visibility = isOpen ? \"visible\" : \"hidden\";\n return state;\n }\n },\n createObserveContentResizeModifier(observeContentResize),\n createObserveReferenceResizeModifier(observeReferenceResize),\n ...(offset !== undefined\n ? [\n {\n name: \"offset\" as const,\n options: { offset }\n }\n ]\n : [])\n ]\n };\n }, [placement, observeContentResize, offset, isOpen]);\n\n const { styles, attributes } = usePopper(referenceElement, popperElement, popperOptions);\n\n return { styles, attributes };\n}\n"],"names":["RIGHT_START","RIGHT_END","LEFT_START","LEFT_END","Placement","DEFAULT_FALLBACK_PLACEMENTS","usePopover","referenceElement","popperElement","isOpen","placement","observeContentResize","observeReferenceResize","offset","fallbackPlacements","forceUpdate","useForceUpdate","useIsomorphicLayoutEffect","popperOptions","useMemo","modifiers","name","options","enabled","phase","fn","state","styles","popper","visibility","createObserveContentResizeModifier","createObserveReferenceResizeModifier","undefined","attributes","usePopper"],"mappings":"kaAQA,MAAMA,YAAEA,EAAWC,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAEnDC,EAA8B,CAACJ,EAAWC,EAAYC,GAE9C,SAAUG,EACtBC,EACAC,GACAC,OACEA,EAAMC,UACNA,EAAYV,EAAWW,qBACvBA,EAAoBC,uBACpBA,EAAsBC,OACtBA,EAAMC,mBACNA,EAAqBT,IAUvB,MAAMU,EAAcC,IAIpBC,GAA0B,KACxBF,GAAa,GACZ,CAACR,EAAkBC,EAAeO,IAErC,MAAMG,EAA0DC,GAAQ,KAC/D,CACLT,YACAU,UAAW,CACT,CACEC,KAAM,OACNC,QAAS,CACPR,uBAGJ,CACEO,KAAM,cACNE,SAAS,EACTC,MAAO,QACPC,GAAIA,EAAGC,YACLA,EAAMC,OAAOC,OAAOC,WAAapB,EAAS,UAAY,SAC/CiB,IAGXI,EAAmCnB,GACnCoB,EAAqCnB,WACtBoB,IAAXnB,EACA,CACE,CACEQ,KAAM,SACNC,QAAS,CAAET,YAGf,OAGP,CAACH,EAAWC,EAAsBE,EAAQJ,KAEvCkB,OAAEA,EAAMM,WAAEA,GAAeC,EAAU3B,EAAkBC,EAAeU,GAE1E,MAAO,CAAES,SAAQM,aACnB"}
@@ -1,2 +1,2 @@
1
- var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-f752ec1c8102_3_0_9";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n outline: none;\n}\n\n.sizeSmall {\n padding: var(--spacing-small);\n}\n\n.sizeMedium {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n padding: var(--spacing-large);\n}\n\n.typePopover {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover, .black-app-theme .typePopover, .hacker-app-theme .typePopover {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
1
+ var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-f752ec1c8102_3_0_10";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,o.firstChild?o.insertBefore(a,o.firstChild):o.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n outline: none;\n}\n\n.sizeSmall {\n padding: var(--spacing-small);\n}\n\n.sizeMedium {\n padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n padding: var(--spacing-large);\n}\n\n.typePopover {\n box-shadow: var(--box-shadow-medium);\n border-radius: var(--border-radius-medium);\n background-color: var(--secondary-background-color);\n}\n\n.dark-app-theme .typePopover, .black-app-theme .typePopover, .hacker-app-theme .typePopover {\n box-shadow: 0 0 0 1px var(--layout-border-color), var(--box-shadow-medium);\n}\n\n.typeModal {\n box-shadow: var(--box-shadow-large);\n border-radius: var(--border-radius-big);\n background-color: var(--primary-background-color);\n}");export{e as default};
2
2
  //# sourceMappingURL=DialogContentContainer.module.scss.js.map
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vibe/dialog",
3
- "version": "3.0.10",
3
+ "version": "3.0.11",
4
4
  "description": "Vibe sub-package for dialog components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -74,5 +74,5 @@
74
74
  "../../../node_modules/@vibe/config/.eslintrc.cjs"
75
75
  ]
76
76
  },
77
- "gitHead": "7edc0ec3c9b59efbb5c5c9d06fbe489e46d2a281"
77
+ "gitHead": "9dd023056067bcd690ed4c7ba01f4cec9d5e0018"
78
78
  }