@oneplatformdev/ui 0.1.99-beta.27 → 0.1.99-beta.270

package/Textarea/Textarea.types.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps, RefObject } from 'react';
+import { ChangeEvent, ComponentProps, RefObject } from 'react';
 export interface IUseAutosizeTextAreaProps {
     textAreaRef: RefObject<HTMLTextAreaElement | null>;
     triggerAutoSize: string;
@@ -14,5 +14,7 @@ export interface IUseAutosizeTextAreaProps {
 export interface TextareaProps extends ComponentProps<'textarea'>, Pick<IUseAutosizeTextAreaProps, 'minHeight' | 'maxHeight'> {
     resizeble?: boolean;
     counter?: boolean;
+    /** func transform event.target.value before onChange event call*/
+    onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
 }
 //# sourceMappingURL=Textarea.types.d.ts.map

package/Textarea/Textarea.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,UAAU,CAAC,EAChC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,WAAW,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"Textarea.types.d.ts","sourceRoot":"","sources":["../../src/Textarea/Textarea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,SAAS,CAAC,mBAAmB,GAAG,IAAI,CAAC,CAAC;IACnD,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,aACf,SAAQ,cAAc,CAAC,UAAU,CAAC,EAChC,IAAI,CAAC,yBAAyB,EAAE,WAAW,GAAG,WAAW,CAAC;IAC5D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;CAC/E"}

package/Toast/Toast.d.ts

@@ -4,7 +4,7 @@ import * as ToastPrimitives from "@radix-ui/react-toast";
 declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
 declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
 declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "update" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
 declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
 declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/Toast/toastVariants.d.ts

@@ -1,4 +1,4 @@
 export declare const toastVariants: (props?: ({
-    variant?: "default" | "destructive" | "success" | "info" | "update" | null | undefined;
+    variant?: "default" | "destructive" | "info" | "success" | "update" | null | undefined;
 } & import('class-variance-authority/types').ClassProp) | undefined) => string;
 //# sourceMappingURL=toastVariants.d.ts.map

package/Tooltip/QuestionMarkIcon.svg.js

@@ -0,0 +1,6 @@
+import * as C from "react";
+const t = (e) => /* @__PURE__ */ C.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...e }, /* @__PURE__ */ C.createElement("path", { d: "M7.99967 5.66667C7.73446 5.66667 7.4801 5.77202 7.29257 5.95956C7.10503 6.1471 6.99967 6.40145 6.99967 6.66667V6.738C6.99967 6.82641 6.96456 6.91119 6.90204 6.9737C6.83953 7.03621 6.75475 7.07133 6.66634 7.07133C6.57794 7.07133 6.49315 7.03621 6.43064 6.9737C6.36813 6.91119 6.33301 6.82641 6.33301 6.738V6.66667C6.33301 6.22464 6.5086 5.80072 6.82116 5.48816C7.13372 5.17559 7.55765 5 7.99967 5H8.07701C8.40161 5.0001 8.7184 5.09959 8.98478 5.28509C9.25116 5.4706 9.45435 5.73322 9.56703 6.03764C9.6797 6.34206 9.69647 6.67368 9.61506 6.98791C9.53366 7.30214 9.35799 7.58391 9.11167 7.79533L8.59767 8.236C8.51479 8.30723 8.44824 8.3955 8.40256 8.49479C8.35689 8.59407 8.33316 8.70204 8.33301 8.81133V9.16667C8.33301 9.25507 8.29789 9.33986 8.23538 9.40237C8.17286 9.46488 8.08808 9.5 7.99967 9.5C7.91127 9.5 7.82648 9.46488 7.76397 9.40237C7.70146 9.33986 7.66634 9.25507 7.66634 9.16667V8.81133C7.66634 8.39533 7.84834 8.00067 8.16367 7.73L8.67701 7.29C8.82016 7.16735 8.92231 7.00379 8.96971 6.82133C9.01711 6.63888 9.00749 6.44628 8.94213 6.26946C8.87678 6.09264 8.75883 5.94008 8.60416 5.83231C8.44949 5.72454 8.26552 5.66673 8.07701 5.66667H7.99967ZM7.99967 11C8.13228 11 8.25946 10.9473 8.35323 10.8536C8.447 10.7598 8.49967 10.6326 8.49967 10.5C8.49967 10.3674 8.447 10.2402 8.35323 10.1464C8.25946 10.0527 8.13228 10 7.99967 10C7.86707 10 7.73989 10.0527 7.64612 10.1464C7.55235 10.2402 7.49967 10.3674 7.49967 10.5C7.49967 10.6326 7.55235 10.7598 7.64612 10.8536C7.73989 10.9473 7.86707 11 7.99967 11Z", fill: "currentColor" }), /* @__PURE__ */ C.createElement("path", { d: "M2.33301 7.9987C2.33301 6.4958 2.93003 5.05447 3.99274 3.99176C5.05544 2.92905 6.49678 2.33203 7.99967 2.33203C9.50257 2.33203 10.9439 2.92905 12.0066 3.99176C13.0693 5.05447 13.6663 6.4958 13.6663 7.9987C13.6663 9.50159 13.0693 10.9429 12.0066 12.0056C10.9439 13.0683 9.50257 13.6654 7.99967 13.6654C6.49678 13.6654 5.05544 13.0683 3.99274 12.0056C2.93003 10.9429 2.33301 9.50159 2.33301 7.9987ZM7.99967 2.9987C6.67359 2.9987 5.40182 3.52548 4.46414 4.46316C3.52646 5.40085 2.99967 6.67262 2.99967 7.9987C2.99967 9.32478 3.52646 10.5965 4.46414 11.5342C5.40182 12.4719 6.67359 12.9987 7.99967 12.9987C9.32576 12.9987 10.5975 12.4719 11.5352 11.5342C12.4729 10.5965 12.9997 9.32478 12.9997 7.9987C12.9997 6.67262 12.4729 5.40085 11.5352 4.46316C10.5975 3.52548 9.32576 2.9987 7.99967 2.9987Z", fill: "currentColor" }));
+export {
+  t as default
+};
+//# sourceMappingURL=QuestionMarkIcon.svg.js.map

package/Tooltip/QuestionMarkIcon.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuestionMarkIcon.svg.js","sources":["../../src/Tooltip/QuestionMarkIcon.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgQuestionMarkIcon = (props) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M7.99967 5.66667C7.73446 5.66667 7.4801 5.77202 7.29257 5.95956C7.10503 6.1471 6.99967 6.40145 6.99967 6.66667V6.738C6.99967 6.82641 6.96456 6.91119 6.90204 6.9737C6.83953 7.03621 6.75475 7.07133 6.66634 7.07133C6.57794 7.07133 6.49315 7.03621 6.43064 6.9737C6.36813 6.91119 6.33301 6.82641 6.33301 6.738V6.66667C6.33301 6.22464 6.5086 5.80072 6.82116 5.48816C7.13372 5.17559 7.55765 5 7.99967 5H8.07701C8.40161 5.0001 8.7184 5.09959 8.98478 5.28509C9.25116 5.4706 9.45435 5.73322 9.56703 6.03764C9.6797 6.34206 9.69647 6.67368 9.61506 6.98791C9.53366 7.30214 9.35799 7.58391 9.11167 7.79533L8.59767 8.236C8.51479 8.30723 8.44824 8.3955 8.40256 8.49479C8.35689 8.59407 8.33316 8.70204 8.33301 8.81133V9.16667C8.33301 9.25507 8.29789 9.33986 8.23538 9.40237C8.17286 9.46488 8.08808 9.5 7.99967 9.5C7.91127 9.5 7.82648 9.46488 7.76397 9.40237C7.70146 9.33986 7.66634 9.25507 7.66634 9.16667V8.81133C7.66634 8.39533 7.84834 8.00067 8.16367 7.73L8.67701 7.29C8.82016 7.16735 8.92231 7.00379 8.96971 6.82133C9.01711 6.63888 9.00749 6.44628 8.94213 6.26946C8.87678 6.09264 8.75883 5.94008 8.60416 5.83231C8.44949 5.72454 8.26552 5.66673 8.07701 5.66667H7.99967ZM7.99967 11C8.13228 11 8.25946 10.9473 8.35323 10.8536C8.447 10.7598 8.49967 10.6326 8.49967 10.5C8.49967 10.3674 8.447 10.2402 8.35323 10.1464C8.25946 10.0527 8.13228 10 7.99967 10C7.86707 10 7.73989 10.0527 7.64612 10.1464C7.55235 10.2402 7.49967 10.3674 7.49967 10.5C7.49967 10.6326 7.55235 10.7598 7.64612 10.8536C7.73989 10.9473 7.86707 11 7.99967 11Z\", fill: \"currentColor\" }), /* @__PURE__ */ React.createElement(\"path\", { d: \"M2.33301 7.9987C2.33301 6.4958 2.93003 5.05447 3.99274 3.99176C5.05544 2.92905 6.49678 2.33203 7.99967 2.33203C9.50257 2.33203 10.9439 2.92905 12.0066 3.99176C13.0693 5.05447 13.6663 6.4958 13.6663 7.9987C13.6663 9.50159 13.0693 10.9429 12.0066 12.0056C10.9439 13.0683 9.50257 13.6654 7.99967 13.6654C6.49678 13.6654 5.05544 13.0683 3.99274 12.0056C2.93003 10.9429 2.33301 9.50159 2.33301 7.9987ZM7.99967 2.9987C6.67359 2.9987 5.40182 3.52548 4.46414 4.46316C3.52646 5.40085 2.99967 6.67262 2.99967 7.9987C2.99967 9.32478 3.52646 10.5965 4.46414 11.5342C5.40182 12.4719 6.67359 12.9987 7.99967 12.9987C9.32576 12.9987 10.5975 12.4719 11.5352 11.5342C12.4729 10.5965 12.9997 9.32478 12.9997 7.9987C12.9997 6.67262 12.4729 5.40085 11.5352 4.46316C10.5975 3.52548 9.32576 2.9987 7.99967 2.9987Z\", fill: \"currentColor\" }));\nexport default SvgQuestionMarkIcon;\n"],"names":["SvgQuestionMarkIcon","props","React"],"mappings":";AACK,MAACA,IAAsB,CAACC,MAA0B,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,GAAGD,EAAK,GAAoB,gBAAAC,EAAM,cAAc,QAAQ,EAAE,GAAG,2+CAA2+C,MAAM,eAAc,CAAE,GAAmB,gBAAAA,EAAM,cAAc,QAAQ,EAAE,GAAG,2xBAA2xB,MAAM,gBAAgB,CAAC;"}

package/Tooltip/Tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAGpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAwClE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}
+{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAIpD,eAAO,MAAM,YAAY,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CA0DlE,CAAC;AAEF,eAAO,MAAM,OAAO,GAAI,OAAO,iBAAiB,CAAC,YAAY,CAAC,4CAQ7D,CAAC"}

package/Tooltip/Tooltip.js

@@ -1,60 +1,80 @@
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { CircleQuestionMarkIcon as m } from "lucide-react";
-import { cn as i } from "@oneplatformdev/utils";
-import { TooltipProvider as f, TooltipRoot as x, TooltipTrigger as d, TooltipContent as u } from "./TooltipRoot.js";
-const s = (e) => {
-  const { triggerProps: t, contentProps: o, message: l, children: a, showQuestionMark: c = !1, ...p } = e;
-  return /* @__PURE__ */ n(
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import f from "./QuestionMarkIcon.svg.js";
+import { cn as n } from "@oneplatformdev/utils";
+import { TooltipProvider as g, TooltipRoot as x, TooltipTrigger as h, TooltipContent as w } from "./TooltipRoot.js";
+import { tooltipQuestionIconVariants as N } from "./tooltipVariants.js";
+const l = (t) => {
+  const { triggerProps: r, contentProps: s, message: c, children: p, showQuestionMark: m = !1, size: i = "md", questionIconSize: u = i, slotProps: e, ...d } = t;
+  return /* @__PURE__ */ a(
     x,
     {
       defaultOpen: !1,
       delayDuration: 300,
-      ...p,
+      ...d,
       children: [
-        /* @__PURE__ */ n(
-          d,
+        /* @__PURE__ */ a(
+          h,
           {
-            ...t || {},
-            className: i(
-              "flex flex-row gap-1 w-fit",
+            ...r || {},
+            ...e?.trigger || {},
+            className: n(
+              "group flex flex-row gap-1 w-fit",
               "items-center",
               "cursor-pointer",
               "outline-none",
-              t?.className
+              r?.className,
+              e?.trigger?.className
             ),
             type: "button",
             children: [
-              a,
-              c && /* @__PURE__ */ r(m, {})
+              p,
+              m && /* @__PURE__ */ o(
+                f,
+                {
+                  ...e?.questionIcon || {},
+                  className: n(
+                    N({ size: i || u }),
+                    "cursor-help",
+                    "hover:text-[#9368FF]",
+                    e?.questionIcon?.className
+                  )
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ r(
-          u,
+        /* @__PURE__ */ o(
+          w,
           {
             align: "center",
-            ...o || {},
-            className: i(
+            sideOffset: 8,
+            ...s || {},
+            ...e?.content || {},
+            className: n(
               "flex items-center justify-center",
-              "max-w-[320px] p-1",
-              "bg-[#FCFCFC] border-none",
-              "shadow-[0px_4px_8px_rgba(13,14,43,0.125)]",
-              "text-[#363B4E] font-normal text-sm leading-normal",
-              "whitespace-pre-wrap",
-              o?.className
+              "w-auto max-w-70",
+              "rounded-xl",
+              "px-2 py-2",
+              "bg-white",
+              "text-primary",
+              "text-md font-normal leading-tight",
+              "shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]",
+              "whitespace-pre-wrap break-words text-nowrap",
+              s?.className,
+              e?.content?.className
             ),
-            children: l || ""
+            children: c || ""
           }
         )
       ]
     }
   );
-}, C = (e) => {
-  const { skipProvider: t = !0 } = e;
-  return t ? /* @__PURE__ */ r(s, { ...e }) : /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(s, { ...e }) });
+}, k = (t) => {
+  const { skipProvider: r = !0 } = t;
+  return r ? /* @__PURE__ */ o(l, { ...t }) : /* @__PURE__ */ o(g, { children: /* @__PURE__ */ o(l, { ...t }) });
 };
 export {
-  C as Tooltip,
-  s as TooltipInner
+  k as Tooltip,
+  l as TooltipInner
 };
 //# sourceMappingURL=Tooltip.js.map

package/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { CircleQuestionMarkIcon } from 'lucide-react';\r\nimport { PropsWithChildren } from \"react\";\r\n\r\nimport { cn } from \"@oneplatformdev/utils\";\r\nimport type { TooltipProps } from \"./Tooltip.types\";\r\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\r\n\r\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\r\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, ...rest } = props;\r\n  return (\r\n    <TooltipRoot\r\n      defaultOpen={false}\r\n      delayDuration={300}\r\n      {...rest}\r\n    >\r\n      <TooltipTrigger\r\n        {...(triggerProps || {})}\r\n        className={cn(\r\n          'flex flex-row gap-1 w-fit',\r\n          'items-center',\r\n          'cursor-pointer',\r\n          'outline-none',\r\n          triggerProps?.className\r\n        )}\r\n        type='button'\r\n      >\r\n        {children}\r\n        {showQuestionMark && <CircleQuestionMarkIcon/>}\r\n      </TooltipTrigger>\r\n\r\n      <TooltipContent\r\n        align=\"center\"\r\n        {...(contentProps || {})}\r\n        className={cn(\r\n          'flex items-center justify-center',\r\n          'max-w-[320px] p-1',\r\n          'bg-[#FCFCFC] border-none',\r\n          'shadow-[0px_4px_8px_rgba(13,14,43,0.125)]',\r\n          'text-[#363B4E] font-normal text-sm leading-normal',\r\n          'whitespace-pre-wrap',\r\n          contentProps?.className\r\n        )}\r\n      >\r\n        {message || ''}\r\n      </TooltipContent>\r\n    </TooltipRoot>\r\n  );\r\n};\r\n\r\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\r\n  const { skipProvider = true } = props;\r\n  if (skipProvider) return <TooltipInner {...props}/>;\r\n  return (\r\n    <TooltipProvider>\r\n      <TooltipInner {...props}/>\r\n    </TooltipProvider>\r\n  );\r\n};\r\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","rest","jsxs","TooltipRoot","TooltipTrigger","cn","CircleQuestionMarkIcon","jsx","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;AAOO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,GAAGC,EAAA,IAASN;AAC7F,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIR,KAAgB,CAAA;AAAA,YACrB,WAAWS;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAT,GAAc;AAAA,YAAA;AAAA,YAEhB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAG;AAAA,cACAC,uBAAqBM,GAAA,CAAA,CAAsB;AAAA,YAAA;AAAA,UAAA;AAAA,QAAA;AAAA,QAG9C,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACL,GAAIX,KAAgB,CAAA;AAAA,YACrB,WAAWQ;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAR,GAAc;AAAA,YAAA;AAAA,YAGf,UAAAC,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaW,IAAU,CAACd,MAA2C;AACjE,QAAM,EAAE,cAAAe,IAAe,GAAA,IAASf;AAChC,SAAIe,IAAqB,gBAAAH,EAACb,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CgB,GAAA,EACC,UAAA,gBAAAJ,EAACb,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import { PropsWithChildren } from \"react\";\r\n\r\nimport QuestionMarkIcon from \"./QuestionMarkIcon.svg?react\"\r\n\r\nimport { cn } from \"@oneplatformdev/utils\";\r\nimport type { TooltipProps } from \"./Tooltip.types\";\r\nimport { TooltipRoot, TooltipTrigger, TooltipContent, TooltipProvider } from \"./TooltipRoot\";\r\nimport { tooltipQuestionIconVariants } from './tooltipVariants';\r\n\r\nexport const TooltipInner = (props: PropsWithChildren<TooltipProps>) => {\r\n  const { triggerProps, contentProps, message, children, showQuestionMark = false, size = 'md', questionIconSize = size, slotProps, ...rest } = props;\r\n  return (\r\n    <TooltipRoot\r\n      defaultOpen={false}\r\n      delayDuration={300}\r\n      {...rest}\r\n    >\r\n      <TooltipTrigger\r\n        {...(triggerProps || {})}\r\n        {...(slotProps?.trigger || {})}\r\n        className={cn(\r\n          'group flex flex-row gap-1 w-fit',\r\n          'items-center',\r\n          'cursor-pointer',\r\n          'outline-none',\r\n          triggerProps?.className,\r\n          slotProps?.trigger?.className\r\n        )}\r\n        type='button'\r\n      >\r\n        {children}\r\n        {showQuestionMark && (\r\n          <QuestionMarkIcon\r\n            {...(slotProps?.questionIcon || {})}\r\n            className={cn(\r\n              tooltipQuestionIconVariants({ size: size || questionIconSize }),\r\n              'cursor-help',\r\n              'hover:text-[#9368FF]',\r\n              slotProps?.questionIcon?.className\r\n            )}\r\n          />\r\n        )}\r\n      </TooltipTrigger>\r\n\r\n      <TooltipContent\r\n        align=\"center\"\r\n        sideOffset={8}\r\n        {...(contentProps || {})}\r\n        {...(slotProps?.content || {})}\r\n        className={cn(\r\n          'flex items-center justify-center',\r\n          'w-auto max-w-70',\r\n          'rounded-xl',\r\n          'px-2 py-2',\r\n          'bg-white',\r\n          'text-primary',\r\n          'text-md font-normal leading-tight',\r\n          'shadow-[1px_1px_10px_0px_rgba(6,8,13,0.1)]',\r\n          'whitespace-pre-wrap break-words text-nowrap',\r\n          contentProps?.className,\r\n          slotProps?.content?.className\r\n        )}\r\n      >\r\n        {message || ''}\r\n      </TooltipContent>\r\n    </TooltipRoot>\r\n  );\r\n};\r\n\r\nexport const Tooltip = (props: PropsWithChildren<TooltipProps>) => {\r\n  const { skipProvider = true } = props;\r\n  if (skipProvider) return <TooltipInner {...props}/>;\r\n  return (\r\n    <TooltipProvider>\r\n      <TooltipInner {...props}/>\r\n    </TooltipProvider>\r\n  );\r\n};\r\n"],"names":["TooltipInner","props","triggerProps","contentProps","message","children","showQuestionMark","size","questionIconSize","slotProps","rest","jsxs","TooltipRoot","TooltipTrigger","cn","jsx","QuestionMarkIcon","tooltipQuestionIconVariants","TooltipContent","Tooltip","skipProvider","TooltipProvider"],"mappings":";;;;;AASO,MAAMA,IAAe,CAACC,MAA2C;AACtE,QAAM,EAAE,cAAAC,GAAc,cAAAC,GAAc,SAAAC,GAAS,UAAAC,GAAU,kBAAAC,IAAmB,IAAO,MAAAC,IAAO,MAAM,kBAAAC,IAAmBD,GAAM,WAAAE,GAAW,GAAGC,MAAST;AAC9I,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAa;AAAA,MACb,eAAe;AAAA,MACd,GAAGF;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAC;AAAA,UAACE;AAAA,UAAA;AAAA,YACE,GAAIX,KAAgB,CAAA;AAAA,YACpB,GAAIO,GAAW,WAAW,CAAA;AAAA,YAC3B,WAAWK;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAZ,GAAc;AAAA,cACdO,GAAW,SAAS;AAAA,YAAA;AAAA,YAEtB,MAAK;AAAA,YAEJ,UAAA;AAAA,cAAAJ;AAAA,cACAC,KACC,gBAAAS;AAAA,gBAACC;AAAAA,gBAAA;AAAA,kBACE,GAAIP,GAAW,gBAAgB,CAAA;AAAA,kBAChC,WAAWK;AAAA,oBACTG,EAA4B,EAAE,MAAMV,KAAQC,GAAkB;AAAA,oBAC9D;AAAA,oBACA;AAAA,oBACAC,GAAW,cAAc;AAAA,kBAAA;AAAA,gBAC3B;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAIJ,gBAAAM;AAAA,UAACG;AAAA,UAAA;AAAA,YACC,OAAM;AAAA,YACN,YAAY;AAAA,YACX,GAAIf,KAAgB,CAAA;AAAA,YACpB,GAAIM,GAAW,WAAW,CAAA;AAAA,YAC3B,WAAWK;AAAA,cACT;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACAX,GAAc;AAAA,cACdM,GAAW,SAAS;AAAA,YAAA;AAAA,YAGrB,UAAAL,KAAW;AAAA,UAAA;AAAA,QAAA;AAAA,MACd;AAAA,IAAA;AAAA,EAAA;AAGN,GAEae,IAAU,CAAClB,MAA2C;AACjE,QAAM,EAAE,cAAAmB,IAAe,GAAA,IAASnB;AAChC,SAAImB,IAAqB,gBAAAL,EAACf,GAAA,EAAc,GAAGC,EAAA,CAAM,sBAE9CoB,GAAA,EACC,UAAA,gBAAAN,EAACf,GAAA,EAAc,GAAGC,GAAM,GAC1B;AAEJ;"}

package/Tooltip/Tooltip.types.d.ts

@@ -4,7 +4,17 @@ export interface TooltipProps extends ComponentPropsWithoutRef<typeof TooltipRoo
     message?: ReactNode;
     skipProvider?: boolean;
     showQuestionMark?: boolean;
+    /** @deprecated use `slotProps.content` */
     contentProps?: ComponentPropsWithoutRef<typeof TooltipContent>;
+    /** @deprecated use `slotProps.trigger` */
     triggerProps?: ComponentPropsWithoutRef<typeof TooltipTrigger>;
+    size?: "xs" | "sm" | "md";
+    /** @deprecated use `size` */
+    questionIconSize?: "xs" | "sm" | "md";
+    slotProps?: {
+        content?: ComponentPropsWithoutRef<typeof TooltipContent>;
+        trigger?: ComponentPropsWithoutRef<typeof TooltipTrigger>;
+        questionIcon?: ComponentPropsWithoutRef<"svg">;
+    };
 }
 //# sourceMappingURL=Tooltip.types.d.ts.map

package/Tooltip/Tooltip.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;CAChE"}
+{"version":3,"file":"Tooltip.types.d.ts","sourceRoot":"","sources":["../../src/Tooltip/Tooltip.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAE5E,MAAM,WAAW,YAAa,SAAQ,wBAAwB,CAAC,OAAO,WAAW,CAAC;IAChF,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,0CAA0C;IAC1C,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,0CAA0C;IAC1C,YAAY,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;IAC/D,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,6BAA6B;IAC7B,gBAAgB,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;QAC1D,OAAO,CAAC,EAAE,wBAAwB,CAAC,OAAO,cAAc,CAAC,CAAC;QAC1D,YAAY,CAAC,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;KAChD,CAAC;CACH"}

package/Tooltip/tooltipVariants.d.ts

@@ -0,0 +1,4 @@
+export declare const tooltipQuestionIconVariants: (props?: ({
+    size?: "xs" | "sm" | "md" | "lg" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=tooltipVariants.d.ts.map

package/Tooltip/tooltipVariants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.d.ts","sourceRoot":"","sources":["../../src/Tooltip/tooltipVariants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,2BAA2B;;8EAiBvC,CAAC"}

package/Tooltip/tooltipVariants.js

@@ -0,0 +1,23 @@
+import { cva as s } from "class-variance-authority";
+const t = s(
+  [
+    "shrink-0 text-[#8C8F9A]"
+  ],
+  {
+    variants: {
+      size: {
+        xs: "size-2",
+        sm: "size-3",
+        md: "size-4",
+        lg: "size-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+export {
+  t as tooltipQuestionIconVariants
+};
+//# sourceMappingURL=tooltipVariants.js.map

package/Tooltip/tooltipVariants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltipVariants.js","sources":["../../src/Tooltip/tooltipVariants.ts"],"sourcesContent":["import { cva } from \"class-variance-authority\";\r\n\r\nexport const tooltipQuestionIconVariants = cva(\r\n  [\r\n    \"shrink-0 text-[#8C8F9A]\",\r\n  ],\r\n  {\r\n    variants: {\r\n      size: {\r\n        xs: \"size-2\",\r\n        sm: \"size-3\",\r\n        md: \"size-4\",\r\n        lg: \"size-5\",\r\n      },\r\n    },\r\n    defaultVariants: {\r\n      size: \"md\",\r\n    },\r\n  }\r\n);\r\n"],"names":["tooltipQuestionIconVariants","cva"],"mappings":";AAEO,MAAMA,IAA8BC;AAAA,EACzC;AAAA,IACE;AAAA,EAAA;AAAA,EAEF;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;"}

package/index.d.ts

@@ -17,6 +17,7 @@ export * from './Checkbox';
 export * from './Collapsible';
 export * from './Combobox';
 export * from './Command';
+export * from './ContextPopover';
 export * from './DataTable';
 export * from './DatePicker';
 export * from './Dialog';
@@ -31,6 +32,7 @@ export * from './FormSelect';
 export * from './FormTextarea';
 export * from './Header';
 export * from './HoverCard';
+export * from './InfoBlock';
 export * from './Input';
 export * from './InputOTP';
 export * from './Label';

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,WAAW,CAAC;AAC1B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,mBAAmB,CAAC"}