@aussieljk/forkbook 0.0.1-5 → 0.0.1-6

package/dist/_browser-chunks/{Color-GTF4GM7L.js → Color-2BMQTRYG.js}

@@ -802,7 +802,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id), style.textContent = '.fb-jgXPQa-wrapper{max-width:250px;position:relative}.fb-jgXPQa-tooltipContent{width:200px;margin:5px;& .react-colorful__saturation{border-radius:4px 4px 0 0}& .react-colorful__hue{box-shadow:inset 0 0 0 1px #0000000d}& .react-colorful__last-control{border-radius:0 0 4px 4px}}.fb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"black\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>");width:16px;height:16px;box-shadow:var(--fb-app-border-color) 0 0 0 1px inset;border-radius:var(--fb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--fb-swatch-color), var(--fb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--fb-app-border-color) 0 0 0 1px inset, rgb(from var(--fb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-fb-theme=dark]) .fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"white\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>")}.fb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--fb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--fb-color-lighter)}}:where([data-fb-theme=dark]) [aria-readonly=true]>.fb-jgXPQa-input{background:0 0}.fb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.fb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--fb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(style);
 }
-var Color_default = { input: "fb-jgXPQa-input", wrapper: "fb-jgXPQa-wrapper", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", swatches: "fb-jgXPQa-swatches", popoverTrigger: "fb-jgXPQa-popoverTrigger", tooltipContent: "fb-jgXPQa-tooltipContent", swatch: "fb-jgXPQa-swatch" };
+var Color_default = { wrapper: "fb-jgXPQa-wrapper", swatches: "fb-jgXPQa-swatches", swatch: "fb-jgXPQa-swatch", popoverTrigger: "fb-jgXPQa-popoverTrigger", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", tooltipContent: "fb-jgXPQa-tooltipContent", input: "fb-jgXPQa-input" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/WithTooltip-GJACFWKM.js

@@ -0,0 +1,196 @@
+import {
+  PortalContainerContext,
+  PortalTheme,
+  index_parts_exports
+} from "./chunk-DPRGR3QP.js";
+import "./chunk-X7D777E6.js";
+import {
+  global
+} from "./chunk-6AKCRYVX.js";
+import "./chunk-IMSF75WX.js";
+
+// src/components/components/tooltip/WithTooltip.tsx
+import React, { useCallback, useContext, useEffect, useId, useState } from "react";
+import { deprecate } from "@aussieljk/forkbook/internal/client-logger";
+
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/components/components/tooltip/WithTooltip.module.css
+var id = "core/src/components/components/tooltip/WithTooltip.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--fb-app-border-radius) + 2px);font-family:var(--fb-font-base);font-size:var(--fb-size-s1)}}:where([data-fb-theme=dark]) .fb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--fb-background-app)}.fb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.fb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.fb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
+}
+var WithTooltip_default = { targetSvg: "fb-QoytUq-targetSvg", target: "fb-QoytUq-target", wrapper: "fb-QoytUq-wrapper", arrow: "fb-QoytUq-arrow" };
+
+// src/components/components/tooltip/WithTooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var { document: document2 } = global, Tooltip = React.forwardRef(
+  ({
+    placement = "top",
+    hasChrome = !0,
+    children,
+    arrowProps = {},
+    tooltipRef,
+    color,
+    withArrows,
+    hidden,
+    className,
+    style,
+    ...props
+  }, ref) => jsxs(
+    "div",
+    {
+      "data-testid": "tooltip",
+      ref,
+      hidden,
+      ...props,
+      className: [WithTooltip_default.wrapper, className].filter(Boolean).join(" "),
+      style: { display: hidden ? "none" : void 0, ...style },
+      "data-chrome": hasChrome || void 0,
+      "data-color": color,
+      children: [
+        hasChrome && withArrows && jsx(
+          "div",
+          {
+            className: WithTooltip_default.arrow,
+            "data-side": placement.split("-")[0],
+            ...arrowProps,
+            "data-color": color
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Tooltip.displayName = "Tooltip";
+var toSideAndAlign = (placement) => {
+  let [side, align = "center"] = placement.split("-");
+  return {
+    side: side === "auto" ? "top" : side,
+    align
+  };
+}, WithTooltipPure = ({
+  svg = !1,
+  trigger = "click",
+  closeOnOutsideClick = !1,
+  placement = "top",
+  hasChrome = !0,
+  defaultVisible = !1,
+  withArrows,
+  offset = [0, 8],
+  tooltip,
+  children,
+  delayHide = trigger === "hover" ? 200 : 0,
+  visible,
+  interactive: _interactive,
+  delayShow = trigger === "hover" ? 400 : 0,
+  strategy,
+  onVisibleChange,
+  portalContainer,
+  ...props
+}) => {
+  let Container = svg ? "g" : "div", triggers = trigger === null ? [] : Array.isArray(trigger) ? trigger : [trigger], isHover = triggers.includes("hover"), isClick = triggers.includes("click"), isFocus = triggers.includes("focus"), triggerId = useId(), [shown, setShown] = useState(defaultVisible), isVisible = visible ?? shown, setVisible = useCallback(
+    (next) => {
+      setShown(next), onVisibleChange?.(next);
+    },
+    [onVisibleChange]
+  ), onOpenChange = useCallback(
+    (open, { reason }) => {
+      reason === "trigger-press" && !isClick || reason === "trigger-hover" && !isHover || reason === "trigger-focus" && !isFocus || reason === "outside-press" && !closeOnOutsideClick || setVisible(open);
+    },
+    [isClick, isHover, isFocus, closeOnOutsideClick, setVisible]
+  ), contextContainer = useContext(PortalContainerContext), portalTarget = (typeof portalContainer == "string" ? document2.querySelector(portalContainer) : portalContainer) || contextContainer || document2.body;
+  return jsxs(index_parts_exports.Root, { open: isVisible, onOpenChange, triggerId, children: [
+    jsx(
+      index_parts_exports.Trigger,
+      {
+        id: triggerId,
+        nativeButton: !1,
+        openOnHover: isHover,
+        delay: delayShow,
+        closeDelay: delayHide,
+        render: jsx(
+          Container,
+          {
+            className: svg ? WithTooltip_default.targetSvg : WithTooltip_default.target,
+            "data-hover": isHover || void 0,
+            ...props
+          }
+        ),
+        children
+      }
+    ),
+    jsx(index_parts_exports.Portal, { container: portalTarget, children: jsx(PortalTheme, { children: jsx(
+      index_parts_exports.Positioner,
+      {
+        ...toSideAndAlign(placement),
+        sideOffset: offset[1],
+        alignOffset: offset[0],
+        collisionPadding: 8,
+        arrowPadding: 8,
+        positionMethod: strategy,
+        style: { zIndex: 2147483647 },
+        children: jsxs(
+          index_parts_exports.Popup,
+          {
+            initialFocus: !1,
+            finalFocus: !1,
+            render: jsx(Tooltip, { hasChrome }),
+            children: [
+              hasChrome && withArrows && jsx(index_parts_exports.Arrow, { render: jsx("div", { className: WithTooltip_default.arrow }) }),
+              typeof tooltip == "function" ? tooltip({ onHide: () => setVisible(!1) }) : tooltip
+            ]
+          }
+        )
+      }
+    ) }) })
+  ] });
+}, WithToolTipState = ({
+  startOpen = !1,
+  onVisibleChange: onChange,
+  ...rest
+}) => {
+  let [tooltipShown, setTooltipShown] = useState(startOpen), onVisibilityChange = useCallback(
+    (visibility) => {
+      onChange && onChange(visibility) === !1 || setTooltipShown(visibility);
+    },
+    [onChange]
+  );
+  return useEffect(() => {
+    let hide = () => onVisibilityChange(!1), handleKeyDown = (e) => {
+      e.key === "Escape" && hide();
+    };
+    document2.addEventListener("keydown", handleKeyDown, !1);
+    let iframes = Array.from(document2.getElementsByTagName("iframe")), unbinders = [];
+    return iframes.forEach((iframe) => {
+      let bind = () => {
+        try {
+          iframe.contentWindow.document && (iframe.contentWindow.document.addEventListener("click", hide), unbinders.push(() => {
+            try {
+              iframe.contentWindow.document.removeEventListener("click", hide);
+            } catch {
+            }
+          }));
+        } catch {
+        }
+      };
+      bind(), iframe.addEventListener("load", bind), unbinders.push(() => {
+        iframe.removeEventListener("load", bind);
+      });
+    }), () => {
+      document2.removeEventListener("keydown", handleKeyDown), unbinders.forEach((unbind) => {
+        unbind();
+      });
+    };
+  }), jsx(WithTooltipPure, { ...rest, visible: tooltipShown, onVisibleChange: onVisibilityChange });
+}, DeprecatedPure = (props) => (deprecate(
+  "WithTooltipPure is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithTooltipPure, { "data-deprecated": "WithTooltipPure", ...props })), DeprecatedState = (props) => (deprecate(
+  "WithToolTipState is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithToolTipState, { "data-deprecated": "WithToolTipState", ...props }));
+export {
+  Tooltip,
+  DeprecatedState as WithToolTipState,
+  WithToolTipState as WithTooltip,
+  DeprecatedPure as WithTooltipPure
+};

package/dist/_browser-chunks/chunk-6AKCRYVX.js

@@ -0,0 +1,6 @@
+// src/shared/global.ts
+var global = globalThis;
+
+export {
+  global
+};