@shipfox/react-ui 0.3.0 → 0.4.0

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

@@ -1,7 +1,20 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-declare function TooltipProvider({ delayDuration, ...props }: React.ComponentProps<typeof TooltipPrimitive.Provider>): import("react/jsx-runtime").JSX.Element;
-declare function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function TooltipContent({ className, sideOffset, children, ...props }: React.ComponentProps<typeof TooltipPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/components/tooltip/tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,gBAAgB,MAAM,yBAAyB,CAAC;AAG5D,iBAAS,eAAe,CAAC,EACvB,aAAiB,EACjB,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,QAAQ,CAAC,2CAQxD;AAED,iBAAS,OAAO,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,IAAI,CAAC,2CAM9E;AAED,iBAAS,cAAc,CAAC,EAAC,GAAG,KAAK,EAAC,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAExF;AAED,iBAAS,cAAc,CAAC,EACtB,SAAS,EACT,UAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,gBAAgB,CAAC,OAAO,CAAC,2CAgBvD;AAED,OAAO,EAAC,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,eAAe,EAAC,CAAC"}
+{"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

@@ -1,6 +1,26 @@
 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",
@@ -22,17 +42,57 @@ function TooltipTrigger({ ...props }) {
         ...props
     });
 }
-function TooltipContent({ className, sideOffset = 0, children, ...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('rounded-8 bg-background-components-base text-foreground-neutral-base px-8 py-4 text-xs font-medium leading-20 shadow-button-neutral animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md text-balance', className),
+            className: cn(tooltipContentVariants({
+                variant,
+                size,
+                className
+            })),
             ...props,
             children: children
         })
     });
 }
-export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider };
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider, tooltipContentVariants, defaultTransition };
 
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/tooltip/tooltip.tsx"],"sourcesContent":["import * as TooltipPrimitive from '@radix-ui/react-tooltip';\nimport {cn} from 'utils/cn';\n\nfunction TooltipProvider({\n  delayDuration = 0,\n  ...props\n}: React.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}: React.ComponentProps<typeof TooltipPrimitive.Root>) {\n  return (\n    <TooltipProvider>\n      <TooltipPrimitive.Root data-slot=\"tooltip\" {...props} />\n    </TooltipProvider>\n  );\n}\n\nfunction TooltipTrigger({...props}: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {\n  return <TooltipPrimitive.Trigger data-slot=\"tooltip-trigger\" {...props} />;\n}\n\nfunction TooltipContent({\n  className,\n  sideOffset = 0,\n  children,\n  ...props\n}: React.ComponentProps<typeof TooltipPrimitive.Content>) {\n  return (\n    <TooltipPrimitive.Portal>\n      <TooltipPrimitive.Content\n        data-slot=\"tooltip-content\"\n        sideOffset={sideOffset}\n        className={cn(\n          'rounded-8 bg-background-components-base text-foreground-neutral-base px-8 py-4 text-xs font-medium leading-20 shadow-button-neutral animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md text-balance',\n          className,\n        )}\n        {...props}\n      >\n        {children}\n      </TooltipPrimitive.Content>\n    </TooltipPrimitive.Portal>\n  );\n}\n\nexport {Tooltip, TooltipTrigger, TooltipContent, TooltipProvider};\n"],"names":["TooltipPrimitive","cn","TooltipProvider","delayDuration","props","Provider","data-slot","Tooltip","Root","TooltipTrigger","Trigger","TooltipContent","className","sideOffset","children","Portal","Content"],"mappings":";AAAA,YAAYA,sBAAsB,0BAA0B;AAC5D,SAAQC,EAAE,QAAO,WAAW;AAE5B,SAASC,gBAAgB,EACvBC,gBAAgB,CAAC,EACjB,GAAGC,OACoD;IACvD,qBACE,KAACJ,iBAAiBK,QAAQ;QACxBC,aAAU;QACVH,eAAeA;QACd,GAAGC,KAAK;;AAGf;AAEA,SAASG,QAAQ,EAAC,GAAGH,OAA0D;IAC7E,qBACE,KAACF;kBACC,cAAA,KAACF,iBAAiBQ,IAAI;YAACF,aAAU;YAAW,GAAGF,KAAK;;;AAG1D;AAEA,SAASK,eAAe,EAAC,GAAGL,OAA6D;IACvF,qBAAO,KAACJ,iBAAiBU,OAAO;QAACJ,aAAU;QAAmB,GAAGF,KAAK;;AACxE;AAEA,SAASO,eAAe,EACtBC,SAAS,EACTC,aAAa,CAAC,EACdC,QAAQ,EACR,GAAGV,OACmD;IACtD,qBACE,KAACJ,iBAAiBe,MAAM;kBACtB,cAAA,KAACf,iBAAiBgB,OAAO;YACvBV,aAAU;YACVO,YAAYA;YACZD,WAAWX,GACT,ufACAW;YAED,GAAGR,KAAK;sBAERU;;;AAIT;AAEA,SAAQP,OAAO,EAAEE,cAAc,EAAEE,cAAc,EAAET,eAAe,GAAE"}
+{"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"}