@vygruppen/spor-react 13.1.3 → 13.1.4

package/dist/index.d.cts

@@ -4031,8 +4031,10 @@ declare const Tooltip: React$1.FC<Tooltip$1.RootProps>;
 declare const TooltipTrigger: ({ ref, children, ...props }: Tooltip$1.TriggerProps & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => react_jsx_runtime.JSX.Element;
-type TooltipProps = Tooltip$1.ContentProps;
-declare const TooltipContent: ({ ref, children, ...props }: TooltipProps & {
+type TooltipProps = Tooltip$1.ContentProps & {
+    showArrow?: boolean;
+};
+declare const TooltipContent: ({ ref, children, showArrow, ...props }: TooltipProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/index.d.ts

@@ -4031,8 +4031,10 @@ declare const Tooltip: React$1.FC<Tooltip$1.RootProps>;
 declare const TooltipTrigger: ({ ref, children, ...props }: Tooltip$1.TriggerProps & {
     ref?: React.Ref<HTMLButtonElement>;
 }) => react_jsx_runtime.JSX.Element;
-type TooltipProps = Tooltip$1.ContentProps;
-declare const TooltipContent: ({ ref, children, ...props }: TooltipProps & {
+type TooltipProps = Tooltip$1.ContentProps & {
+    showArrow?: boolean;
+};
+declare const TooltipContent: ({ ref, children, showArrow, ...props }: TooltipProps & {
     ref?: React.Ref<HTMLDivElement>;
 }) => react_jsx_runtime.JSX.Element;
 

package/dist/index.mjs

@@ -4581,7 +4581,7 @@ var PasswordInput = ({
     Input,
     {
       ref,
-      startElement: startElement && startElement,
+      startElement,
       label,
       type: visible ? "text" : "password",
       endElement: /* @__PURE__ */ jsx(
@@ -6376,7 +6376,16 @@ var PopoverTrigger = ({
   ...props
 }) => {
   const isStringChild = typeof children === "string";
-  return /* @__PURE__ */ jsx(Popover$1.Trigger, { ...props, ref, asChild: !isStringChild, children });
+  return /* @__PURE__ */ jsx(
+    Popover$1.Trigger,
+    {
+      ref,
+      asChild: !isStringChild,
+      width: isStringChild ? void 0 : "fit-content",
+      ...props,
+      children: isStringChild ? children : /* @__PURE__ */ jsx(Box, { children })
+    }
+  );
 };
 var PopoverContent = ({
   ref,
@@ -6394,14 +6403,14 @@ var PopoverContent = ({
   }, [showCloseButton, open]);
   return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, { children: /* @__PURE__ */ jsxs(Popover$1.Content, { ref, ...props, children: [
     /* @__PURE__ */ jsx(Popover$1.Arrow, {}),
+    /* @__PURE__ */ jsx(Popover$1.Body, { ...props, children }),
     showCloseButton && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(Popover$1.CloseTrigger, { asChild: true, children: /* @__PURE__ */ jsx(
       CloseButton,
       {
         className: colorMode === "dark" ? "light" : "dark",
         ref: closeButtonRef
       }
-    ) }) }),
-    /* @__PURE__ */ jsx(Popover$1.Body, { ...props, children })
+    ) }) })
   ] }) }) });
 };
 var ProgressDot = ({ isActive }) => {
@@ -10361,6 +10370,7 @@ var menuSlotRecipe = defineSlotRecipe({
       display: "flex",
       justifyContent: "space-between",
       gap: 1.5,
+      cursor: "pointer",
       _hover: {
         backgroundColor: "surface.accent.hover"
       },
@@ -10388,19 +10398,22 @@ var menuSlotRecipe = defineSlotRecipe({
     radioItem: {
       display: "flex",
       justifyContent: "space-between",
-      gap: 2
+      gap: 2,
+      cursor: "pointer"
     },
     triggerItem: {
       display: "flex",
       justifyContent: "space-between",
       gap: 1.5,
-      alignItems: "center"
+      alignItems: "center",
+      cursor: "pointer"
     },
     checkboxItem: {
       display: "flex",
       gap: 2,
       alignItems: "center",
-      width: "full"
+      width: "full",
+      cursor: "pointer"
     }
   },
   variants: {
@@ -10598,7 +10611,7 @@ var popoverSlotRecipe = defineSlotRecipe({
     content: {
       position: "relative",
       display: "flex",
-      flexDirection: "row-reverse",
+      flexDirection: "row",
       color: "text.brand",
       gap: "0.625rem",
       padding: "0.563rem 0.75rem",
@@ -11383,8 +11396,7 @@ var tableSlotRecipe = defineSlotRecipe({
     cell: {
       ...numericStyles,
       paddingX: 1.5,
-      paddingY: 1,
-      width: "100%"
+      paddingY: 1
     },
     footer: {
       fontWeight: "medium"
@@ -12629,16 +12641,17 @@ var TooltipTrigger = ({
   ...props
 }) => {
   const isStringChild = typeof children === "string";
-  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ...props, ref, asChild: !isStringChild, children });
+  return /* @__PURE__ */ jsx(Tooltip$1.Trigger, { ref, asChild: !isStringChild, ...props, children: isStringChild ? children : /* @__PURE__ */ jsx(Box, { width: "fit-content", children }) });
 };
 var TooltipContent = ({
   ref,
   children,
+  showArrow = false,
   ...props
 }) => {
   return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Tooltip$1.Positioner, { children: /* @__PURE__ */ jsxs(Tooltip$1.Content, { ref, ...props, children: [
-    /* @__PURE__ */ jsx(Tooltip$1.Arrow, {}),
-    /* @__PURE__ */ jsx(Tooltip$1.Content, { ...props, children })
+    showArrow && /* @__PURE__ */ jsx(Tooltip$1.Arrow, { children: /* @__PURE__ */ jsx(Tooltip$1.ArrowTip, {}) }),
+    children
   ] }) }) });
 };