@shipfox/react-ui 0.2.0 → 0.4.0

package/dist/components/toast/toast.stories.js

@@ -0,0 +1,326 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Button } from '../../components/button/button.js';
+import { Code } from '../../components/typography/index.js';
+import { Toaster, toast } from './toast.js';
+import { ToastCustom } from './toast-custom.js';
+const meta = {
+    title: 'Components/Toast',
+    component: Toaster,
+    tags: [
+        'autodocs'
+    ],
+    parameters: {
+        layout: 'centered'
+    },
+    decorators: [
+        (Story)=>/*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Story, {}),
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "flex flex-wrap justify-center items-center gap-32",
+                        children: [
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex flex-col gap-8",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Code, {
+                                        variant: "label",
+                                        className: "text-foreground-neutral-subtle text-center",
+                                        children: "REGULAR TOASTS"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast('Event has been created');
+                                        },
+                                        children: "Default Toast"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.success('Success! Your changes have been saved.');
+                                        },
+                                        children: "Success Toast"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.error('Error! Something went wrong.');
+                                        },
+                                        children: "Error Toast"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.warning('Warning! Please review your input.');
+                                        },
+                                        children: "Warning Toast"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.info('Info: This is an informational message.');
+                                        },
+                                        children: "Info Toast"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast('Event has been created', {
+                                                description: 'Sunday, December 03, 2023 at 9:00 AM'
+                                            });
+                                        },
+                                        children: "Toast with Description"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast('Event has been created', {
+                                                description: 'Sunday, December 03, 2023 at 9:00 AM',
+                                                action: {
+                                                    label: 'Undo',
+                                                    onClick: ()=>{
+                                                        toast('Undo clicked');
+                                                    }
+                                                }
+                                            });
+                                        },
+                                        children: "Toast with Action"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            const promise = new Promise((resolve)=>{
+                                                setTimeout(()=>{
+                                                    resolve({
+                                                        name: 'Sonner'
+                                                    });
+                                                }, 2000);
+                                            });
+                                            toast.promise(promise, {
+                                                loading: 'Loading...',
+                                                success: (data)=>{
+                                                    return `${data.name} toast has been added`;
+                                                },
+                                                error: 'Error'
+                                            });
+                                        },
+                                        children: "Promise Toast"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ _jsxs("div", {
+                                className: "flex flex-col gap-8 text-center",
+                                children: [
+                                    /*#__PURE__*/ _jsx(Code, {
+                                        variant: "label",
+                                        className: "text-foreground-neutral-subtle",
+                                        children: "CUSTOM TOASTS"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "success",
+                                                    title: "Insert your alert title here",
+                                                    description: "Insert the alert description here. It would look better as two lines of text.",
+                                                    actions: [
+                                                        {
+                                                            label: 'Upgrade',
+                                                            onClick: ()=>{
+                                                                toast('Upgrade clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        },
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Success - Full)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "info",
+                                                    title: "Insert your alert title here",
+                                                    description: "Insert the alert description here. It would look better as two lines of text.",
+                                                    actions: [
+                                                        {
+                                                            label: 'Upgrade',
+                                                            onClick: ()=>{
+                                                                toast('Upgrade clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        },
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Info - Full)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "warning",
+                                                    title: "Insert your alert title here",
+                                                    description: "Insert the alert description here. It would look better as two lines of text.",
+                                                    actions: [
+                                                        {
+                                                            label: 'Upgrade',
+                                                            onClick: ()=>{
+                                                                toast('Upgrade clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        },
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Warning - Full)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "error",
+                                                    title: "Insert your alert title here",
+                                                    description: "Insert the alert description here. It would look better as two lines of text.",
+                                                    actions: [
+                                                        {
+                                                            label: 'Upgrade',
+                                                            onClick: ()=>{
+                                                                toast('Upgrade clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        },
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Error - Full)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "success",
+                                                    content: "Insert your alert content here",
+                                                    actions: [
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Success - Simple)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "info",
+                                                    content: "Insert your alert content here",
+                                                    actions: [
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Info - Simple)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "warning",
+                                                    content: "Insert your alert content here",
+                                                    actions: [
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Warning - Simple)"
+                                    }),
+                                    /*#__PURE__*/ _jsx(Button, {
+                                        onClick: ()=>{
+                                            toast.custom((t)=>/*#__PURE__*/ _jsx(ToastCustom, {
+                                                    variant: "error",
+                                                    content: "Insert your alert content here",
+                                                    actions: [
+                                                        {
+                                                            label: 'Learn more',
+                                                            onClick: ()=>{
+                                                                toast('Learn more clicked');
+                                                                toast.dismiss(t);
+                                                            }
+                                                        }
+                                                    ],
+                                                    onClose: ()=>toast.dismiss(t)
+                                                }), {
+                                                duration: Infinity
+                                            });
+                                        },
+                                        children: "Custom Toast (Error - Simple)"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                ]
+            })
+    ]
+};
+export default meta;
+export const Default = {
+    render: ()=>/*#__PURE__*/ _jsx(Toaster, {
+            position: "top-center"
+        })
+};
+
+//# sourceMappingURL=toast.stories.js.map

package/dist/components/toast/toast.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/toast/toast.stories.tsx"],"sourcesContent":["import type {Meta, StoryObj} from '@storybook/react';\nimport {Button} from 'components/button/button';\nimport {Code} from 'components/typography';\nimport {Toaster, toast} from './toast';\nimport {ToastCustom} from './toast-custom';\n\nconst meta = {\n  title: 'Components/Toast',\n  component: Toaster,\n  tags: ['autodocs'],\n  parameters: {\n    layout: 'centered',\n  },\n  decorators: [\n    (Story) => (\n      <>\n        <Story />\n        <div className=\"flex flex-wrap justify-center items-center gap-32\">\n          {/* Regular Toasts */}\n          <div className=\"flex flex-col gap-8\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle text-center\">\n              REGULAR TOASTS\n            </Code>\n            <Button\n              onClick={() => {\n                toast('Event has been created');\n              }}\n            >\n              Default Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.success('Success! Your changes have been saved.');\n              }}\n            >\n              Success Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.error('Error! Something went wrong.');\n              }}\n            >\n              Error Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.warning('Warning! Please review your input.');\n              }}\n            >\n              Warning Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast.info('Info: This is an informational message.');\n              }}\n            >\n              Info Toast\n            </Button>\n            <Button\n              onClick={() => {\n                toast('Event has been created', {\n                  description: 'Sunday, December 03, 2023 at 9:00 AM',\n                });\n              }}\n            >\n              Toast with Description\n            </Button>\n            <Button\n              onClick={() => {\n                toast('Event has been created', {\n                  description: 'Sunday, December 03, 2023 at 9:00 AM',\n                  action: {\n                    label: 'Undo',\n                    onClick: () => {\n                      toast('Undo clicked');\n                    },\n                  },\n                });\n              }}\n            >\n              Toast with Action\n            </Button>\n            <Button\n              onClick={() => {\n                const promise = new Promise((resolve) => {\n                  setTimeout(() => {\n                    resolve({name: 'Sonner'});\n                  }, 2000);\n                });\n\n                toast.promise(promise, {\n                  loading: 'Loading...',\n                  success: (data) => {\n                    return `${(data as {name: string}).name} toast has been added`;\n                  },\n                  error: 'Error',\n                });\n              }}\n            >\n              Promise Toast\n            </Button>\n          </div>\n          {/* Custom Toasts */}\n          <div className=\"flex flex-col gap-8 text-center\">\n            <Code variant=\"label\" className=\"text-foreground-neutral-subtle\">\n              CUSTOM TOASTS\n            </Code>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"success\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Success - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"info\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Info - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"warning\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Warning - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"error\"\n                      title=\"Insert your alert title here\"\n                      description=\"Insert the alert description here. It would look better as two lines of text.\"\n                      actions={[\n                        {\n                          label: 'Upgrade',\n                          onClick: () => {\n                            toast('Upgrade clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Error - Full)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"success\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Success - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"info\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Info - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"warning\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Warning - Simple)\n            </Button>\n            <Button\n              onClick={() => {\n                toast.custom(\n                  (t) => (\n                    <ToastCustom\n                      variant=\"error\"\n                      content=\"Insert your alert content here\"\n                      actions={[\n                        {\n                          label: 'Learn more',\n                          onClick: () => {\n                            toast('Learn more clicked');\n                            toast.dismiss(t);\n                          },\n                        },\n                      ]}\n                      onClose={() => toast.dismiss(t)}\n                    />\n                  ),\n                  {\n                    duration: Infinity,\n                  },\n                );\n              }}\n            >\n              Custom Toast (Error - Simple)\n            </Button>\n          </div>\n        </div>\n      </>\n    ),\n  ],\n} satisfies Meta<typeof Toaster>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Default: Story = {\n  render: () => <Toaster position=\"top-center\" />,\n};\n"],"names":["Button","Code","Toaster","toast","ToastCustom","meta","title","component","tags","parameters","layout","decorators","Story","div","className","variant","onClick","success","error","warning","info","description","action","label","promise","Promise","resolve","setTimeout","name","loading","data","custom","t","actions","dismiss","onClose","duration","Infinity","content","Default","render","position"],"mappings":"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"}

package/dist/components/tooltip/index.d.ts

@@ -0,0 +1,2 @@
+export * from './tooltip';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/tooltip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC"}

package/dist/components/tooltip/index.js

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

package/dist/components/tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tooltip/index.ts"],"sourcesContent":["export * from './tooltip';\n"],"names":[],"mappings":"AAAA,cAAc,YAAY"}

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,20 @@
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { type VariantProps } from 'class-variance-authority';
+import { type Transition } from 'framer-motion';
+import type { ComponentProps } from 'react';
+declare const tooltipContentVariants: (props?: ({
+    variant?: "default" | "inverted" | "muted" | null | undefined;
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+declare function TooltipProvider({ delayDuration, ...props }: ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
+declare function Tooltip({ ...props }: ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function TooltipTrigger({ ...props }: ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare const defaultTransition: Transition;
+type TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> & VariantProps<typeof tooltipContentVariants> & {
+    animated?: boolean;
+    transition?: Transition;
+};
+declare function TooltipContent({ className, sideOffset, children, variant, size, animated, transition, ...props }: TooltipContentProps): import("react/jsx-runtime").JSX.Element;
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, defaultTransition, };
+export type { TooltipContentProps };
+//# sourceMappingURL=tooltip.d.ts.map

package/dist/components/tooltip/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAM,KAAK,YAAY,EAAC,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAS,KAAK,UAAU,EAAC,MAAM,eAAe,CAAC;AACtD,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,sBAAsB;;;8EAoB3B,CAAC;AAEF,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQlD;AAED,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAMxE;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAElF;AAED,QAAA,MAAM,iBAAiB,EAAE,UAIxB,CAAC;AAEF,KAAK,mBAAmB,GAAG,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,GACxE,YAAY,CAAC,OAAO,sBAAsB,CAAC,GAAG;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;AAEJ,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,QAAe,EACf,UAA8B,EAC9B,GAAG,KAAK,EACT,EAAE,mBAAmB,2CAoCrB;AAED,OAAO,EACL,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,sBAAsB,EACtB,iBAAiB,GAClB,CAAC;AACF,YAAY,EAAC,mBAAmB,EAAC,CAAC"}

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1,98 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+import { cva } from 'class-variance-authority';
+import { motion } from 'framer-motion';
+import { cn } from '../../utils/cn.js';
+const tooltipContentVariants = cva('rounded-8 px-8 py-4 text-xs font-medium leading-20 z-50 w-fit text-balance shadow-tooltip', {
+    variants: {
+        variant: {
+            default: 'bg-background-components-base text-foreground-neutral-base',
+            inverted: 'bg-background-button-inverted-default text-foreground-contrast-primary',
+            muted: 'bg-background-neutral-subtle text-foreground-neutral-muted'
+        },
+        size: {
+            sm: 'px-6 py-2 text-xs',
+            md: 'px-8 py-4 text-xs',
+            lg: 'px-10 py-6 text-sm'
+        }
+    },
+    defaultVariants: {
+        variant: 'default',
+        size: 'md'
+    }
+});
+function TooltipProvider({ delayDuration = 0, ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Provider, {
+        "data-slot": "tooltip-provider",
+        delayDuration: delayDuration,
+        ...props
+    });
+}
+function Tooltip({ ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipProvider, {
+        children: /*#__PURE__*/ _jsx(TooltipPrimitive.Root, {
+            "data-slot": "tooltip",
+            ...props
+        })
+    });
+}
+function TooltipTrigger({ ...props }) {
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Trigger, {
+        "data-slot": "tooltip-trigger",
+        ...props
+    });
+}
+const defaultTransition = {
+    type: 'spring',
+    stiffness: 300,
+    damping: 17
+};
+function TooltipContent({ className, sideOffset = 8, children, variant, size, animated = true, transition = defaultTransition, ...props }) {
+    if (animated) {
+        return /*#__PURE__*/ _jsx(TooltipPrimitive.Portal, {
+            children: /*#__PURE__*/ _jsx(TooltipPrimitive.Content, {
+                "data-slot": "tooltip-content",
+                sideOffset: sideOffset,
+                asChild: true,
+                ...props,
+                children: /*#__PURE__*/ _jsx(motion.div, {
+                    className: cn(tooltipContentVariants({
+                        variant,
+                        size,
+                        className
+                    })),
+                    initial: {
+                        opacity: 0,
+                        scale: 0.95
+                    },
+                    animate: {
+                        opacity: 1,
+                        scale: 1
+                    },
+                    exit: {
+                        opacity: 0,
+                        scale: 0.95
+                    },
+                    transition: transition,
+                    children: children
+                })
+            })
+        });
+    }
+    return /*#__PURE__*/ _jsx(TooltipPrimitive.Portal, {
+        children: /*#__PURE__*/ _jsx(TooltipPrimitive.Content, {
+            "data-slot": "tooltip-content",
+            sideOffset: sideOffset,
+            className: cn(tooltipContentVariants({
+                variant,
+                size,
+                className
+            })),
+            ...props,
+            children: children
+        })
+    });
+}
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, defaultTransition };
+
+//# sourceMappingURL=tooltip.js.map

package/dist/components/tooltip/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cva, type VariantProps} from 'class-variance-authority';\nimport {motion, type Transition} from 'framer-motion';\nimport type {ComponentProps} from 'react';\nimport {cn} from 'utils/cn';\n\nconst tooltipContentVariants = cva(\n  'rounded-8 px-8 py-4 text-xs font-medium leading-20 z-50 w-fit text-balance shadow-tooltip',\n  {\n    variants: {\n      variant: {\n        default: 'bg-background-components-base text-foreground-neutral-base',\n        inverted: 'bg-background-button-inverted-default text-foreground-contrast-primary',\n        muted: 'bg-background-neutral-subtle text-foreground-neutral-muted',\n      },\n      size: {\n        sm: 'px-6 py-2 text-xs',\n        md: 'px-8 py-4 text-xs',\n        lg: 'px-10 py-6 text-sm',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'md',\n    },\n  },\n);\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: ComponentProps<typeof TooltipPrimitive.Provider>) {\n  return (\n    <TooltipPrimitive.Provider\n      data-slot=\"tooltip-provider\"\n      delayDuration={delayDuration}\n      {...props}\n    />\n  );\n}\n\nfunction Tooltip({...props}: ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({...props}: ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nconst defaultTransition: Transition = {\n  type: 'spring',\n  stiffness: 300,\n  damping: 17,\n};\n\ntype TooltipContentProps = ComponentProps<typeof TooltipPrimitive.Content> &\n  VariantProps<typeof tooltipContentVariants> & {\n    animated?: boolean;\n    transition?: Transition;\n  };\n\nfunction TooltipContent({\n  className,\n  sideOffset = 8,\n  children,\n  variant,\n  size,\n  animated = true,\n  transition = defaultTransition,\n  ...props\n}: TooltipContentProps) {\n  if (animated) {\n    return (\n      <TooltipPrimitive.Portal>\n        <TooltipPrimitive.Content\n          data-slot=\"tooltip-content\"\n          sideOffset={sideOffset}\n          asChild\n          {...props}\n        >\n          <motion.div\n            className={cn(tooltipContentVariants({variant, size, className}))}\n            initial={{opacity: 0, scale: 0.95}}\n            animate={{opacity: 1, scale: 1}}\n            exit={{opacity: 0, scale: 0.95}}\n            transition={transition}\n          >\n            {children}\n          </motion.div>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    );\n  }\n\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(tooltipContentVariants({variant, size, className}))}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport {\n  Tooltip,\n  TooltipTrigger,\n  TooltipContent,\n  TooltipProvider,\n  tooltipContentVariants,\n  defaultTransition,\n};\nexport type {TooltipContentProps};\n"],"names":["TooltipPrimitive","cva","motion","cn","tooltipContentVariants","variants","variant","default","inverted","muted","size","sm","md","lg","defaultVariants","TooltipProvider","delayDuration","props","Provider","data-slot","Tooltip","Root","TooltipTrigger","Trigger","defaultTransition","type","stiffness","damping","TooltipContent","className","sideOffset","children","animated","transition","Portal","Content","asChild","div","initial","opacity","scale","animate","exit"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAAQC,GAAG,QAA0B,2BAA2B;AAChE,SAAQC,MAAM,QAAwB,gBAAgB;AAEtD,SAAQC,EAAE,QAAO,WAAW;AAE5B,MAAMC,yBAAyBH,IAC7B,6FACA;IACEI,UAAU;QACRC,SAAS;YACPC,SAAS;YACTC,UAAU;YACVC,OAAO;QACT;QACAC,MAAM;YACJC,IAAI;YACJC,IAAI;YACJC,IAAI;QACN;IACF;IACAC,iBAAiB;QACfR,SAAS;QACTI,MAAM;IACR;AACF;AAGF,SAASK,gBAAgB,EACvBC,gBAAgB,CAAC,EACjB,GAAGC,OAC8C;IACjD,qBACE,KAACjB,iBAAiBkB,QAAQ;QACxBC,aAAU;QACVH,eAAeA;QACd,GAAGC,KAAK;;AAGf;AAEA,SAASG,QAAQ,EAAC,GAAGH,OAAoD;IACvE,qBACE,KAACF;kBACC,cAAA,KAACf,iBAAiBqB,IAAI;YAACF,aAAU;YAAW,GAAGF,KAAK;;;AAG1D;AAEA,SAASK,eAAe,EAAC,GAAGL,OAAuD;IACjF,qBAAO,KAACjB,iBAAiBuB,OAAO;QAACJ,aAAU;QAAmB,GAAGF,KAAK;;AACxE;AAEA,MAAMO,oBAAgC;IACpCC,MAAM;IACNC,WAAW;IACXC,SAAS;AACX;AAQA,SAASC,eAAe,EACtBC,SAAS,EACTC,aAAa,CAAC,EACdC,QAAQ,EACRzB,OAAO,EACPI,IAAI,EACJsB,WAAW,IAAI,EACfC,aAAaT,iBAAiB,EAC9B,GAAGP,OACiB;IACpB,IAAIe,UAAU;QACZ,qBACE,KAAChC,iBAAiBkC,MAAM;sBACtB,cAAA,KAAClC,iBAAiBmC,OAAO;gBACvBhB,aAAU;gBACVW,YAAYA;gBACZM,OAAO;gBACN,GAAGnB,KAAK;0BAET,cAAA,KAACf,OAAOmC,GAAG;oBACTR,WAAW1B,GAAGC,uBAAuB;wBAACE;wBAASI;wBAAMmB;oBAAS;oBAC9DS,SAAS;wBAACC,SAAS;wBAAGC,OAAO;oBAAI;oBACjCC,SAAS;wBAACF,SAAS;wBAAGC,OAAO;oBAAC;oBAC9BE,MAAM;wBAACH,SAAS;wBAAGC,OAAO;oBAAI;oBAC9BP,YAAYA;8BAEXF;;;;IAKX;IAEA,qBACE,KAAC/B,iBAAiBkC,MAAM;kBACtB,cAAA,KAAClC,iBAAiBmC,OAAO;YACvBhB,aAAU;YACVW,YAAYA;YACZD,WAAW1B,GAAGC,uBAAuB;gBAACE;gBAASI;gBAAMmB;YAAS;YAC7D,GAAGZ,KAAK;sBAERc;;;AAIT;AAEA,SACEX,OAAO,EACPE,cAAc,EACdM,cAAc,EACdb,eAAe,EACfX,sBAAsB,EACtBoB,iBAAiB,GACjB"}