@webiny/admin-ui 6.0.0-alpha.0

package/Popover/Popover.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PopoverPrimitive","makeDecoratable","DecoratablePopover","align","arrow","close","content","side","trigger","variant","props","createElement","Trigger","asChild","Content","className","Close","Arrow","Popover"],"sources":["Popover.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveContentProps\n} from \"./primitives\";\nimport { makeDecoratable } from \"~/utils\";\n\ninterface PopoverProps extends PopoverPrimitiveProps, Omit<PopoverPrimitiveProps, \"children\"> {\n    align?: PopoverPrimitiveContentProps[\"align\"];\n    content: React.ReactNode;\n    arrow?: boolean;\n    close?: boolean;\n    side?: PopoverPrimitiveContentProps[\"side\"];\n    trigger: React.ReactNode;\n    variant?: PopoverPrimitiveContentProps[\"variant\"];\n}\n\nconst DecoratablePopover = ({\n    align,\n    arrow,\n    close,\n    content,\n    side,\n    trigger,\n    variant,\n    ...props\n}: PopoverProps) => (\n    <PopoverPrimitive {...props}>\n        <PopoverPrimitive.Trigger asChild>{trigger}</PopoverPrimitive.Trigger>\n        <PopoverPrimitive.Content\n            align={align}\n            className={\"wby-px-sm-extra wby-py-sm\"}\n            arrow={arrow}\n            side={side}\n            variant={variant}\n        >\n            {content}\n            {close && <PopoverPrimitive.Close />}\n            {arrow && <PopoverPrimitive.Arrow variant={variant} />}\n        </PopoverPrimitive.Content>\n    </PopoverPrimitive>\n);\n\nconst Popover = makeDecoratable(\"Popover\", DecoratablePopover);\n\nexport { Popover, type PopoverProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACIC,gBAAgB;AAIpB,SAASC,eAAe;AAYxB,MAAMC,kBAAkB,GAAGA,CAAC;EACxBC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,IAAI;EACJC,OAAO;EACPC,OAAO;EACP,GAAGC;AACO,CAAC,kBACXX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,EAAKU,KAAK,eACvBX,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACY,OAAO;EAACC,OAAO;AAAA,GAAEL,OAAkC,CAAC,eACtET,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACc,OAAO;EACrBX,KAAK,EAAEA,KAAM;EACbY,SAAS,EAAE,2BAA4B;EACvCX,KAAK,EAAEA,KAAM;EACbG,IAAI,EAAEA,IAAK;EACXE,OAAO,EAAEA;AAAQ,GAEhBH,OAAO,EACPD,KAAK,iBAAIN,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACgB,KAAK,MAAE,CAAC,EACnCZ,KAAK,iBAAIL,KAAA,CAAAY,aAAA,CAACX,gBAAgB,CAACiB,KAAK;EAACR,OAAO,EAAEA;AAAQ,CAAE,CAC/B,CACZ,CACrB;AAED,MAAMS,OAAO,GAAGjB,eAAe,CAAC,SAAS,EAAEC,kBAAkB,CAAC;AAE9D,SAASgB,OAAO","ignoreList":[]}

package/Popover/Popover.mdx

@@ -0,0 +1,204 @@
+import { Canvas, Meta, Controls } from '@storybook/blocks';
+
+import * as PopoverStories from './Popover.stories';
+
+<Meta of={PopoverStories} />
+
+# Popover
+
+The Popover component is a UI element that displays floating content when a trigger element is clicked. It's commonly used for contextual information, additional options, or interactive forms that don't require a full modal dialog.
+
+## Usage
+
+<Canvas of={PopoverStories.Documentation} source={ { code: `
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const PopoverExample = () => {
+    return (
+        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                align="center"
+                side="bottom"
+                variant="subtle"
+                arrow={false}
+                close={false}
+            />
+        </div>
+    );
+};
+
+export default PopoverExample;
+
+` } }
+        additionalActions={[
+            {
+                title: 'Open in GitHub',
+                onClick: () => {
+                    window.open(
+                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Popover/Popover.tsx',
+                        '_blank'
+                    );
+                },
+            }
+        ]}
+/>
+
+<Controls of={PopoverStories.Documentation} />
+
+```tsx
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const PopoverExample = () => {
+    return (
+        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                align="center"
+                side="bottom"
+                variant="subtle"
+                arrow={false}
+                close={false}
+            />
+        </div>
+    );
+};
+
+export default PopoverExample;
+```
+
+## Examples
+
+### Accent Variant
+
+A popover with the accent color variant for higher contrast.
+
+<Canvas of={PopoverStories.AccentVariant} source={ { code: `
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const AccentVariantExample = () => {
+    return (
+        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                variant="accent"
+            />
+        </div>
+    );
+};
+
+export default AccentVariantExample;
+` } } />
+
+### With Arrow (Accent Variant)
+
+A popover with an arrow pointing to the trigger element.
+
+<Canvas of={PopoverStories.WithArrowAccentVariant} source={ { code: `
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const WithArrowAccentExample = () => {
+    return (
+        <div className="wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                variant="accent"
+                arrow={true}
+            />
+        </div>
+    );
+};
+
+export default WithArrowAccentExample;
+` } } />
+
+### Subtle Variant
+
+A popover with the subtle variant, which is the default style.
+
+<Canvas of={PopoverStories.SubtleVariant} source={ { code: `
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const SubtleVariantExample = () => {
+    return (
+        <div className="wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                variant="subtle"
+            />
+        </div>
+    );
+};
+
+export default SubtleVariantExample;
+` } } />
+
+### With Arrow (Subtle Variant)
+
+A subtle variant popover with an arrow pointing to the trigger element.
+
+<Canvas of={PopoverStories.WithArrowSubtleVariant} source={ { code: `
+import React from "react";
+import { Popover } from "@webiny/admin-ui";
+
+const WithArrowSubtleExample = () => {
+    return (
+        <div className="wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]">
+            <Popover
+                trigger={<p>Popover trigger</p>}
+                content={
+                    <div className={"wby-w-[260px]"}>
+                        <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi
+                        lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor
+                        tempus.
+                    </div>
+                }
+                variant="subtle"
+                arrow={true}
+            />
+        </div>
+    );
+};
+
+export default WithArrowSubtleExample;
+` } } />

package/Popover/Popover.stories.d.ts

@@ -0,0 +1,11 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Popover } from "./Popover";
+declare const meta: Meta<typeof Popover>;
+export default meta;
+type Story = StoryObj<typeof Popover>;
+export declare const Default: Story;
+export declare const AccentVariant: Story;
+export declare const WithArrowAccentVariant: Story;
+export declare const SubtleVariant: Story;
+export declare const WithArrowSubtleVariant: Story;
+export declare const Documentation: Story;

package/Popover/Popover.stories.js

@@ -0,0 +1,111 @@
+import React from "react";
+import { Popover } from "./Popover";
+const meta = {
+  title: "Components/Popover",
+  component: Popover,
+  parameters: {
+    layout: "padded"
+  },
+  argTypes: {
+    align: {
+      control: "select",
+      options: ["start", "center", "end"]
+    },
+    side: {
+      control: "select",
+      options: ["top", "bottom", "left", "right"]
+    }
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export default meta;
+export const Default = {
+  args: {
+    trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-[260px]"
+    }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
+  }
+};
+export const AccentVariant = {
+  args: {
+    ...Default.args,
+    variant: "accent"
+  }
+};
+export const WithArrowAccentVariant = {
+  args: {
+    ...AccentVariant.args,
+    arrow: true
+  }
+};
+export const SubtleVariant = {
+  args: {
+    ...Default.args,
+    variant: "subtle"
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    className: "wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]"
+  }, /*#__PURE__*/React.createElement(Story, null))]
+};
+export const WithArrowSubtleVariant = {
+  args: {
+    variant: "subtle",
+    trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
+    arrow: true,
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-[260px]"
+    }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
+  },
+  decorators: SubtleVariant.decorators
+};
+export const Documentation = {
+  args: {
+    align: "center",
+    side: "bottom",
+    variant: "subtle",
+    arrow: false,
+    close: false,
+    trigger: /*#__PURE__*/React.createElement("p", null, "Popover trigger"),
+    content: /*#__PURE__*/React.createElement("div", {
+      className: "wby-w-[260px]"
+    }, /*#__PURE__*/React.createElement("strong", null, "Lorem ipsum dolor sit amet"), ", consectetur adipiscing elit. Morbi lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor tempus.")
+  },
+  argTypes: {
+    trigger: {
+      description: "The element that triggers the popover when clicked. Please refer to the example code for details.",
+      control: "none"
+    },
+    content: {
+      description: "The content to display inside the popover. Please refer to the example code for details.",
+      control: "none"
+    },
+    side: {
+      description: "The side of the trigger where the popover appears.",
+      control: "select",
+      options: ["top", "right", "bottom", "left"]
+    },
+    align: {
+      description: "The alignment of the popover relative to the trigger.",
+      control: "select",
+      options: ["start", "center", "end"]
+    },
+    variant: {
+      description: "The visual style variant of the popover.",
+      control: "select",
+      options: ["accent", "subtle"]
+    },
+    arrow: {
+      description: "Whether to show an arrow pointing to the trigger.",
+      control: "boolean"
+    },
+    close: {
+      description: "Whether to show a close button inside the popover.",
+      control: "boolean"
+    }
+  }
+};
+
+//# sourceMappingURL=Popover.stories.js.map

package/Popover/Popover.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","meta","title","component","parameters","layout","argTypes","align","control","options","side","decorators","Story","createElement","className","Default","args","trigger","content","AccentVariant","variant","WithArrowAccentVariant","arrow","SubtleVariant","WithArrowSubtleVariant","Documentation","close","description"],"sources":["Popover.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport { Popover } from \"./Popover\";\n\nconst meta: Meta<typeof Popover> = {\n    title: \"Components/Popover\",\n    component: Popover,\n    parameters: {\n        layout: \"padded\"\n    },\n    argTypes: {\n        align: {\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        side: {\n            control: \"select\",\n            options: [\"top\", \"bottom\", \"left\", \"right\"]\n        }\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-bg-[#f4f4f4] wby-flex wby-items-center wby-justify-center wby-w-full wby-h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof Popover>;\n\nexport const Default: Story = {\n    args: {\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    }\n};\n\nexport const AccentVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"accent\"\n    }\n};\n\nexport const WithArrowAccentVariant: Story = {\n    args: {\n        ...AccentVariant.args,\n        arrow: true\n    }\n};\n\nexport const SubtleVariant: Story = {\n    args: {\n        ...Default.args,\n        variant: \"subtle\"\n    },\n    decorators: [\n        Story => (\n            <div className=\"wby-flex wby-items-center wby-justify-center wby-bg-neutral-dark wby-text-neutral-light wby-w-full wby-h-[300px]\">\n                <Story />\n            </div>\n        )\n    ]\n};\n\nexport const WithArrowSubtleVariant: Story = {\n    args: {\n        variant: \"subtle\",\n        trigger: <p>Popover trigger</p>,\n        arrow: true,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    decorators: SubtleVariant.decorators\n};\n\nexport const Documentation: Story = {\n    args: {\n        align: \"center\",\n        side: \"bottom\",\n        variant: \"subtle\",\n        arrow: false,\n        close: false,\n        trigger: <p>Popover trigger</p>,\n        content: (\n            <div className={\"wby-w-[260px]\"}>\n                <strong>Lorem ipsum dolor sit amet</strong>, consectetur adipiscing elit. Morbi\n                lectus leo, dapibus vitae mollis dictum, vulputate eget lorem. Aliquam rutrum auctor\n                tempus.\n            </div>\n        )\n    },\n    argTypes: {\n        trigger: {\n            description:\n                \"The element that triggers the popover when clicked. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        content: {\n            description:\n                \"The content to display inside the popover. Please refer to the example code for details.\",\n            control: \"none\"\n        },\n        side: {\n            description: \"The side of the trigger where the popover appears.\",\n            control: \"select\",\n            options: [\"top\", \"right\", \"bottom\", \"left\"]\n        },\n        align: {\n            description: \"The alignment of the popover relative to the trigger.\",\n            control: \"select\",\n            options: [\"start\", \"center\", \"end\"]\n        },\n        variant: {\n            description: \"The visual style variant of the popover.\",\n            control: \"select\",\n            options: [\"accent\", \"subtle\"]\n        },\n        arrow: {\n            description: \"Whether to show an arrow pointing to the trigger.\",\n            control: \"boolean\"\n        },\n        close: {\n            description: \"Whether to show a close button inside the popover.\",\n            control: \"boolean\"\n        }\n    }\n};\n"],"mappings":"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","ignoreList":[]}

package/Popover/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Popover";
+export * from "./primitives";

package/Popover/index.js

@@ -0,0 +1,4 @@
+export * from "./Popover";
+export * from "./primitives";
+
+//# sourceMappingURL=index.js.map

package/Popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Popover\";\nexport * from \"./primitives\";\n"],"mappings":"AAAA;AACA","ignoreList":[]}

package/Popover/primitives/PopoverPrimitive.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { type PopoverAnchorProps as PopoverPrimitiveAnchorProps, type PopoverArrowProps as PopoverPrimitiveArrowProps, type PopoverCloseProps as PopoverPrimitiveCloseProps, type PopoverContentProps as PopoverPrimitiveContentProps, type PopoverRootProps as PopoverPrimitiveProps, type PopoverTriggerProps as PopoverPrimitiveTriggerProps } from "./components";
+declare const PopoverPrimitive: (({ ...props }: import("@radix-ui/react-popover").PopoverProps) => import("react").JSX.Element) & {
+    Anchor: ({ ...props }: import("@radix-ui/react-popover").PopoverAnchorProps) => import("react").JSX.Element;
+    Arrow: ({ variant, className, ...props }: PopoverPrimitiveArrowProps) => import("react").JSX.Element;
+    Close: ({ ...props }: import("@radix-ui/react-popover").PopoverCloseProps) => import("react").JSX.Element;
+    Content: ({ className, variant, arrow, align, sideOffset, collisionPadding, ...props }: PopoverPrimitiveContentProps) => import("react").JSX.Element;
+    Trigger: ({ ...props }: import("@radix-ui/react-popover").PopoverTriggerProps) => import("react").JSX.Element;
+};
+export { PopoverPrimitive, type PopoverPrimitiveProps, type PopoverPrimitiveAnchorProps, type PopoverPrimitiveArrowProps, type PopoverPrimitiveCloseProps, type PopoverPrimitiveContentProps, type PopoverPrimitiveTriggerProps };

package/Popover/primitives/PopoverPrimitive.js

@@ -0,0 +1,12 @@
+import { PopoverAnchor, PopoverArrow, PopoverContent, PopoverClose, PopoverRoot, PopoverTrigger } from "./components";
+import { withStaticProps } from "../../utils";
+const PopoverPrimitive = withStaticProps(PopoverRoot, {
+  Anchor: PopoverAnchor,
+  Arrow: PopoverArrow,
+  Close: PopoverClose,
+  Content: PopoverContent,
+  Trigger: PopoverTrigger
+});
+export { PopoverPrimitive };
+
+//# sourceMappingURL=PopoverPrimitive.js.map

package/Popover/primitives/PopoverPrimitive.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PopoverAnchor","PopoverArrow","PopoverContent","PopoverClose","PopoverRoot","PopoverTrigger","withStaticProps","PopoverPrimitive","Anchor","Arrow","Close","Content","Trigger"],"sources":["PopoverPrimitive.tsx"],"sourcesContent":["import {\n    PopoverAnchor,\n    PopoverArrow,\n    PopoverContent,\n    PopoverClose,\n    PopoverRoot,\n    PopoverTrigger,\n    type PopoverAnchorProps as PopoverPrimitiveAnchorProps,\n    type PopoverArrowProps as PopoverPrimitiveArrowProps,\n    type PopoverCloseProps as PopoverPrimitiveCloseProps,\n    type PopoverContentProps as PopoverPrimitiveContentProps,\n    type PopoverRootProps as PopoverPrimitiveProps,\n    type PopoverTriggerProps as PopoverPrimitiveTriggerProps\n} from \"./components\";\nimport { withStaticProps } from \"~/utils\";\n\nconst PopoverPrimitive = withStaticProps(PopoverRoot, {\n    Anchor: PopoverAnchor,\n    Arrow: PopoverArrow,\n    Close: PopoverClose,\n    Content: PopoverContent,\n    Trigger: PopoverTrigger\n});\n\nexport {\n    PopoverPrimitive,\n    type PopoverPrimitiveProps,\n    type PopoverPrimitiveAnchorProps,\n    type PopoverPrimitiveArrowProps,\n    type PopoverPrimitiveCloseProps,\n    type PopoverPrimitiveContentProps,\n    type PopoverPrimitiveTriggerProps\n};\n"],"mappings":"AAAA,SACIA,aAAa,EACbC,YAAY,EACZC,cAAc,EACdC,YAAY,EACZC,WAAW,EACXC,cAAc;AAQlB,SAASC,eAAe;AAExB,MAAMC,gBAAgB,GAAGD,eAAe,CAACF,WAAW,EAAE;EAClDI,MAAM,EAAER,aAAa;EACrBS,KAAK,EAAER,YAAY;EACnBS,KAAK,EAAEP,YAAY;EACnBQ,OAAO,EAAET,cAAc;EACvBU,OAAO,EAAEP;AACb,CAAC,CAAC;AAEF,SACIE,gBAAgB","ignoreList":[]}

package/Popover/primitives/components/PopoverAnchor.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+type PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;
+declare const PopoverAnchor: ({ ...props }: PopoverAnchorProps) => React.JSX.Element;
+export { PopoverAnchor, type PopoverAnchorProps };

package/Popover/primitives/components/PopoverAnchor.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+const PopoverAnchor = ({
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(PopoverPrimitive.Anchor, Object.assign({
+    "data-slot": "popover-anchor"
+  }, props));
+};
+export { PopoverAnchor };
+
+//# sourceMappingURL=PopoverAnchor.js.map

package/Popover/primitives/components/PopoverAnchor.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverAnchor","props","createElement","Anchor","Object","assign"],"sources":["PopoverAnchor.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverAnchorProps = PopoverPrimitive.PopoverAnchorProps;\n\nconst PopoverAnchor = ({ ...props }: PopoverAnchorProps) => {\n    return <PopoverPrimitive.Anchor data-slot=\"popover-anchor\" {...props} />;\n};\n\nexport { PopoverAnchor, type PopoverAnchorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,aAAa,GAAGA,CAAC;EAAE,GAAGC;AAA0B,CAAC,KAAK;EACxD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,MAAM,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAgB,GAAKJ,KAAK,CAAG,CAAC;AAC5E,CAAC;AAED,SAASD,aAAa","ignoreList":[]}

package/Popover/primitives/components/PopoverArrow.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { type VariantProps } from "../../../utils";
+declare const popoverArrowVariants: (props?: ({
+    variant?: "accent" | "subtle" | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type PopoverArrowProps = PopoverPrimitive.PopoverArrowProps & VariantProps<typeof popoverArrowVariants>;
+declare const PopoverArrow: ({ variant, className, ...props }: PopoverArrowProps) => React.JSX.Element;
+export { PopoverArrow, type PopoverArrowProps };

package/Popover/primitives/components/PopoverArrow.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn, cva } from "../../../utils";
+const popoverArrowVariants = cva("", {
+  variants: {
+    variant: {
+      accent: "wby-border-neutral-black",
+      subtle: "wby-fill-neutral-base"
+    }
+  },
+  defaultVariants: {
+    variant: "subtle"
+  }
+});
+const PopoverArrow = ({
+  variant,
+  className,
+  ...props
+}) => /*#__PURE__*/React.createElement(PopoverPrimitive.Arrow, Object.assign({}, props, {
+  width: 12,
+  height: 6,
+  className: cn(popoverArrowVariants({
+    variant
+  }), className)
+}));
+export { PopoverArrow };
+
+//# sourceMappingURL=PopoverArrow.js.map

package/Popover/primitives/components/PopoverArrow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","cn","cva","popoverArrowVariants","variants","variant","accent","subtle","defaultVariants","PopoverArrow","className","props","createElement","Arrow","Object","assign","width","height"],"sources":["PopoverArrow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst popoverArrowVariants = cva(\"\", {\n    variants: {\n        variant: {\n            accent: \"wby-border-neutral-black\",\n            subtle: \"wby-fill-neutral-base\"\n        }\n    },\n    defaultVariants: {\n        variant: \"subtle\"\n    }\n});\n\ntype PopoverArrowProps = PopoverPrimitive.PopoverArrowProps &\n    VariantProps<typeof popoverArrowVariants>;\n\nconst PopoverArrow = ({ variant, className, ...props }: PopoverArrowProps) => (\n    <PopoverPrimitive.Arrow\n        {...props}\n        width={12}\n        height={6}\n        className={cn(popoverArrowVariants({ variant }), className)}\n    />\n);\n\nexport { PopoverArrow, type PopoverArrowProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,oBAAoB,GAAGD,GAAG,CAAC,EAAE,EAAE;EACjCE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,0BAA0B;MAClCC,MAAM,EAAE;IACZ;EACJ,CAAC;EACDC,eAAe,EAAE;IACbH,OAAO,EAAE;EACb;AACJ,CAAC,CAAC;AAKF,MAAMI,YAAY,GAAGA,CAAC;EAAEJ,OAAO;EAAEK,SAAS;EAAE,GAAGC;AAAyB,CAAC,kBACrEb,KAAA,CAAAc,aAAA,CAACZ,gBAAgB,CAACa,KAAK,EAAAC,MAAA,CAAAC,MAAA,KACfJ,KAAK;EACTK,KAAK,EAAE,EAAG;EACVC,MAAM,EAAE,CAAE;EACVP,SAAS,EAAET,EAAE,CAACE,oBAAoB,CAAC;IAAEE;EAAQ,CAAC,CAAC,EAAEK,SAAS;AAAE,EAC/D,CACJ;AAED,SAASD,YAAY","ignoreList":[]}

package/Popover/primitives/components/PopoverClose.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+type PopoverCloseProps = PopoverPrimitive.PopoverCloseProps;
+declare const PopoverClose: ({ ...props }: PopoverCloseProps) => React.JSX.Element;
+export { PopoverClose, type PopoverCloseProps };

package/Popover/primitives/components/PopoverClose.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+const PopoverClose = ({
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(PopoverPrimitive.Close, Object.assign({
+    "data-slot": "popover-close"
+  }, props));
+};
+export { PopoverClose };
+
+//# sourceMappingURL=PopoverClose.js.map

package/Popover/primitives/components/PopoverClose.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverClose","props","createElement","Close","Object","assign"],"sources":["PopoverClose.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverCloseProps = PopoverPrimitive.PopoverCloseProps;\n\nconst PopoverClose = ({ ...props }: PopoverCloseProps) => {\n    return <PopoverPrimitive.Close data-slot=\"popover-close\" {...props} />;\n};\n\nexport { PopoverClose, type PopoverCloseProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,YAAY,GAAGA,CAAC;EAAE,GAAGC;AAAyB,CAAC,KAAK;EACtD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,KAAK,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAe,GAAKJ,KAAK,CAAG,CAAC;AAC1E,CAAC;AAED,SAASD,YAAY","ignoreList":[]}

package/Popover/primitives/components/PopoverContent.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { type VariantProps } from "../../../utils";
+declare const popoverContentVariants: (props?: ({
+    variant?: "accent" | "subtle" | null | undefined;
+    arrow?: boolean | null | undefined;
+} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+type PopoverContentProps = PopoverPrimitive.PopoverContentProps & VariantProps<typeof popoverContentVariants>;
+declare const PopoverContent: ({ className, variant, arrow, align, sideOffset, collisionPadding, ...props }: PopoverContentProps) => React.JSX.Element;
+export { PopoverContent, type PopoverContentProps };

package/Popover/primitives/components/PopoverContent.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+import { cn, cva } from "../../../utils";
+const popoverContentVariants = cva(["wby-bg-neutral-base wby-rounded-sm wby-shadow-md wby-overflow-hidden wby-outline-none", "data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 wby-origin-(--radix-popover-content-transform-origin)", "data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2"], {
+  variants: {
+    variant: {
+      accent: "wby-bg-neutral-dark wby-text-neutral-light wby-border-neutral-black",
+      subtle: "wby-bg-neutral-base wby-text-neutral-primary wby-border-neutral-muted"
+    },
+    arrow: {
+      true: ["data-[side=top]:wby-pb-xs-plus", "data-[side=bottom]:wby-pt-xs-plus", "data-[side=left]:wby-pr-xs-plus", "data-[side=right]:wby-pl-xs-plus"],
+      false: ["wby-border-sm"]
+    }
+  },
+  defaultVariants: {
+    variant: "subtle"
+  }
+});
+const PopoverContent = ({
+  className,
+  variant,
+  arrow = false,
+  align = "center",
+  sideOffset = 6,
+  collisionPadding = 8,
+  ...props
+}) => /*#__PURE__*/React.createElement(PopoverPrimitive.Portal, null, /*#__PURE__*/React.createElement(PopoverPrimitive.Content, Object.assign({
+  "data-slot": "popover-content",
+  align: align,
+  sideOffset: sideOffset,
+  collisionPadding: collisionPadding,
+  className: cn(popoverContentVariants({
+    variant,
+    arrow
+  }), className)
+}, props)));
+export { PopoverContent };
+
+//# sourceMappingURL=PopoverContent.js.map

package/Popover/primitives/components/PopoverContent.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","cn","cva","popoverContentVariants","variants","variant","accent","subtle","arrow","true","false","defaultVariants","PopoverContent","className","align","sideOffset","collisionPadding","props","createElement","Portal","Content","Object","assign"],"sources":["PopoverContent.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\nimport { cn, cva, type VariantProps } from \"~/utils\";\n\nconst popoverContentVariants = cva(\n    [\n        \"wby-bg-neutral-base wby-rounded-sm wby-shadow-md wby-overflow-hidden wby-outline-none\",\n        \"data-[state=open]:wby-animate-in data-[state=closed]:wby-animate-out data-[state=closed]:wby-fade-out-0 data-[state=open]:wby-fade-in-0 data-[state=closed]:wby-zoom-out-95 data-[state=open]:wby-zoom-in-95 wby-origin-(--radix-popover-content-transform-origin)\",\n        \"data-[side=bottom]:wby-slide-in-from-top-2 data-[side=left]:wby-slide-in-from-right-2 data-[side=right]:wby-slide-in-from-left-2 data-[side=top]:wby-slide-in-from-bottom-2\"\n    ],\n    {\n        variants: {\n            variant: {\n                accent: \"wby-bg-neutral-dark wby-text-neutral-light wby-border-neutral-black\",\n                subtle: \"wby-bg-neutral-base wby-text-neutral-primary wby-border-neutral-muted\"\n            },\n            arrow: {\n                true: [\n                    \"data-[side=top]:wby-pb-xs-plus\",\n                    \"data-[side=bottom]:wby-pt-xs-plus\",\n                    \"data-[side=left]:wby-pr-xs-plus\",\n                    \"data-[side=right]:wby-pl-xs-plus\"\n                ],\n                false: [\"wby-border-sm\"]\n            }\n        },\n        defaultVariants: {\n            variant: \"subtle\"\n        }\n    }\n);\n\ntype PopoverContentProps = PopoverPrimitive.PopoverContentProps &\n    VariantProps<typeof popoverContentVariants>;\n\nconst PopoverContent = ({\n    className,\n    variant,\n    arrow = false,\n    align = \"center\",\n    sideOffset = 6,\n    collisionPadding = 8,\n    ...props\n}: PopoverContentProps) => (\n    <PopoverPrimitive.Portal>\n        <PopoverPrimitive.Content\n            data-slot=\"popover-content\"\n            align={align}\n            sideOffset={sideOffset}\n            collisionPadding={collisionPadding}\n            className={cn(popoverContentVariants({ variant, arrow }), className)}\n            {...props}\n        />\n    </PopoverPrimitive.Portal>\n);\n\nexport { PopoverContent, type PopoverContentProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AACtD,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,sBAAsB,GAAGD,GAAG,CAC9B,CACI,uFAAuF,EACvF,oQAAoQ,EACpQ,6KAA6K,CAChL,EACD;EACIE,QAAQ,EAAE;IACNC,OAAO,EAAE;MACLC,MAAM,EAAE,qEAAqE;MAC7EC,MAAM,EAAE;IACZ,CAAC;IACDC,KAAK,EAAE;MACHC,IAAI,EAAE,CACF,gCAAgC,EAChC,mCAAmC,EACnC,iCAAiC,EACjC,kCAAkC,CACrC;MACDC,KAAK,EAAE,CAAC,eAAe;IAC3B;EACJ,CAAC;EACDC,eAAe,EAAE;IACbN,OAAO,EAAE;EACb;AACJ,CACJ,CAAC;AAKD,MAAMO,cAAc,GAAGA,CAAC;EACpBC,SAAS;EACTR,OAAO;EACPG,KAAK,GAAG,KAAK;EACbM,KAAK,GAAG,QAAQ;EAChBC,UAAU,GAAG,CAAC;EACdC,gBAAgB,GAAG,CAAC;EACpB,GAAGC;AACc,CAAC,kBAClBnB,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB,CAACmB,MAAM,qBACpBrB,KAAA,CAAAoB,aAAA,CAAClB,gBAAgB,CAACoB,OAAO,EAAAC,MAAA,CAAAC,MAAA;EACrB,aAAU,iBAAiB;EAC3BR,KAAK,EAAEA,KAAM;EACbC,UAAU,EAAEA,UAAW;EACvBC,gBAAgB,EAAEA,gBAAiB;EACnCH,SAAS,EAAEZ,EAAE,CAACE,sBAAsB,CAAC;IAAEE,OAAO;IAAEG;EAAM,CAAC,CAAC,EAAEK,SAAS;AAAE,GACjEI,KAAK,CACZ,CACoB,CAC5B;AAED,SAASL,cAAc","ignoreList":[]}

package/Popover/primitives/components/PopoverRoot.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+type PopoverRootProps = PopoverPrimitive.PopoverProps;
+declare const PopoverRoot: ({ ...props }: PopoverRootProps) => React.JSX.Element;
+export { PopoverRoot, type PopoverRootProps };

package/Popover/primitives/components/PopoverRoot.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+const PopoverRoot = ({
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(PopoverPrimitive.Root, Object.assign({
+    "data-slot": "popover"
+  }, props));
+};
+export { PopoverRoot };
+
+//# sourceMappingURL=PopoverRoot.js.map

package/Popover/primitives/components/PopoverRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverRoot","props","createElement","Root","Object","assign"],"sources":["PopoverRoot.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverRootProps = PopoverPrimitive.PopoverProps;\n\nconst PopoverRoot = ({ ...props }: PopoverRootProps) => {\n    return <PopoverPrimitive.Root data-slot=\"popover\" {...props} />;\n};\n\nexport { PopoverRoot, type PopoverRootProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,WAAW,GAAGA,CAAC;EAAE,GAAGC;AAAwB,CAAC,KAAK;EACpD,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,IAAI,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAS,GAAKJ,KAAK,CAAG,CAAC;AACnE,CAAC;AAED,SAASD,WAAW","ignoreList":[]}

package/Popover/primitives/components/PopoverTrigger.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+type PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;
+declare const PopoverTrigger: ({ ...props }: PopoverTriggerProps) => React.JSX.Element;
+export { PopoverTrigger, type PopoverTriggerProps };

package/Popover/primitives/components/PopoverTrigger.js

@@ -0,0 +1,12 @@
+import React from "react";
+import { Popover as PopoverPrimitive } from "radix-ui";
+const PopoverTrigger = ({
+  ...props
+}) => {
+  return /*#__PURE__*/React.createElement(PopoverPrimitive.Trigger, Object.assign({
+    "data-slot": "popover-trigger"
+  }, props));
+};
+export { PopoverTrigger };
+
+//# sourceMappingURL=PopoverTrigger.js.map

package/Popover/primitives/components/PopoverTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Popover","PopoverPrimitive","PopoverTrigger","props","createElement","Trigger","Object","assign"],"sources":["PopoverTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover as PopoverPrimitive } from \"radix-ui\";\n\ntype PopoverTriggerProps = PopoverPrimitive.PopoverTriggerProps;\n\nconst PopoverTrigger = ({ ...props }: PopoverTriggerProps) => {\n    return <PopoverPrimitive.Trigger data-slot=\"popover-trigger\" {...props} />;\n};\n\nexport { PopoverTrigger, type PopoverTriggerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,OAAO,IAAIC,gBAAgB,QAAQ,UAAU;AAItD,MAAMC,cAAc,GAAGA,CAAC;EAAE,GAAGC;AAA2B,CAAC,KAAK;EAC1D,oBAAOJ,KAAA,CAAAK,aAAA,CAACH,gBAAgB,CAACI,OAAO,EAAAC,MAAA,CAAAC,MAAA;IAAC,aAAU;EAAiB,GAAKJ,KAAK,CAAG,CAAC;AAC9E,CAAC;AAED,SAASD,cAAc","ignoreList":[]}

package/Popover/primitives/components/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./PopoverAnchor";
+export * from "./PopoverArrow";
+export * from "./PopoverClose";
+export * from "./PopoverContent";
+export * from "./PopoverRoot";
+export * from "./PopoverTrigger";

package/Popover/primitives/components/index.js

@@ -0,0 +1,8 @@
+export * from "./PopoverAnchor";
+export * from "./PopoverArrow";
+export * from "./PopoverClose";
+export * from "./PopoverContent";
+export * from "./PopoverRoot";
+export * from "./PopoverTrigger";
+
+//# sourceMappingURL=index.js.map

package/Popover/primitives/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./PopoverAnchor\";\nexport * from \"./PopoverArrow\";\nexport * from \"./PopoverClose\";\nexport * from \"./PopoverContent\";\nexport * from \"./PopoverRoot\";\nexport * from \"./PopoverTrigger\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA","ignoreList":[]}

package/Popover/primitives/index.d.ts

@@ -0,0 +1 @@
+export * from "./PopoverPrimitive";

package/Popover/primitives/index.js

@@ -0,0 +1,3 @@
+export * from "./PopoverPrimitive";
+
+//# sourceMappingURL=index.js.map