@plasmicpkgs/react-aria 0.0.117 → 0.0.119

package/skinny/registerModal.stories.cjs.js

@@ -1,194 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var host = require('@plasmicapp/host');
-var test = require('@storybook/test');
-var React = require('react');
-var registerModal = require('./registerModal.cjs.js');
-require('react-aria');
-require('react-aria-components');
-require('./common-45acb83c.cjs.js');
-require('./utils-fc1ddd7c.cjs.js');
-require('@plasmicapp/host/registerComponent');
-require('./contexts-6d0cb2b1.cjs.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BaseModal",
-  component: registerModal.BaseModal,
-  args: {
-    onOpenChange: test.fn(),
-    children: /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "modal-content" }, /* @__PURE__ */ React__default.default.createElement("h2", null, "Modal Title"), /* @__PURE__ */ React__default.default.createElement("p", null, "Modal content goes here"))
-  }
-};
-const Basic = {
-  args: {
-    isOpen: true,
-    isDismissable: true
-  },
-  play: async ({ args }) => {
-    const doc = test.within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    test.expect(modal).toBeInTheDocument();
-    test.expect(modal).toBeVisible();
-    await test.userEvent.click(document.body);
-    test.expect(args.onOpenChange).toHaveBeenCalledWith(false);
-  }
-};
-const NonDismissable = {
-  args: {
-    isOpen: true,
-    isDismissable: false
-  },
-  play: async ({ args }) => {
-    const doc = test.within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    test.expect(modal).toBeInTheDocument();
-    test.expect(modal).toBeVisible();
-    await test.userEvent.click(document.body);
-    test.expect(args.onOpenChange).not.toHaveBeenCalled();
-    test.expect(modal).toBeInTheDocument();
-  }
-};
-const KeyboardDismissDisabled = {
-  args: {
-    isOpen: true,
-    isDismissable: true,
-    isKeyboardDismissDisabled: true
-  },
-  play: async ({ args }) => {
-    const doc = test.within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    test.expect(modal).toBeInTheDocument();
-    await test.userEvent.keyboard("{Escape}");
-    test.expect(args.onOpenChange).not.toHaveBeenCalled();
-    test.expect(modal).toBeInTheDocument();
-  }
-};
-const ImperativeControl = {
-  render: (_a) => {
-    var _b = _a, { onOpenChange } = _b, args = __objRest(_b, ["onOpenChange"]);
-    const modalRef = React__default.default.useRef(
-      null
-    );
-    const [open, setOpen] = React.useState(true);
-    return /* @__PURE__ */ React__default.default.createElement("div", null, /* @__PURE__ */ React__default.default.createElement("button", { onClick: () => {
-      var _a2;
-      return (_a2 = modalRef.current) == null ? void 0 : _a2.open();
-    } }, "Open Modal"), /* @__PURE__ */ React__default.default.createElement(
-      registerModal.BaseModal,
-      __spreadValues({
-        isOpen: open,
-        onOpenChange: (newValue) => {
-          onOpenChange == null ? void 0 : onOpenChange(newValue);
-          setOpen(newValue);
-        },
-        ref: modalRef
-      }, args),
-      /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "modal-content" }, /* @__PURE__ */ React__default.default.createElement("h2", null, "Test Modal"), /* @__PURE__ */ React__default.default.createElement("button", { onClick: () => {
-        var _a2;
-        return (_a2 = modalRef.current) == null ? void 0 : _a2.close();
-      } }, "Close Modal"))
-    ));
-  },
-  play: async ({ canvasElement }) => {
-    const doc = test.within(document.body);
-    const canvas = test.within(canvasElement);
-    await test.waitFor(() => {
-      test.expect(doc.getByTestId("modal-content")).toBeInTheDocument();
-    });
-    const closeButton = doc.getByText("Close Modal");
-    await test.userEvent.click(closeButton);
-    await test.waitFor(() => {
-      test.expect(doc.queryByTestId("modal-content")).not.toBeInTheDocument();
-    });
-    const openButton = canvas.getByText("Open Modal");
-    await test.userEvent.click(openButton);
-    await test.waitFor(() => {
-      test.expect(doc.getByTestId("modal-content")).toBeInTheDocument();
-    });
-  }
-};
-const SelectedInCanvas = {
-  render: (_c) => {
-    var _d = _c, args = __objRest(_d, ["__plasmic_selection_prop__"]);
-    const [selected, setSelected] = React.useState(false);
-    React.useEffect(() => {
-      setTimeout(() => {
-        setSelected(true);
-      }, 1e3);
-    }, []);
-    return (
-      // Simulate Plasmic canvas envirnment
-      /* @__PURE__ */ React__default.default.createElement(
-        host.PlasmicCanvasContext.Provider,
-        {
-          value: {
-            componentName: "test",
-            globalVariants: {}
-          }
-        },
-        /* @__PURE__ */ React__default.default.createElement(
-          registerModal.BaseModal,
-          __spreadValues({
-            __plasmic_selection_prop__: {
-              isSelected: selected
-            }
-          }, args)
-        )
-      )
-    );
-  },
-  play: async () => {
-    const doc = test.within(document.body);
-    await test.waitFor(() => {
-      test.expect(doc.queryByTestId("modal-content")).not.toBeInTheDocument();
-    });
-    await test.waitFor(
-      () => {
-        test.expect(doc.queryByTestId("modal-content")).toBeInTheDocument();
-      },
-      { timeout: 1100 }
-    );
-  }
-};
-
-exports.Basic = Basic;
-exports.ImperativeControl = ImperativeControl;
-exports.KeyboardDismissDisabled = KeyboardDismissDisabled;
-exports.NonDismissable = NonDismissable;
-exports.SelectedInCanvas = SelectedInCanvas;
-exports.default = meta;
-//# sourceMappingURL=registerModal.stories.cjs.js.map

package/skinny/registerModal.stories.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerModal.stories.cjs.js","sources":["../src/registerModal.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseModal } from \"./registerModal\";\n\nconst meta: Meta<typeof BaseModal> = {\n  title: \"Components/BaseModal\",\n  component: BaseModal,\n\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"modal-content\">\n        <h2>Modal Title</h2>\n        <p>Modal content goes here</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseModal>;\n\nexport const Basic: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: true,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n    expect(modal).toBeVisible();\n\n    // Click outside to dismiss\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).toHaveBeenCalledWith(false);\n  },\n};\n\nexport const NonDismissable: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: false,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n    expect(modal).toBeVisible();\n\n    // Click outside should not dismiss\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(modal).toBeInTheDocument();\n  },\n};\n\nexport const KeyboardDismissDisabled: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: true,\n    isKeyboardDismissDisabled: true,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n\n    // Press Escape should not dismiss\n    await userEvent.keyboard(\"{Escape}\");\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(modal).toBeInTheDocument();\n  },\n};\n\nexport const ImperativeControl: Story = {\n  render: ({ onOpenChange, ...args }) => {\n    const modalRef = React.useRef<{ close: () => void; open: () => void }>(\n      null\n    );\n    const [open, setOpen] = useState(true);\n\n    return (\n      <div>\n        <button onClick={() => modalRef.current?.open()}>Open Modal</button>\n\n        <BaseModal\n          isOpen={open}\n          onOpenChange={(newValue) => {\n            onOpenChange?.(newValue);\n            setOpen(newValue);\n          }}\n          ref={modalRef}\n          {...args}\n        >\n          <div data-testid=\"modal-content\">\n            <h2>Test Modal</h2>\n\n            <button onClick={() => modalRef.current?.close()}>\n              Close Modal\n            </button>\n          </div>\n        </BaseModal>\n      </div>\n    );\n  },\n  play: async ({ canvasElement }) => {\n    const doc = within(document.body);\n    const canvas = within(canvasElement);\n\n    await waitFor(() => {\n      expect(doc.getByTestId(\"modal-content\")).toBeInTheDocument();\n    });\n\n    // Find and click the close button\n    const closeButton = doc.getByText(\"Close Modal\");\n    await userEvent.click(closeButton);\n\n    // Modal should be closed\n    await waitFor(() => {\n      expect(doc.queryByTestId(\"modal-content\")).not.toBeInTheDocument();\n    });\n\n    // Find and click the open button\n    const openButton = canvas.getByText(\"Open Modal\");\n    await userEvent.click(openButton);\n\n    // Modal should be open again\n    await waitFor(() => {\n      expect(doc.getByTestId(\"modal-content\")).toBeInTheDocument();\n    });\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseModal\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    await waitFor(() => {\n      expect(doc.queryByTestId(\"modal-content\")).not.toBeInTheDocument();\n    });\n\n    await waitFor(\n      () => {\n        expect(doc.queryByTestId(\"modal-content\")).toBeInTheDocument();\n      },\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":["BaseModal","fn","React","within","expect","userEvent","useState","_a","waitFor","useEffect","PlasmicCanvasContext"],"mappings":"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"}

package/skinny/registerModal.stories.esm.js

@@ -1,181 +0,0 @@
-import { PlasmicCanvasContext } from '@plasmicapp/host';
-import { fn, within, expect, userEvent, waitFor } from '@storybook/test';
-import React, { useState, useEffect } from 'react';
-import { BaseModal } from './registerModal.esm.js';
-import 'react-aria';
-import 'react-aria-components';
-import './common-616eb178.esm.js';
-import './utils-fd88ad47.esm.js';
-import '@plasmicapp/host/registerComponent';
-import './contexts-5cb81c2f.esm.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BaseModal",
-  component: BaseModal,
-  args: {
-    onOpenChange: fn(),
-    children: /* @__PURE__ */ React.createElement("div", { "data-testid": "modal-content" }, /* @__PURE__ */ React.createElement("h2", null, "Modal Title"), /* @__PURE__ */ React.createElement("p", null, "Modal content goes here"))
-  }
-};
-const Basic = {
-  args: {
-    isOpen: true,
-    isDismissable: true
-  },
-  play: async ({ args }) => {
-    const doc = within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    expect(modal).toBeInTheDocument();
-    expect(modal).toBeVisible();
-    await userEvent.click(document.body);
-    expect(args.onOpenChange).toHaveBeenCalledWith(false);
-  }
-};
-const NonDismissable = {
-  args: {
-    isOpen: true,
-    isDismissable: false
-  },
-  play: async ({ args }) => {
-    const doc = within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    expect(modal).toBeInTheDocument();
-    expect(modal).toBeVisible();
-    await userEvent.click(document.body);
-    expect(args.onOpenChange).not.toHaveBeenCalled();
-    expect(modal).toBeInTheDocument();
-  }
-};
-const KeyboardDismissDisabled = {
-  args: {
-    isOpen: true,
-    isDismissable: true,
-    isKeyboardDismissDisabled: true
-  },
-  play: async ({ args }) => {
-    const doc = within(document.body);
-    const modal = doc.getByTestId("modal-content");
-    expect(modal).toBeInTheDocument();
-    await userEvent.keyboard("{Escape}");
-    expect(args.onOpenChange).not.toHaveBeenCalled();
-    expect(modal).toBeInTheDocument();
-  }
-};
-const ImperativeControl = {
-  render: (_a) => {
-    var _b = _a, { onOpenChange } = _b, args = __objRest(_b, ["onOpenChange"]);
-    const modalRef = React.useRef(
-      null
-    );
-    const [open, setOpen] = useState(true);
-    return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("button", { onClick: () => {
-      var _a2;
-      return (_a2 = modalRef.current) == null ? void 0 : _a2.open();
-    } }, "Open Modal"), /* @__PURE__ */ React.createElement(
-      BaseModal,
-      __spreadValues({
-        isOpen: open,
-        onOpenChange: (newValue) => {
-          onOpenChange == null ? void 0 : onOpenChange(newValue);
-          setOpen(newValue);
-        },
-        ref: modalRef
-      }, args),
-      /* @__PURE__ */ React.createElement("div", { "data-testid": "modal-content" }, /* @__PURE__ */ React.createElement("h2", null, "Test Modal"), /* @__PURE__ */ React.createElement("button", { onClick: () => {
-        var _a2;
-        return (_a2 = modalRef.current) == null ? void 0 : _a2.close();
-      } }, "Close Modal"))
-    ));
-  },
-  play: async ({ canvasElement }) => {
-    const doc = within(document.body);
-    const canvas = within(canvasElement);
-    await waitFor(() => {
-      expect(doc.getByTestId("modal-content")).toBeInTheDocument();
-    });
-    const closeButton = doc.getByText("Close Modal");
-    await userEvent.click(closeButton);
-    await waitFor(() => {
-      expect(doc.queryByTestId("modal-content")).not.toBeInTheDocument();
-    });
-    const openButton = canvas.getByText("Open Modal");
-    await userEvent.click(openButton);
-    await waitFor(() => {
-      expect(doc.getByTestId("modal-content")).toBeInTheDocument();
-    });
-  }
-};
-const SelectedInCanvas = {
-  render: (_c) => {
-    var _d = _c, args = __objRest(_d, ["__plasmic_selection_prop__"]);
-    const [selected, setSelected] = useState(false);
-    useEffect(() => {
-      setTimeout(() => {
-        setSelected(true);
-      }, 1e3);
-    }, []);
-    return (
-      // Simulate Plasmic canvas envirnment
-      /* @__PURE__ */ React.createElement(
-        PlasmicCanvasContext.Provider,
-        {
-          value: {
-            componentName: "test",
-            globalVariants: {}
-          }
-        },
-        /* @__PURE__ */ React.createElement(
-          BaseModal,
-          __spreadValues({
-            __plasmic_selection_prop__: {
-              isSelected: selected
-            }
-          }, args)
-        )
-      )
-    );
-  },
-  play: async () => {
-    const doc = within(document.body);
-    await waitFor(() => {
-      expect(doc.queryByTestId("modal-content")).not.toBeInTheDocument();
-    });
-    await waitFor(
-      () => {
-        expect(doc.queryByTestId("modal-content")).toBeInTheDocument();
-      },
-      { timeout: 1100 }
-    );
-  }
-};
-
-export { Basic, ImperativeControl, KeyboardDismissDisabled, NonDismissable, SelectedInCanvas, meta as default };
-//# sourceMappingURL=registerModal.stories.esm.js.map

package/skinny/registerModal.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerModal.stories.esm.js","sources":["../src/registerModal.stories.tsx"],"sourcesContent":["import { PlasmicCanvasContext } from \"@plasmicapp/host\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React, { useEffect, useState } from \"react\";\nimport { BaseModal } from \"./registerModal\";\n\nconst meta: Meta<typeof BaseModal> = {\n  title: \"Components/BaseModal\",\n  component: BaseModal,\n\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"modal-content\">\n        <h2>Modal Title</h2>\n        <p>Modal content goes here</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseModal>;\n\nexport const Basic: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: true,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n    expect(modal).toBeVisible();\n\n    // Click outside to dismiss\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).toHaveBeenCalledWith(false);\n  },\n};\n\nexport const NonDismissable: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: false,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n    expect(modal).toBeVisible();\n\n    // Click outside should not dismiss\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(modal).toBeInTheDocument();\n  },\n};\n\nexport const KeyboardDismissDisabled: Story = {\n  args: {\n    isOpen: true,\n    isDismissable: true,\n    isKeyboardDismissDisabled: true,\n  },\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Modal should be visible\n    const modal = doc.getByTestId(\"modal-content\");\n    expect(modal).toBeInTheDocument();\n\n    // Press Escape should not dismiss\n    await userEvent.keyboard(\"{Escape}\");\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n    expect(modal).toBeInTheDocument();\n  },\n};\n\nexport const ImperativeControl: Story = {\n  render: ({ onOpenChange, ...args }) => {\n    const modalRef = React.useRef<{ close: () => void; open: () => void }>(\n      null\n    );\n    const [open, setOpen] = useState(true);\n\n    return (\n      <div>\n        <button onClick={() => modalRef.current?.open()}>Open Modal</button>\n\n        <BaseModal\n          isOpen={open}\n          onOpenChange={(newValue) => {\n            onOpenChange?.(newValue);\n            setOpen(newValue);\n          }}\n          ref={modalRef}\n          {...args}\n        >\n          <div data-testid=\"modal-content\">\n            <h2>Test Modal</h2>\n\n            <button onClick={() => modalRef.current?.close()}>\n              Close Modal\n            </button>\n          </div>\n        </BaseModal>\n      </div>\n    );\n  },\n  play: async ({ canvasElement }) => {\n    const doc = within(document.body);\n    const canvas = within(canvasElement);\n\n    await waitFor(() => {\n      expect(doc.getByTestId(\"modal-content\")).toBeInTheDocument();\n    });\n\n    // Find and click the close button\n    const closeButton = doc.getByText(\"Close Modal\");\n    await userEvent.click(closeButton);\n\n    // Modal should be closed\n    await waitFor(() => {\n      expect(doc.queryByTestId(\"modal-content\")).not.toBeInTheDocument();\n    });\n\n    // Find and click the open button\n    const openButton = canvas.getByText(\"Open Modal\");\n    await userEvent.click(openButton);\n\n    // Modal should be open again\n    await waitFor(() => {\n      expect(doc.getByTestId(\"modal-content\")).toBeInTheDocument();\n    });\n  },\n};\n\nexport const SelectedInCanvas: Story = {\n  render: ({ __plasmic_selection_prop__, ...args }) => {\n    const [selected, setSelected] = useState(false);\n    useEffect(() => {\n      setTimeout(() => {\n        setSelected(true);\n      }, 1000);\n    }, []);\n\n    return (\n      // Simulate Plasmic canvas envirnment\n      <PlasmicCanvasContext.Provider\n        value={{\n          componentName: \"test\",\n          globalVariants: {},\n        }}\n      >\n        <BaseModal\n          // Simulate node selection in Plasmic canvas\n          __plasmic_selection_prop__={{\n            isSelected: selected,\n          }}\n          {...args}\n        />\n      </PlasmicCanvasContext.Provider>\n    );\n  },\n  play: async () => {\n    // popovers are rendered outside canvas, so we need to use document.body\n    const doc = within(document.body);\n\n    await waitFor(() => {\n      expect(doc.queryByTestId(\"modal-content\")).not.toBeInTheDocument();\n    });\n\n    await waitFor(\n      () => {\n        expect(doc.queryByTestId(\"modal-content\")).toBeInTheDocument();\n      },\n      { timeout: 1100 }\n    );\n  },\n};\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAA+B,GAAA;AAAA,EACnC,KAAO,EAAA,sBAAA;AAAA,EACP,SAAW,EAAA,SAAA;AAAA,EAEX,IAAM,EAAA;AAAA,IACJ,cAAc,EAAG,EAAA;AAAA,IACjB,QACE,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,eACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,aAAW,CACf,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,yBAAuB,CAC5B,CAAA;AAAA,GAEJ;AACF,EAAA;AAKO,MAAM,KAAe,GAAA;AAAA,EAC1B,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,IAAA;AAAA,IACR,aAAe,EAAA,IAAA;AAAA,GACjB;AAAA,EACA,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,WAAA,CAAY,eAAe,CAAA,CAAA;AAC7C,IAAO,MAAA,CAAA,KAAK,EAAE,iBAAkB,EAAA,CAAA;AAChC,IAAO,MAAA,CAAA,KAAK,EAAE,WAAY,EAAA,CAAA;AAG1B,IAAM,MAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,oBAAA,CAAqB,KAAK,CAAA,CAAA;AAAA,GACtD;AACF,EAAA;AAEO,MAAM,cAAwB,GAAA;AAAA,EACnC,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,IAAA;AAAA,IACR,aAAe,EAAA,KAAA;AAAA,GACjB;AAAA,EACA,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,WAAA,CAAY,eAAe,CAAA,CAAA;AAC7C,IAAO,MAAA,CAAA,KAAK,EAAE,iBAAkB,EAAA,CAAA;AAChC,IAAO,MAAA,CAAA,KAAK,EAAE,WAAY,EAAA,CAAA;AAG1B,IAAM,MAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAC/C,IAAO,MAAA,CAAA,KAAK,EAAE,iBAAkB,EAAA,CAAA;AAAA,GAClC;AACF,EAAA;AAEO,MAAM,uBAAiC,GAAA;AAAA,EAC5C,IAAM,EAAA;AAAA,IACJ,MAAQ,EAAA,IAAA;AAAA,IACR,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAA,IAAA;AAAA,GAC7B;AAAA,EACA,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAM,MAAA,KAAA,GAAQ,GAAI,CAAA,WAAA,CAAY,eAAe,CAAA,CAAA;AAC7C,IAAO,MAAA,CAAA,KAAK,EAAE,iBAAkB,EAAA,CAAA;AAGhC,IAAM,MAAA,SAAA,CAAU,SAAS,UAAU,CAAA,CAAA;AACnC,IAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAC/C,IAAO,MAAA,CAAA,KAAK,EAAE,iBAAkB,EAAA,CAAA;AAAA,GAClC;AACF,EAAA;AAEO,MAAM,iBAA2B,GAAA;AAAA,EACtC,MAAA,EAAQ,CAAC,EAA8B,KAAA;AAA9B,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EApFb,YAAA,EAAA,GAoFW,EAAmB,EAAA,IAAA,GAAA,SAAA,CAAnB,IAAmB,CAAjB,cAAA,CAAA,CAAA,CAAA;AACT,IAAA,MAAM,WAAW,KAAM,CAAA,MAAA;AAAA,MACrB,IAAA;AAAA,KACF,CAAA;AACA,IAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,IAAI,CAAA,CAAA;AAErC,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,QAAA,EAAA,EAAO,SAAS,MAAG;AA5F5B,MAAAA,IAAAA,GAAAA,CAAAA;AA4F+B,MAAA,OAAA,CAAAA,GAAA,GAAA,QAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAkB,CAAA,IAAA,EAAA,CAAA;AAAA,KAAA,EAAA,EAAQ,YAAU,CAE3D,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,SAAA;AAAA,MAAA,cAAA,CAAA;AAAA,QACC,MAAQ,EAAA,IAAA;AAAA,QACR,YAAA,EAAc,CAAC,QAAa,KAAA;AAC1B,UAAe,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,CAAA,QAAA,CAAA,CAAA;AACf,UAAA,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAAA,SAClB;AAAA,QACA,GAAK,EAAA,QAAA;AAAA,OACD,EAAA,IAAA,CAAA;AAAA,sBAEJ,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,eACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,YAAU,CAEd,kBAAA,KAAA,CAAA,aAAA,CAAC,QAAO,EAAA,EAAA,OAAA,EAAS,MAAG;AA1GhC,QAAAA,IAAAA,GAAAA,CAAAA;AA0GmC,QAAA,OAAA,CAAAA,GAAA,GAAA,QAAA,CAAS,OAAT,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAkB,CAAA,KAAA,EAAA,CAAA;AAAA,OAAA,EAAA,EAAS,aAElD,CACF,CAAA;AAAA,KAEJ,CAAA,CAAA;AAAA,GAEJ;AAAA,EACA,IAAM,EAAA,OAAO,EAAE,aAAA,EAAoB,KAAA;AACjC,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAChC,IAAM,MAAA,MAAA,GAAS,OAAO,aAAa,CAAA,CAAA;AAEnC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,CAAY,eAAe,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC5D,CAAA,CAAA;AAGD,IAAM,MAAA,WAAA,GAAc,GAAI,CAAA,SAAA,CAAU,aAAa,CAAA,CAAA;AAC/C,IAAM,MAAA,SAAA,CAAU,MAAM,WAAW,CAAA,CAAA;AAGjC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,IAAI,aAAc,CAAA,eAAe,CAAC,CAAA,CAAE,IAAI,iBAAkB,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAGD,IAAM,MAAA,UAAA,GAAa,MAAO,CAAA,SAAA,CAAU,YAAY,CAAA,CAAA;AAChD,IAAM,MAAA,SAAA,CAAU,MAAM,UAAU,CAAA,CAAA;AAGhC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,CAAY,eAAe,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC5D,CAAA,CAAA;AAAA,GACH;AACF,EAAA;AAEO,MAAM,gBAA0B,GAAA;AAAA,EACrC,MAAA,EAAQ,CAAC,EAA4C,KAAA;AAA5C,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,CAAiC,IAAA,GAAA,SAAA,CAAjC,IAAiC,CAA/B,4BAAA,CAAA,EAAA;AACT,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,UAAA,CAAW,MAAM;AACf,QAAA,WAAA,CAAY,IAAI,CAAA,CAAA;AAAA,SACf,GAAI,CAAA,CAAA;AAAA,KACT,EAAG,EAAE,CAAA,CAAA;AAEL,IAAA;AAAA;AAAA,sBAEE,KAAA,CAAA,aAAA;AAAA,QAAC,oBAAqB,CAAA,QAAA;AAAA,QAArB;AAAA,UACC,KAAO,EAAA;AAAA,YACL,aAAe,EAAA,MAAA;AAAA,YACf,gBAAgB,EAAC;AAAA,WACnB;AAAA,SAAA;AAAA,wBAEA,KAAA,CAAA,aAAA;AAAA,UAAC,SAAA;AAAA,UAAA,cAAA,CAAA;AAAA,YAEC,0BAA4B,EAAA;AAAA,cAC1B,UAAY,EAAA,QAAA;AAAA,aACd;AAAA,WACI,EAAA,IAAA,CAAA;AAAA,SACN;AAAA,OACF;AAAA,MAAA;AAAA,GAEJ;AAAA,EACA,MAAM,YAAY;AAEhB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAEhC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,IAAI,aAAc,CAAA,eAAe,CAAC,CAAA,CAAE,IAAI,iBAAkB,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAED,IAAM,MAAA,OAAA;AAAA,MACJ,MAAM;AACJ,QAAA,MAAA,CAAO,GAAI,CAAA,aAAA,CAAc,eAAe,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,OAC/D;AAAA,MACA,EAAE,SAAS,IAAK,EAAA;AAAA,KAClB,CAAA;AAAA,GACF;AACF;;;;"}

package/skinny/registerPopover.stories.cjs.js

@@ -1,102 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var test = require('@storybook/test');
-var React = require('react');
-var registerOverlayArrow = require('./registerOverlayArrow.cjs.js');
-var registerPopover = require('./registerPopover.cjs.js');
-require('react-aria-components');
-require('./common-45acb83c.cjs.js');
-require('./utils-fc1ddd7c.cjs.js');
-require('@plasmicapp/host');
-require('@plasmicapp/host/registerComponent');
-require('./variant-utils-0ad70db8.cjs.js');
-require('@react-aria/utils');
-require('./contexts-6d0cb2b1.cjs.js');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BasePopover",
-  component: registerPopover.BasePopover,
-  args: {
-    onOpenChange: test.fn(),
-    children: /* @__PURE__ */ React__default.default.createElement("div", { "data-testid": "popover-content" }, /* @__PURE__ */ React__default.default.createElement("h2", null, "Standalone Popover"), /* @__PURE__ */ React__default.default.createElement("p", null, "This popover is rendered without a trigger"))
-  }
-};
-const Standalone = {
-  play: async ({ args }) => {
-    const doc = test.within(document.body);
-    await test.waitFor(() => {
-      test.expect(doc.getByTestId("popover-content")).toBeInTheDocument();
-    });
-    await test.userEvent.click(document.body);
-    test.expect(args.onOpenChange).not.toHaveBeenCalled();
-  }
-};
-const WithArrow = {
-  render: (_a) => {
-    var _b = _a, { children } = _b, args = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ React__default.default.createElement(registerPopover.BasePopover, __spreadValues({}, args), /* @__PURE__ */ React__default.default.createElement(
-      "style",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `
-       .triangle-up {
-          width: 1px;
-          height: 1px;
-          border-left: 10px solid transparent;
-          border-right: 10px solid transparent;
-          border-bottom: 10px solid black;
-        }
-     `
-        }
-      }
-    ), /* @__PURE__ */ React__default.default.createElement(registerOverlayArrow.BaseOverlayArrow, { className: "triangle-up" }), children);
-  },
-  play: async ({ args }) => {
-    const doc = test.within(document.body);
-    await test.waitFor(() => {
-      test.expect(doc.getByTestId("popover-content")).toBeInTheDocument();
-      test.expect(document.querySelector(".triangle-up")).toBeInTheDocument();
-    });
-    await test.userEvent.click(document.body);
-    test.expect(args.onOpenChange).not.toHaveBeenCalled();
-  }
-};
-
-exports.Standalone = Standalone;
-exports.WithArrow = WithArrow;
-exports.default = meta;
-//# sourceMappingURL=registerPopover.stories.cjs.js.map

package/skinny/registerPopover.stories.cjs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerPopover.stories.cjs.js","sources":["../src/registerPopover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseOverlayArrow } from \"./registerOverlayArrow\";\nimport { BasePopover } from \"./registerPopover\";\n\nconst meta: Meta<typeof BasePopover> = {\n  title: \"Components/BasePopover\",\n  component: BasePopover,\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"popover-content\">\n        <h2>Standalone Popover</h2>\n        <p>This popover is rendered without a trigger</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BasePopover>;\n\n// Standalone popover should always remain open, because we assume that popover is always going to be controlled by a parent like Select, Combobox, DialogTrigger, etc, and its only really standalone in component view\nexport const Standalone: Story = {\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n\nexport const WithArrow: Story = {\n  render: ({ children, ...args }) => (\n    <BasePopover {...args}>\n      <style\n        dangerouslySetInnerHTML={{\n          __html: `\n       .triangle-up {\n          width: 1px;\n          height: 1px;\n          border-left: 10px solid transparent;\n          border-right: 10px solid transparent;\n          border-bottom: 10px solid black;\n        }\n     `,\n        }}\n      />\n      <BaseOverlayArrow className={\"triangle-up\"} />\n      {children}\n    </BasePopover>\n  ),\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n      expect(document.querySelector(\".triangle-up\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n"],"names":["BasePopover","fn","React","within","waitFor","expect","userEvent","BaseOverlayArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAiC,GAAA;AAAA,EACrC,KAAO,EAAA,wBAAA;AAAA,EACP,SAAW,EAAAA,2BAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,cAAcC,OAAG,EAAA;AAAA,IACjB,QACE,kBAAAC,sBAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAAA,sBAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,oBAAkB,CACtB,kBAAAA,sBAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,4CAA0C,CAC/C,CAAA;AAAA,GAEJ;AACF,EAAA;AAMO,MAAM,UAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAMC,WAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAMC,aAAQ,MAAM;AAClB,MAAAC,WAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAAC,cAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAAD,WAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF,EAAA;AAEO,MAAM,SAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,EAAuB,KAAA;AAAvB,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCb,QAAA,EAAA,GAuCW,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACT,IAAA,uBAAAH,sBAAA,CAAA,aAAA,CAACF,gDAAgB,IACf,CAAA,kBAAAE,sBAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAyB,EAAA;AAAA,UACvB,MAAQ,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAAA;AAAA,SASV;AAAA,OAAA;AAAA,uBAEDA,sBAAA,CAAA,aAAA,CAAAK,qCAAA,EAAA,EAAiB,SAAW,EAAA,aAAA,EAAe,GAC3C,QACH,CAAA,CAAA;AAAA,GAAA;AAAA,EAEF,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAMJ,WAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAMC,aAAQ,MAAM;AAClB,MAAAC,WAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAC7D,MAAAA,WAAA,CAAO,QAAS,CAAA,aAAA,CAAc,cAAc,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAED,IAAM,MAAAC,cAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAAD,WAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF;;;;;;"}

package/skinny/registerPopover.stories.esm.js

@@ -1,92 +0,0 @@
-import { fn, within, waitFor, expect, userEvent } from '@storybook/test';
-import React from 'react';
-import { BaseOverlayArrow } from './registerOverlayArrow.esm.js';
-import { BasePopover } from './registerPopover.esm.js';
-import 'react-aria-components';
-import './common-616eb178.esm.js';
-import './utils-fd88ad47.esm.js';
-import '@plasmicapp/host';
-import '@plasmicapp/host/registerComponent';
-import './variant-utils-4405ebb0.esm.js';
-import '@react-aria/utils';
-import './contexts-5cb81c2f.esm.js';
-
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const meta = {
-  title: "Components/BasePopover",
-  component: BasePopover,
-  args: {
-    onOpenChange: fn(),
-    children: /* @__PURE__ */ React.createElement("div", { "data-testid": "popover-content" }, /* @__PURE__ */ React.createElement("h2", null, "Standalone Popover"), /* @__PURE__ */ React.createElement("p", null, "This popover is rendered without a trigger"))
-  }
-};
-const Standalone = {
-  play: async ({ args }) => {
-    const doc = within(document.body);
-    await waitFor(() => {
-      expect(doc.getByTestId("popover-content")).toBeInTheDocument();
-    });
-    await userEvent.click(document.body);
-    expect(args.onOpenChange).not.toHaveBeenCalled();
-  }
-};
-const WithArrow = {
-  render: (_a) => {
-    var _b = _a, { children } = _b, args = __objRest(_b, ["children"]);
-    return /* @__PURE__ */ React.createElement(BasePopover, __spreadValues({}, args), /* @__PURE__ */ React.createElement(
-      "style",
-      {
-        dangerouslySetInnerHTML: {
-          __html: `
-       .triangle-up {
-          width: 1px;
-          height: 1px;
-          border-left: 10px solid transparent;
-          border-right: 10px solid transparent;
-          border-bottom: 10px solid black;
-        }
-     `
-        }
-      }
-    ), /* @__PURE__ */ React.createElement(BaseOverlayArrow, { className: "triangle-up" }), children);
-  },
-  play: async ({ args }) => {
-    const doc = within(document.body);
-    await waitFor(() => {
-      expect(doc.getByTestId("popover-content")).toBeInTheDocument();
-      expect(document.querySelector(".triangle-up")).toBeInTheDocument();
-    });
-    await userEvent.click(document.body);
-    expect(args.onOpenChange).not.toHaveBeenCalled();
-  }
-};
-
-export { Standalone, WithArrow, meta as default };
-//# sourceMappingURL=registerPopover.stories.esm.js.map

package/skinny/registerPopover.stories.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"registerPopover.stories.esm.js","sources":["../src/registerPopover.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, userEvent, waitFor, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { BaseOverlayArrow } from \"./registerOverlayArrow\";\nimport { BasePopover } from \"./registerPopover\";\n\nconst meta: Meta<typeof BasePopover> = {\n  title: \"Components/BasePopover\",\n  component: BasePopover,\n  args: {\n    onOpenChange: fn(),\n    children: (\n      <div data-testid=\"popover-content\">\n        <h2>Standalone Popover</h2>\n        <p>This popover is rendered without a trigger</p>\n      </div>\n    ),\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BasePopover>;\n\n// Standalone popover should always remain open, because we assume that popover is always going to be controlled by a parent like Select, Combobox, DialogTrigger, etc, and its only really standalone in component view\nexport const Standalone: Story = {\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n\nexport const WithArrow: Story = {\n  render: ({ children, ...args }) => (\n    <BasePopover {...args}>\n      <style\n        dangerouslySetInnerHTML={{\n          __html: `\n       .triangle-up {\n          width: 1px;\n          height: 1px;\n          border-left: 10px solid transparent;\n          border-right: 10px solid transparent;\n          border-bottom: 10px solid black;\n        }\n     `,\n        }}\n      />\n      <BaseOverlayArrow className={\"triangle-up\"} />\n      {children}\n    </BasePopover>\n  ),\n  play: async ({ args }) => {\n    const doc = within(document.body);\n\n    // Verify popover is visible\n    await waitFor(() => {\n      expect(doc.getByTestId(\"popover-content\")).toBeInTheDocument();\n      expect(document.querySelector(\".triangle-up\")).toBeInTheDocument();\n    });\n    // Click outside should not dismiss popover\n    await userEvent.click(document.body);\n    expect(args.onOpenChange).not.toHaveBeenCalled();\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAM,IAAiC,GAAA;AAAA,EACrC,KAAO,EAAA,wBAAA;AAAA,EACP,SAAW,EAAA,WAAA;AAAA,EACX,IAAM,EAAA;AAAA,IACJ,cAAc,EAAG,EAAA;AAAA,IACjB,QACE,kBAAA,KAAA,CAAA,aAAA,CAAC,KAAI,EAAA,EAAA,aAAA,EAAY,iBACf,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAG,EAAA,IAAA,EAAA,oBAAkB,CACtB,kBAAA,KAAA,CAAA,aAAA,CAAC,GAAE,EAAA,IAAA,EAAA,4CAA0C,CAC/C,CAAA;AAAA,GAEJ;AACF,EAAA;AAMO,MAAM,UAAoB,GAAA;AAAA,EAC/B,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAC9D,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF,EAAA;AAEO,MAAM,SAAmB,GAAA;AAAA,EAC9B,MAAA,EAAQ,CAAC,EAAuB,KAAA;AAAvB,IAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCb,QAAA,EAAA,GAuCW,EAAe,EAAA,IAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACT,IAAA,uBAAA,KAAA,CAAA,aAAA,CAAC,gCAAgB,IACf,CAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,OAAA;AAAA,MAAA;AAAA,QACC,uBAAyB,EAAA;AAAA,UACvB,MAAQ,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAA,CAAA;AAAA,SASV;AAAA,OAAA;AAAA,uBAED,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAiB,SAAW,EAAA,aAAA,EAAe,GAC3C,QACH,CAAA,CAAA;AAAA,GAAA;AAAA,EAEF,IAAM,EAAA,OAAO,EAAE,IAAA,EAAW,KAAA;AACxB,IAAM,MAAA,GAAA,GAAM,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAGhC,IAAA,MAAM,QAAQ,MAAM;AAClB,MAAA,MAAA,CAAO,GAAI,CAAA,WAAA,CAAY,iBAAiB,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAC7D,MAAA,MAAA,CAAO,QAAS,CAAA,aAAA,CAAc,cAAc,CAAC,EAAE,iBAAkB,EAAA,CAAA;AAAA,KAClE,CAAA,CAAA;AAED,IAAM,MAAA,SAAA,CAAU,KAAM,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AACnC,IAAA,MAAA,CAAO,IAAK,CAAA,YAAY,CAAE,CAAA,GAAA,CAAI,gBAAiB,EAAA,CAAA;AAAA,GACjD;AACF;;;;"}