@plasmicpkgs/react-aria 0.0.103 → 0.0.105

package/skinny/registerListbox.stories.cjs.js

@@ -0,0 +1,219 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var test = require('@storybook/test');
+var React = require('react');
+var reactAriaComponents = require('react-aria-components');
+var registerSection = require('./registerListBox-a99736df.cjs.js');
+var registerListBoxItem = require('./registerListBoxItem.cjs.js');
+require('./common-b3b54c72.cjs.js');
+require('./utils-7d000fa4.cjs.js');
+require('@plasmicapp/host');
+require('@plasmicapp/host/registerComponent');
+require('./contexts-6d0cb2b1.cjs.js');
+require('./OptionsItemIdManager-a89a28b9.cjs.js');
+require('./variant-utils-0ad70db8.cjs.js');
+require('./registerDescription.cjs.js');
+require('./registerText.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+const meta = {
+  title: "Components/BaseListBox",
+  component: registerSection.BaseListBox,
+  args: {
+    onSelectionChange: test.fn()
+  },
+  argTypes: {
+    selectionMode: {
+      control: "radio",
+      options: ["none", "single"],
+      description: "The selection mode of the listbox"
+    },
+    selectedKeys: {
+      control: "text",
+      description: "Currently selected key(s)"
+    },
+    defaultSelectedKeys: {
+      control: "text",
+      description: "Default selected key(s)"
+    }
+  }
+};
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+const beforeEach = async () => {
+  await sleep(100);
+};
+const createListItems = (count) => {
+  return Array.from({ length: count }, (_, i) => ({
+    id: `${i + 1}`,
+    textValue: `Item ${i + 1}`,
+    children: `Item ${i + 1} - Description`
+  }));
+};
+const NoSelection = {
+  args: {
+    selectionMode: "none",
+    children: createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = test.within(canvasElement);
+    const options = await test.within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    test.expect(options).toHaveLength(3);
+    await test.userEvent.click(options[1]);
+    test.expect(args.onSelectionChange).not.toHaveBeenCalled();
+    test.expect(options[0]).not.toHaveAttribute("aria-selected");
+    options.forEach((option) => {
+      test.expect(option).not.toHaveAttribute("aria-selected");
+    });
+  }
+};
+const SingleSelection = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children))
+  },
+  play: async ({ canvasElement }) => {
+    await beforeEach();
+    const canvas = test.within(canvasElement);
+    const options = await test.within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    test.expect(options[0]).toHaveAttribute("aria-selected", "true");
+    test.expect(options[1]).toHaveAttribute("aria-selected", "false");
+    test.expect(options[2]).toHaveAttribute("aria-selected", "false");
+    await test.userEvent.click(options[1]);
+    test.expect(options[0]).toHaveAttribute("aria-selected", "false");
+    test.expect(options[1]).toHaveAttribute("aria-selected", "true");
+    test.expect(options[2]).toHaveAttribute("aria-selected", "false");
+  }
+};
+const WithSections = {
+  args: {
+    selectionMode: "single",
+    children: [
+      /* @__PURE__ */ React__default.default.createElement(
+        registerSection.BaseSection,
+        {
+          key: "section1",
+          header: "Section 1",
+          items: createListItems(2).map((item) => /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, { key: item.id, id: item.id }, item.children))
+        }
+      ),
+      /* @__PURE__ */ React__default.default.createElement(
+        registerSection.BaseSection,
+        {
+          key: "section2",
+          header: "Section 2",
+          items: createListItems(2).map((item) => /* @__PURE__ */ React__default.default.createElement(reactAriaComponents.ListBoxItem, { key: `s2-${item.id}`, id: `s2-${item.id}` }, item.children))
+        }
+      )
+    ]
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = test.within(canvasElement);
+    const options = await test.within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    let lastCallArg;
+    options.forEach((option) => {
+      test.expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    await test.userEvent.click(options[0]);
+    test.expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [options[1], options[2], options[3]].forEach((option) => {
+      test.expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    test.expect(lastCallArg.has("1")).toBe(true);
+    await test.userEvent.click(options[2]);
+    test.expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [options[0], options[1], options[3]].forEach((option) => {
+      test.expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    test.expect(args.onSelectionChange).toHaveBeenCalledTimes(2);
+    lastCallArg = args.onSelectionChange.mock.calls[1][0];
+    test.expect(lastCallArg.has("s2-1")).toBe(true);
+  }
+};
+const WithDuplicateIds = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, createListItems(2).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children)), createListItems(3).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children)), createListItems(1).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children)))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    let lastCallArg;
+    const canvas = test.within(canvasElement);
+    const options = await test.within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    test.expect(options).toHaveLength(6);
+    test.expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [1, 2, 3, 4, 5].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await test.userEvent.click(options[2]);
+    lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    test.expect(lastCallArg.has("1 duplicate(1)")).toBe(true);
+    test.expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [0, 1, 3, 4, 5].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await test.userEvent.click(options[3]);
+    lastCallArg = args.onSelectionChange.mock.calls[1][0];
+    test.expect(lastCallArg.has("2 duplicate(1)")).toBe(true);
+    [0, 1, 2, 4, 5].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await test.userEvent.click(options[5]);
+    lastCallArg = args.onSelectionChange.mock.calls[2][0];
+    test.expect(lastCallArg.has("1 duplicate(2)")).toBe(true);
+    [0, 1, 2, 3, 4].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+  }
+};
+const WithMissingIds = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, createListItems(2).map((item) => /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, { key: item.id, id: item.id }, item.children)), /* @__PURE__ */ React__default.default.createElement(registerListBoxItem.BaseListBoxItem, null, "Item with missing id"))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = test.within(canvasElement);
+    const options = await test.within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    test.expect(options).toHaveLength(3);
+    test.expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [1, 2].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await test.userEvent.click(options[2]);
+    const lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    test.expect(lastCallArg.has("missing(1)")).toBe(true);
+    test.expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [0, 1].forEach((index) => {
+      test.expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+  }
+};
+
+exports.NoSelection = NoSelection;
+exports.SingleSelection = SingleSelection;
+exports.WithDuplicateIds = WithDuplicateIds;
+exports.WithMissingIds = WithMissingIds;
+exports.WithSections = WithSections;
+exports.default = meta;
+//# sourceMappingURL=registerListbox.stories.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registerListbox.stories.cjs.js","sources":["../src/registerListbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, Mock, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { BaseListBox } from \"./registerListBox\";\nimport { BaseListBoxItem } from \"./registerListBoxItem\";\nimport { BaseSection } from \"./registerSection\";\n\nconst meta: Meta<typeof BaseListBox> = {\n  title: \"Components/BaseListBox\",\n  component: BaseListBox,\n  args: {\n    onSelectionChange: fn(),\n  },\n  argTypes: {\n    selectionMode: {\n      control: \"radio\",\n      options: [\"none\", \"single\"],\n      description: \"The selection mode of the listbox\",\n    },\n    selectedKeys: {\n      control: \"text\",\n      description: \"Currently selected key(s)\",\n    },\n    defaultSelectedKeys: {\n      control: \"text\",\n      description: \"Default selected key(s)\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseListBox>;\n\n// TODO: Assertions may be flaky because the registeredId is set inside useEffect, so in the first render, the id is randomly generated by react-aria itself.\n// We use sleep to wait for the id to be set before asserting.\n// This is marked todo because the sleep needs to be removed in a separate PR that fixes this issue\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nconst beforeEach = async () => {\n  await sleep(100);\n};\n\n// Helper function to create list items\nconst createListItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    id: `${i + 1}`,\n    textValue: `Item ${i + 1}`,\n    children: `Item ${i + 1} - Description`,\n  }));\n};\n\n// Basic ListBox with no selection\nexport const NoSelection: Story = {\n  args: {\n    selectionMode: \"none\",\n    children: createListItems(3).map((item) => (\n      <BaseListBoxItem key={item.id} id={item.id}>\n        {item.children}\n      </BaseListBoxItem>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n    await userEvent.click(options[1]);\n\n    expect(args.onSelectionChange).not.toHaveBeenCalled();\n\n    // Verify no selection occurred by checking aria-selected attribute\n    expect(options[0]).not.toHaveAttribute(\"aria-selected\");\n\n    // Additional verification that none of the options are selected\n    options.forEach((option) => {\n      expect(option).not.toHaveAttribute(\"aria-selected\");\n    });\n  },\n};\n\n// ListBox with single selection\nexport const SingleSelection: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: createListItems(3).map((item) => (\n      <BaseListBoxItem key={item.id} id={item.id}>\n        {item.children}\n      </BaseListBoxItem>\n    )),\n  },\n  play: async ({ canvasElement }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    expect(options[1]).toHaveAttribute(\"aria-selected\", \"false\");\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"false\");\n\n    await userEvent.click(options[1]);\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"false\");\n    expect(options[1]).toHaveAttribute(\"aria-selected\", \"true\");\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"false\");\n  },\n};\n\n// ListBox with sections\nexport const WithSections: Story = {\n  args: {\n    selectionMode: \"single\",\n    children: [\n      <BaseSection\n        key=\"section1\"\n        header=\"Section 1\"\n        items={createListItems(2).map((item) => (\n          <ListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </ListBoxItem>\n        ))}\n      />,\n      <BaseSection\n        key=\"section2\"\n        header=\"Section 2\"\n        items={createListItems(2).map((item) => (\n          <ListBoxItem key={`s2-${item.id}`} id={`s2-${item.id}`}>\n            {item.children}\n          </ListBoxItem>\n        ))}\n      />,\n    ],\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    let lastCallArg;\n\n    options.forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    // Test selection in first section\n    await userEvent.click(options[0]);\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [options[1], options[2], options[3]].forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"1\")).toBe(true);\n\n    // Test selection in second section\n    await userEvent.click(options[2]); // First item in second section\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [options[0], options[1], options[3]].forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    expect(args.onSelectionChange).toHaveBeenCalledTimes(2);\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[1][0];\n    expect(lastCallArg.has(\"s2-1\")).toBe(true);\n  },\n};\n// ListBox containing items with duplicate ids\nexport const WithDuplicateIds: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: (\n      <>\n        {createListItems(2).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        {createListItems(1).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n\n    let lastCallArg;\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(6);\n\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [1, 2, 3, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[2]);\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"1 duplicate(1)\")).toBe(true);\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [0, 1, 3, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[3]);\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[1][0];\n    expect(lastCallArg.has(\"2 duplicate(1)\")).toBe(true);\n    [0, 1, 2, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[5]);\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[2][0];\n    expect(lastCallArg.has(\"1 duplicate(2)\")).toBe(true);\n    [0, 1, 2, 3, 4].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n  },\n};\n\n// ListBox containing items with duplicate ids\nexport const WithMissingIds: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: (\n      <>\n        {createListItems(2).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        <BaseListBoxItem>Item with missing id</BaseListBoxItem>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [1, 2].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[2]);\n\n    const lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"missing(1)\")).toBe(true);\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [0, 1].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n  },\n};\n"],"names":["BaseListBox","fn","React","BaseListBoxItem","within","expect","userEvent","BaseSection","ListBoxItem"],"mappings":"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"}

package/skinny/registerListbox.stories.esm.js

@@ -0,0 +1,206 @@
+import { fn, within, expect, userEvent } from '@storybook/test';
+import React from 'react';
+import { ListBoxItem } from 'react-aria-components';
+import { B as BaseListBox, a as BaseSection } from './registerListBox-49626f55.esm.js';
+import { BaseListBoxItem } from './registerListBoxItem.esm.js';
+import './common-ceebbaea.esm.js';
+import './utils-5d1b4c6b.esm.js';
+import '@plasmicapp/host';
+import '@plasmicapp/host/registerComponent';
+import './contexts-5cb81c2f.esm.js';
+import './OptionsItemIdManager-832b8cfe.esm.js';
+import './variant-utils-4405ebb0.esm.js';
+import './registerDescription.esm.js';
+import './registerText.esm.js';
+
+const meta = {
+  title: "Components/BaseListBox",
+  component: BaseListBox,
+  args: {
+    onSelectionChange: fn()
+  },
+  argTypes: {
+    selectionMode: {
+      control: "radio",
+      options: ["none", "single"],
+      description: "The selection mode of the listbox"
+    },
+    selectedKeys: {
+      control: "text",
+      description: "Currently selected key(s)"
+    },
+    defaultSelectedKeys: {
+      control: "text",
+      description: "Default selected key(s)"
+    }
+  }
+};
+const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
+const beforeEach = async () => {
+  await sleep(100);
+};
+const createListItems = (count) => {
+  return Array.from({ length: count }, (_, i) => ({
+    id: `${i + 1}`,
+    textValue: `Item ${i + 1}`,
+    children: `Item ${i + 1} - Description`
+  }));
+};
+const NoSelection = {
+  args: {
+    selectionMode: "none",
+    children: createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = within(canvasElement);
+    const options = await within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    expect(options).toHaveLength(3);
+    await userEvent.click(options[1]);
+    expect(args.onSelectionChange).not.toHaveBeenCalled();
+    expect(options[0]).not.toHaveAttribute("aria-selected");
+    options.forEach((option) => {
+      expect(option).not.toHaveAttribute("aria-selected");
+    });
+  }
+};
+const SingleSelection = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children))
+  },
+  play: async ({ canvasElement }) => {
+    await beforeEach();
+    const canvas = within(canvasElement);
+    const options = await within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    expect(options[0]).toHaveAttribute("aria-selected", "true");
+    expect(options[1]).toHaveAttribute("aria-selected", "false");
+    expect(options[2]).toHaveAttribute("aria-selected", "false");
+    await userEvent.click(options[1]);
+    expect(options[0]).toHaveAttribute("aria-selected", "false");
+    expect(options[1]).toHaveAttribute("aria-selected", "true");
+    expect(options[2]).toHaveAttribute("aria-selected", "false");
+  }
+};
+const WithSections = {
+  args: {
+    selectionMode: "single",
+    children: [
+      /* @__PURE__ */ React.createElement(
+        BaseSection,
+        {
+          key: "section1",
+          header: "Section 1",
+          items: createListItems(2).map((item) => /* @__PURE__ */ React.createElement(ListBoxItem, { key: item.id, id: item.id }, item.children))
+        }
+      ),
+      /* @__PURE__ */ React.createElement(
+        BaseSection,
+        {
+          key: "section2",
+          header: "Section 2",
+          items: createListItems(2).map((item) => /* @__PURE__ */ React.createElement(ListBoxItem, { key: `s2-${item.id}`, id: `s2-${item.id}` }, item.children))
+        }
+      )
+    ]
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = within(canvasElement);
+    const options = await within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    let lastCallArg;
+    options.forEach((option) => {
+      expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    await userEvent.click(options[0]);
+    expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [options[1], options[2], options[3]].forEach((option) => {
+      expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    expect(lastCallArg.has("1")).toBe(true);
+    await userEvent.click(options[2]);
+    expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [options[0], options[1], options[3]].forEach((option) => {
+      expect(option).toHaveAttribute("aria-selected", "false");
+    });
+    expect(args.onSelectionChange).toHaveBeenCalledTimes(2);
+    lastCallArg = args.onSelectionChange.mock.calls[1][0];
+    expect(lastCallArg.has("s2-1")).toBe(true);
+  }
+};
+const WithDuplicateIds = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, createListItems(2).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children)), createListItems(3).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children)), createListItems(1).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children)))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    let lastCallArg;
+    const canvas = within(canvasElement);
+    const options = await within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    expect(options).toHaveLength(6);
+    expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [1, 2, 3, 4, 5].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await userEvent.click(options[2]);
+    lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    expect(lastCallArg.has("1 duplicate(1)")).toBe(true);
+    expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [0, 1, 3, 4, 5].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await userEvent.click(options[3]);
+    lastCallArg = args.onSelectionChange.mock.calls[1][0];
+    expect(lastCallArg.has("2 duplicate(1)")).toBe(true);
+    [0, 1, 2, 4, 5].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await userEvent.click(options[5]);
+    lastCallArg = args.onSelectionChange.mock.calls[2][0];
+    expect(lastCallArg.has("1 duplicate(2)")).toBe(true);
+    [0, 1, 2, 3, 4].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+  }
+};
+const WithMissingIds = {
+  args: {
+    selectionMode: "single",
+    defaultSelectedKeys: "1",
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, createListItems(2).map((item) => /* @__PURE__ */ React.createElement(BaseListBoxItem, { key: item.id, id: item.id }, item.children)), /* @__PURE__ */ React.createElement(BaseListBoxItem, null, "Item with missing id"))
+  },
+  play: async ({ canvasElement, args }) => {
+    await beforeEach();
+    const canvas = within(canvasElement);
+    const options = await within(canvas.getByRole("listbox")).findAllByRole(
+      "option"
+    );
+    expect(options).toHaveLength(3);
+    expect(options[0]).toHaveAttribute("aria-selected", "true");
+    [1, 2].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+    await userEvent.click(options[2]);
+    const lastCallArg = args.onSelectionChange.mock.calls[0][0];
+    expect(lastCallArg.has("missing(1)")).toBe(true);
+    expect(options[2]).toHaveAttribute("aria-selected", "true");
+    [0, 1].forEach((index) => {
+      expect(options[index]).toHaveAttribute("aria-selected", "false");
+    });
+  }
+};
+
+export { NoSelection, SingleSelection, WithDuplicateIds, WithMissingIds, WithSections, meta as default };
+//# sourceMappingURL=registerListbox.stories.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"registerListbox.stories.esm.js","sources":["../src/registerListbox.stories.tsx"],"sourcesContent":["import type { Meta, StoryObj } from \"@storybook/react\";\nimport { expect, fn, Mock, userEvent, within } from \"@storybook/test\";\nimport React from \"react\";\nimport { ListBoxItem } from \"react-aria-components\";\nimport { BaseListBox } from \"./registerListBox\";\nimport { BaseListBoxItem } from \"./registerListBoxItem\";\nimport { BaseSection } from \"./registerSection\";\n\nconst meta: Meta<typeof BaseListBox> = {\n  title: \"Components/BaseListBox\",\n  component: BaseListBox,\n  args: {\n    onSelectionChange: fn(),\n  },\n  argTypes: {\n    selectionMode: {\n      control: \"radio\",\n      options: [\"none\", \"single\"],\n      description: \"The selection mode of the listbox\",\n    },\n    selectedKeys: {\n      control: \"text\",\n      description: \"Currently selected key(s)\",\n    },\n    defaultSelectedKeys: {\n      control: \"text\",\n      description: \"Default selected key(s)\",\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof BaseListBox>;\n\n// TODO: Assertions may be flaky because the registeredId is set inside useEffect, so in the first render, the id is randomly generated by react-aria itself.\n// We use sleep to wait for the id to be set before asserting.\n// This is marked todo because the sleep needs to be removed in a separate PR that fixes this issue\nconst sleep = (ms: number) => new Promise((resolve) => setTimeout(resolve, ms));\n\nconst beforeEach = async () => {\n  await sleep(100);\n};\n\n// Helper function to create list items\nconst createListItems = (count: number) => {\n  return Array.from({ length: count }, (_, i) => ({\n    id: `${i + 1}`,\n    textValue: `Item ${i + 1}`,\n    children: `Item ${i + 1} - Description`,\n  }));\n};\n\n// Basic ListBox with no selection\nexport const NoSelection: Story = {\n  args: {\n    selectionMode: \"none\",\n    children: createListItems(3).map((item) => (\n      <BaseListBoxItem key={item.id} id={item.id}>\n        {item.children}\n      </BaseListBoxItem>\n    )),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n    await userEvent.click(options[1]);\n\n    expect(args.onSelectionChange).not.toHaveBeenCalled();\n\n    // Verify no selection occurred by checking aria-selected attribute\n    expect(options[0]).not.toHaveAttribute(\"aria-selected\");\n\n    // Additional verification that none of the options are selected\n    options.forEach((option) => {\n      expect(option).not.toHaveAttribute(\"aria-selected\");\n    });\n  },\n};\n\n// ListBox with single selection\nexport const SingleSelection: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: createListItems(3).map((item) => (\n      <BaseListBoxItem key={item.id} id={item.id}>\n        {item.children}\n      </BaseListBoxItem>\n    )),\n  },\n  play: async ({ canvasElement }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    expect(options[1]).toHaveAttribute(\"aria-selected\", \"false\");\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"false\");\n\n    await userEvent.click(options[1]);\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"false\");\n    expect(options[1]).toHaveAttribute(\"aria-selected\", \"true\");\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"false\");\n  },\n};\n\n// ListBox with sections\nexport const WithSections: Story = {\n  args: {\n    selectionMode: \"single\",\n    children: [\n      <BaseSection\n        key=\"section1\"\n        header=\"Section 1\"\n        items={createListItems(2).map((item) => (\n          <ListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </ListBoxItem>\n        ))}\n      />,\n      <BaseSection\n        key=\"section2\"\n        header=\"Section 2\"\n        items={createListItems(2).map((item) => (\n          <ListBoxItem key={`s2-${item.id}`} id={`s2-${item.id}`}>\n            {item.children}\n          </ListBoxItem>\n        ))}\n      />,\n    ],\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    let lastCallArg;\n\n    options.forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    // Test selection in first section\n    await userEvent.click(options[0]);\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [options[1], options[2], options[3]].forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"1\")).toBe(true);\n\n    // Test selection in second section\n    await userEvent.click(options[2]); // First item in second section\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [options[0], options[1], options[3]].forEach((option) => {\n      expect(option).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    expect(args.onSelectionChange).toHaveBeenCalledTimes(2);\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[1][0];\n    expect(lastCallArg.has(\"s2-1\")).toBe(true);\n  },\n};\n// ListBox containing items with duplicate ids\nexport const WithDuplicateIds: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: (\n      <>\n        {createListItems(2).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        {createListItems(3).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        {createListItems(1).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n\n    let lastCallArg;\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(6);\n\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [1, 2, 3, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[2]);\n\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"1 duplicate(1)\")).toBe(true);\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [0, 1, 3, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[3]);\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[1][0];\n    expect(lastCallArg.has(\"2 duplicate(1)\")).toBe(true);\n    [0, 1, 2, 4, 5].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[5]);\n    lastCallArg = (args.onSelectionChange as Mock).mock.calls[2][0];\n    expect(lastCallArg.has(\"1 duplicate(2)\")).toBe(true);\n    [0, 1, 2, 3, 4].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n  },\n};\n\n// ListBox containing items with duplicate ids\nexport const WithMissingIds: Story = {\n  args: {\n    selectionMode: \"single\",\n    defaultSelectedKeys: \"1\",\n    children: (\n      <>\n        {createListItems(2).map((item) => (\n          <BaseListBoxItem key={item.id} id={item.id}>\n            {item.children}\n          </BaseListBoxItem>\n        ))}\n        <BaseListBoxItem>Item with missing id</BaseListBoxItem>\n      </>\n    ),\n  },\n  play: async ({ canvasElement, args }) => {\n    await beforeEach();\n    const canvas = within(canvasElement);\n    const options = await within(canvas.getByRole(\"listbox\")).findAllByRole(\n      \"option\"\n    );\n    expect(options).toHaveLength(3);\n\n    expect(options[0]).toHaveAttribute(\"aria-selected\", \"true\");\n    [1, 2].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n\n    await userEvent.click(options[2]);\n\n    const lastCallArg = (args.onSelectionChange as Mock).mock.calls[0][0];\n    expect(lastCallArg.has(\"missing(1)\")).toBe(true);\n    expect(options[2]).toHaveAttribute(\"aria-selected\", \"true\");\n    [0, 1].forEach((index) => {\n      expect(options[index]).toHaveAttribute(\"aria-selected\", \"false\");\n    });\n  },\n};\n"],"names":[],"mappings":"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"}

package/skinny/registerModal.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import {\n  PlasmicElement,\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    HasControlContextData {\n  heading: React.ReactNode;\n  modalOverlayClass: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n    const isSelected =\n      usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    const mergedProps = mergeProps(contextProps, rest, {\n      isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,\n      /*\n        isDismissable on canvas (non-interactive mode) causes the following two issues:\n        1. Clicking anywhere inside the modal dismisses it\n        2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n\n        To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      */\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["forwardRef","usePlasmicCanvasContext","usePlasmicCanvasComponentInfo","React","PlasmicDialogTriggerContext","mergeProps","useImperativeHandle","_a","ModalOverlay","Modal","makeComponentName","registerComponentHelper","hasParent"],"mappings":"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"}
+{"version":3,"file":"registerModal.cjs.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import {\n  PlasmicElement,\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  WithPlasmicCanvasComponentInfo,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    WithPlasmicCanvasComponentInfo,\n    HasControlContextData {\n  modalOverlayClass?: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n    const isSelected =\n      usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    // TODO: React-aria does not like modal being passed defaultOpen while its inside a DialogTrigger.\n    const mergedProps = mergeProps(contextProps, rest, {\n      isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,\n      /*\n        isDismissable on canvas (non-interactive mode) causes the following two issues:\n        1. Clicking anywhere inside the modal dismisses it\n        2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n\n        To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      */\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["forwardRef","usePlasmicCanvasContext","usePlasmicCanvasComponentInfo","React","PlasmicDialogTriggerContext","mergeProps","useImperativeHandle","_a","ModalOverlay","Modal","makeComponentName","registerComponentHelper","hasParent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCO,MAAM,SAAY,GAAAA,gBAAA;AAAA,EACvB,SAAS,cAAe,CAAA,KAAA,EAAO,GAAK,EAAA;AAnCtC,IAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAoCI,IAAA,MASI,EARF,GAAA,KAAA,EAAA;AAAA,MAAA,QAAA;AAAA,MACA,iBAAA;AAAA,MACA,SAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,MACA,qBAAA;AAAA,MACA,aAAA;AAAA,KA3CN,GA6CQ,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,MAPH,UAAA;AAAA,MACA,mBAAA;AAAA,MACA,WAAA;AAAA,MACA,QAAA;AAAA,MACA,gBAAA;AAAA,MACA,uBAAA;AAAA,MACA,eAAA;AAAA,KAAA,CAAA,CAAA;AAIF,IAAA,MAAM,YAAYC,4BAAwB,EAAA,CAAA;AAC1C,IAAM,MAAA,UAAA,GAAa,SAAa,IAAA,SAAA,CAAU,WAAgB,KAAA,KAAA,CAAA;AAC1D,IAAA,MAAM,UACJ,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAAC,kCAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAgC,KAAhC,CAAA,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAwC,eAAxC,IAAsD,GAAA,EAAA,GAAA,KAAA,CAAA;AAExD,IAAM,MAAA,YAAA,GAAeC,sBAAM,CAAA,UAAA,CAAWC,oCAA2B,CAAA,CAAA;AACjE,IAAA,MAAM,eAAe,CAAC,YAAA,CAAA;AAEtB,IAAM,MAAA,WAAA,GAAcC,oBAAW,CAAA,YAAA,EAAc,IAAM,EAAA;AAAA,MACjD,MAAQ,EAAA,YAAA,GAAe,UAAc,IAAA,MAAA,GAAS,YAAa,CAAA,MAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAQ3D,aAAA,EAAe,aAAa,KAAQ,GAAA,aAAA;AAAA,KACrC,CAAA,CAAA;AAED,IAAwB,qBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,qBAAA,CAAA;AAAA,MACtB,MAAA,EAAQ,YAAe,GAAA,KAAA,CAAA,GAAY,EAAC;AAAA,KACtC,CAAA,CAAA;AAGA,IAAAC,yBAAA,CAAoB,KAAK,OAAO;AAAA,MAC9B,OAAO,MAAM;AAzEnB,QAAAC,IAAAA,GAAAA,CAAAA;AA0EQ,QAAA,CAAAA,GAAA,GAAA,WAAA,CAAY,YAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAA2B,CAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAAA,OAC7B;AAAA,MACA,MAAM,MAAM;AA5ElB,QAAAA,IAAAA,GAAAA,CAAAA;AA6EQ,QAAA,CAAAA,GAAA,GAAA,WAAA,CAAY,YAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAA2B,CAAA,WAAA,EAAA,IAAA,CAAA,CAAA;AAAA,OAC7B;AAAA,KACA,CAAA,CAAA,CAAA;AAEF,IACE,uBAAAJ,sBAAA,CAAA,aAAA;AAAA,MAACK,gCAAA;AAAA,MAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,WADL,CAAA,EAAA;AAAA,QAEC,SAAA,EAAW,GAAG,cAAkB,CAAA,CAAA,EAAA,iBAAA,CAAA,CAAA;AAAA,OAAA,CAAA;AAAA,sBAEhCL,sBAAA,CAAA,aAAA,CAACM,yBAAM,EAAA,EAAA,SAAA,EAAA,EAAuB,QAAS,CAAA;AAAA,KACzC,CAAA;AAAA,GAEJ;AACF,EAAA;AAEa,MAAA,oBAAA,GAAuBC,wBAAkB,OAAO,EAAA;AAEtD,MAAM,0BAA6C,GAAA;AAAA,EACxD,IAAM,EAAA,MAAA;AAAA,EACN,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA,SAAA;AAAA,IACP,OAAS,EAAA,CAAA;AAAA,IACT,GAAK,EAAA,MAAA;AAAA,IACL,cAAgB,EAAA,YAAA;AAAA,IAChB,UAAY,EAAA,YAAA;AAAA,GACd;AAAA,EACA,QAAU,EAAA;AAAA,IACR;AAAA,MACE,IAAM,EAAA,MAAA;AAAA,MACN,KAAO,EAAA,SAAA;AAAA,MACP,GAAK,EAAA,IAAA;AAAA,KACP;AAAA,IACA;AAAA,MACE,IAAM,EAAA,MAAA;AAAA,MACN,KAAO,EAAA,kBAAA;AAAA,KACT;AAAA,IACA;AAAA,MACE,IAAM,EAAA,MAAA;AAAA,MACN,KAAO,EAAA,4CAAA;AAAA,MACP,MAAQ,EAAA;AAAA,QACN,UAAY,EAAA,GAAA;AAAA,OACd;AAAA,KACF;AAAA,IACA;AAAA,MACE,IAAM,EAAA,MAAA;AAAA,MACN,KACE,EAAA,8EAAA;AAAA,KACJ;AAAA,GACF;AACF,EAAA;AAEgB,SAAA,aAAA,CACd,QACA,SACA,EAAA;AACA,EAAAC,6BAAA;AAAA,IACE,MAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,MACE,IAAM,EAAA,oBAAA;AAAA,MACN,WAAa,EAAA,YAAA;AAAA,MACb,UAAY,EAAA,8CAAA;AAAA,MACZ,UAAY,EAAA,WAAA;AAAA,MACZ,aAAe,EAAA,IAAA;AAAA,MACf,aAAe,EAAA;AAAA;AAAA,QAEb,QAAU,EAAA,OAAA;AAAA,QACV,GAAK,EAAA,KAAA;AAAA,QACL,IAAM,EAAA,KAAA;AAAA,QACN,KAAO,EAAA,KAAA;AAAA,QACP,SAAW,EAAA,kBAAA;AAAA,QACX,WAAa,EAAA,KAAA;AAAA,QACb,WAAa,EAAA,OAAA;AAAA,QACb,WAAa,EAAA,OAAA;AAAA,QACb,OAAS,EAAA,MAAA;AAAA,QACT,QAAU,EAAA,OAAA;AAAA,QACV,eAAiB,EAAA,SAAA;AAAA,OACnB;AAAA,MACA,UAAY,EAAA;AAAA,QACV,IAAM,EAAA;AAAA,UACJ,WAAa,EAAA,gBAAA;AAAA,UACb,UAAU,EAAC;AAAA,SACb;AAAA,QACA,KAAO,EAAA;AAAA,UACL,WAAa,EAAA,iBAAA;AAAA,UACb,UAAU,EAAC;AAAA,SACb;AAAA,OACF;AAAA,MACA,KAAO,EAAA;AAAA,QACL,QAAU,EAAA;AAAA,UACR,IAAM,EAAA,MAAA;AAAA,UACN,eAAiB,EAAA,IAAA;AAAA,UACjB,YAAc,EAAA,0BAAA;AAAA,SAChB;AAAA,QACA,iBAAmB,EAAA;AAAA,UACjB,IAAM,EAAA,OAAA;AAAA,UACN,WAAa,EAAA,eAAA;AAAA,SACf;AAAA,QACA,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,SAAA;AAAA,UACN,QAAU,EAAA,IAAA;AAAA,UACV,gBAAkB,EAAA,aAAA;AAAA,UAClB,gBAAkB,EAAA,IAAA;AAAA,UAClB,YAAc,EAAA,IAAA;AAAA,UACd,MAAQ,EAAAC,gBAAA;AAAA,SACV;AAAA,QACA,aAAe,EAAA;AAAA,UACb,IAAM,EAAA,SAAA;AAAA,UACN,WACE,EAAA,gEAAA;AAAA,SACJ;AAAA,QACA,yBAA2B,EAAA;AAAA,UACzB,IAAM,EAAA,SAAA;AAAA,UACN,WACE,EAAA,wEAAA;AAAA,SACJ;AAAA,QACA,YAAc,EAAA;AAAA,UACZ,IAAM,EAAA,cAAA;AAAA,UACN,UAAU,CAAC,EAAE,MAAM,QAAU,EAAA,IAAA,EAAM,WAAW,CAAA;AAAA,SAChD;AAAA,QACA,cAAgB,EAAA;AAAA,UACd,IAAM,EAAA,iBAAA;AAAA,SACR;AAAA,OACF;AAAA,MACA,MAAQ,EAAA;AAAA,QACN,MAAQ,EAAA;AAAA,UACN,IAAM,EAAA,UAAA;AAAA,UACN,SAAW,EAAA,QAAA;AAAA,UACX,YAAc,EAAA,cAAA;AAAA,UACd,YAAc,EAAA,SAAA;AAAA,UACd,MAAQ,EAAAA,gBAAA;AAAA,SACV;AAAA,OACF;AAAA,MACA,UAAY,EAAA,IAAA;AAAA,KACd;AAAA,IACA,SAAA;AAAA,GACF,CAAA;AACF;;;;;;;"}

package/skinny/registerModal.d.ts

@@ -1,10 +1,9 @@
 import { PlasmicElement } from "@plasmicapp/host";
 import React from "react";
 import { ModalOverlayProps } from "react-aria-components";
-import { CodeComponentMetaOverrides, HasControlContextData, Registerable } from "./utils";
-export interface BaseModalProps extends ModalOverlayProps, HasControlContextData {
-    heading: React.ReactNode;
-    modalOverlayClass: string;
+import { CodeComponentMetaOverrides, HasControlContextData, Registerable, WithPlasmicCanvasComponentInfo } from "./utils";
+export interface BaseModalProps extends ModalOverlayProps, WithPlasmicCanvasComponentInfo, HasControlContextData {
+    modalOverlayClass?: string;
     resetClassName?: string;
     children?: React.ReactNode;
     className?: string;

package/skinny/registerModal.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import {\n  PlasmicElement,\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    HasControlContextData {\n  heading: React.ReactNode;\n  modalOverlayClass: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n    const isSelected =\n      usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    const mergedProps = mergeProps(contextProps, rest, {\n      isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,\n      /*\n        isDismissable on canvas (non-interactive mode) causes the following two issues:\n        1. Clicking anywhere inside the modal dismisses it\n        2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n\n        To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      */\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"registerModal.esm.js","sources":["../src/registerModal.tsx"],"sourcesContent":["import {\n  PlasmicElement,\n  usePlasmicCanvasComponentInfo,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport React, { forwardRef, useImperativeHandle } from \"react\";\nimport { mergeProps } from \"react-aria\";\nimport { Modal, ModalOverlay, ModalOverlayProps } from \"react-aria-components\";\nimport { hasParent } from \"./common\";\nimport { PlasmicDialogTriggerContext } from \"./contexts\";\nimport {\n  CodeComponentMetaOverrides,\n  HasControlContextData,\n  makeComponentName,\n  Registerable,\n  registerComponentHelper,\n  WithPlasmicCanvasComponentInfo,\n} from \"./utils\";\n\nexport interface BaseModalProps\n  extends ModalOverlayProps,\n    WithPlasmicCanvasComponentInfo,\n    HasControlContextData {\n  modalOverlayClass?: string;\n  resetClassName?: string;\n  children?: React.ReactNode;\n  className?: string;\n}\n\nexport interface BaseModalActions {\n  close(): void;\n  open(): void;\n}\n\nexport const BaseModal = forwardRef<BaseModalActions, BaseModalProps>(\n  function BaseModalInner(props, ref) {\n    const {\n      children,\n      modalOverlayClass,\n      className,\n      isOpen,\n      resetClassName,\n      setControlContextData,\n      isDismissable,\n      ...rest\n    } = props;\n\n    const canvasCtx = usePlasmicCanvasContext();\n    const isEditMode = canvasCtx && canvasCtx.interactive === false;\n    const isSelected =\n      usePlasmicCanvasComponentInfo?.(props)?.isSelected ?? false;\n\n    const contextProps = React.useContext(PlasmicDialogTriggerContext);\n    const isStandalone = !contextProps;\n    // TODO: React-aria does not like modal being passed defaultOpen while its inside a DialogTrigger.\n    const mergedProps = mergeProps(contextProps, rest, {\n      isOpen: isStandalone ? isSelected || isOpen : contextProps.isOpen,\n      /*\n        isDismissable on canvas (non-interactive mode) causes the following two issues:\n        1. Clicking anywhere inside the modal dismisses it\n        2. If the modal is auto-opened due to selection in outline tab, the modal stays open despite issue #1, but the text elements inside the modal are no longer selectable, and therefore the text or headings inside the modal are not editable.\n\n        To fix the above issue, we set an interim isDismissable state to false in edit mode, because it only matters in interactive mode.\n      */\n      isDismissable: isEditMode ? false : isDismissable,\n    });\n\n    setControlContextData?.({\n      parent: isStandalone ? undefined : {},\n    });\n\n    // Expose close operation using useImperativeHandle\n    useImperativeHandle(ref, () => ({\n      close: () => {\n        mergedProps.onOpenChange?.(false);\n      },\n      open: () => {\n        mergedProps.onOpenChange?.(true);\n      },\n    }));\n\n    return (\n      <ModalOverlay\n        {...mergedProps}\n        className={`${resetClassName} ${modalOverlayClass}`}\n      >\n        <Modal className={className}>{children}</Modal>\n      </ModalOverlay>\n    );\n  }\n);\n\nexport const MODAL_COMPONENT_NAME = makeComponentName(\"modal\");\n\nexport const MODAL_DEFAULT_SLOT_CONTENT: PlasmicElement = {\n  type: \"vbox\",\n  styles: {\n    width: \"stretch\",\n    padding: 0,\n    gap: \"10px\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n  },\n  children: [\n    {\n      type: \"text\",\n      value: \"Heading\",\n      tag: \"h2\",\n    },\n    {\n      type: \"text\",\n      value: \"This is a Modal!\",\n    },\n    {\n      type: \"text\",\n      value: \"You can put anything you can imagine here!\",\n      styles: {\n        fontWeight: 500,\n      },\n    },\n    {\n      type: \"text\",\n      value:\n        \"Use it in a `Aria Dialog Trigger` component to trigger it on a button click!\",\n    },\n  ],\n};\n\nexport function registerModal(\n  loader?: Registerable,\n  overrides?: CodeComponentMetaOverrides<typeof BaseModal>\n) {\n  registerComponentHelper(\n    loader,\n    BaseModal,\n    {\n      name: MODAL_COMPONENT_NAME,\n      displayName: \"Aria Modal\",\n      importPath: \"@plasmicpkgs/react-aria/skinny/registerModal\",\n      importName: \"BaseModal\",\n      styleSections: true,\n      defaultStyles: {\n        // centering the modal on the page by default\n        position: \"fixed\",\n        top: \"10%\",\n        left: \"50%\",\n        width: \"50%\",\n        transform: \"translateX(-50%)\",\n        borderWidth: \"1px\",\n        borderStyle: \"solid\",\n        borderColor: \"black\",\n        padding: \"20px\",\n        maxWidth: \"300px\",\n        backgroundColor: \"#FDE3C3\",\n      },\n      refActions: {\n        open: {\n          description: \"Open the modal\",\n          argTypes: [],\n        },\n        close: {\n          description: \"Close the modal\",\n          argTypes: [],\n        },\n      },\n      props: {\n        children: {\n          type: \"slot\",\n          mergeWithParent: true,\n          defaultValue: MODAL_DEFAULT_SLOT_CONTENT,\n        },\n        modalOverlayClass: {\n          type: \"class\",\n          displayName: \"Modal Overlay\",\n        },\n        isOpen: {\n          type: \"boolean\",\n          editOnly: true,\n          uncontrolledProp: \"defaultOpen\",\n          defaultValueHint: true,\n          defaultValue: true,\n          hidden: hasParent,\n        },\n        isDismissable: {\n          type: \"boolean\",\n          description:\n            \"Whether to close the modal when the user interacts outside it.\",\n        },\n        isKeyboardDismissDisabled: {\n          type: \"boolean\",\n          description:\n            \"Whether pressing the escape key to close the modal should be disabled.\",\n        },\n        onOpenChange: {\n          type: \"eventHandler\",\n          argTypes: [{ name: \"isOpen\", type: \"boolean\" }],\n        },\n        resetClassName: {\n          type: \"themeResetClass\",\n        },\n      },\n      states: {\n        isOpen: {\n          type: \"writable\",\n          valueProp: \"isOpen\",\n          onChangeProp: \"onOpenChange\",\n          variableType: \"boolean\",\n          hidden: hasParent,\n        },\n      },\n      trapsFocus: true,\n    },\n    overrides\n  );\n}\n"],"names":["_a"],"mappings":"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"}