@kamod-ui/core 0.1.0

package/dist/chunk-D25ZQ36E.js

@@ -0,0 +1,273 @@
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useMemo, useRef, useCallback, useEffect, useContext } from 'preact/hooks';
+import { jsx } from 'preact/jsx-runtime';
+import { tv } from 'tailwind-variants';
+
+// src/components/hover-card/HoverCard.tsx
+var HoverCardContext = createContext(null);
+var useHoverCard = () => {
+  const context = useContext(HoverCardContext);
+  if (!context) throw new Error("HoverCard subcomponents must be used within HoverCard");
+  return context;
+};
+var HoverCard = ({
+  defaultOpen = false,
+  openDelay = 700,
+  closeDelay = 300,
+  children,
+  ...rest
+}) => {
+  const open = useMemo(() => signal(defaultOpen), []);
+  const openTimer = useRef(null);
+  const closeTimer = useRef(null);
+  const clearOpenTimer = useCallback(() => {
+    if (openTimer.current !== null) {
+      clearTimeout(openTimer.current);
+      openTimer.current = null;
+    }
+  }, []);
+  const clearCloseTimer = useCallback(() => {
+    if (closeTimer.current !== null) {
+      clearTimeout(closeTimer.current);
+      closeTimer.current = null;
+    }
+  }, []);
+  const setOpenImmediate = useCallback(
+    (next) => {
+      clearOpenTimer();
+      clearCloseTimer();
+      open.value = next;
+    },
+    [clearCloseTimer, clearOpenTimer, open]
+  );
+  const pinOpen = useCallback(() => {
+    clearOpenTimer();
+    clearCloseTimer();
+    open.value = true;
+  }, [clearCloseTimer, clearOpenTimer, open]);
+  const scheduleOpen = useCallback(() => {
+    clearCloseTimer();
+    clearOpenTimer();
+    openTimer.current = window.setTimeout(() => {
+      openTimer.current = null;
+      open.value = true;
+    }, openDelay);
+  }, [clearCloseTimer, clearOpenTimer, open, openDelay]);
+  const scheduleClose = useCallback(() => {
+    clearOpenTimer();
+    clearCloseTimer();
+    closeTimer.current = window.setTimeout(() => {
+      closeTimer.current = null;
+      open.value = false;
+    }, closeDelay);
+  }, [clearCloseTimer, clearOpenTimer, open, closeDelay]);
+  useEffect(
+    () => () => {
+      clearOpenTimer();
+      clearCloseTimer();
+    },
+    [clearCloseTimer, clearOpenTimer]
+  );
+  const value = useMemo(
+    () => ({
+      open,
+      openDelay,
+      closeDelay,
+      scheduleOpen,
+      scheduleClose,
+      pinOpen,
+      setOpenImmediate
+    }),
+    [open, openDelay, closeDelay, scheduleOpen, scheduleClose, pinOpen, setOpenImmediate]
+  );
+  return /* @__PURE__ */ jsx(HoverCardContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { "data-slot": "hover-card", "data-state": open.value ? "open" : "closed", class: "relative inline-flex", ...rest, children }) });
+};
+var positionBySide = {
+  top: "bottom-full",
+  bottom: "top-full",
+  left: "right-full",
+  right: "left-full"
+};
+var alignByAxis = {
+  vertical: {
+    start: "left-0",
+    center: "left-1/2 -translate-x-1/2",
+    end: "right-0"
+  },
+  horizontal: {
+    start: "top-0",
+    center: "top-1/2 -translate-y-1/2",
+    end: "bottom-0"
+  }
+};
+var hoverCardContent = tv({
+  base: [
+    "bg-popover text-popover-foreground z-50 flex min-w-0 max-w-[calc(100vw-1.5rem)] flex-col gap-1 rounded-lg border p-3 text-sm shadow-md outline-none",
+    "data-[state=open]:animate-in fade-in zoom-in-95",
+    "absolute isolate"
+  ],
+  variants: {
+    side: {
+      bottom: "slide-in-from-top-2",
+      top: "slide-in-from-bottom-2",
+      right: "slide-in-from-left-2",
+      left: "slide-in-from-right-2"
+    }
+  },
+  defaultVariants: {
+    side: "bottom"
+  }
+});
+var HoverCardContent = ({
+  side = "bottom",
+  align = "center",
+  sideOffset = 8,
+  class: className,
+  style,
+  children,
+  onKeyDown,
+  onMouseEnter,
+  onMouseLeave,
+  ...rest
+}) => {
+  const { open, pinOpen, scheduleClose, setOpenImmediate } = useHoverCard();
+  if (!open.value) return null;
+  const isVertical = side === "top" || side === "bottom";
+  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];
+  const inlineStyle = typeof style === "object" && style !== null ? style : void 0;
+  const offsetStyle = side === "bottom" ? { marginTop: `${sideOffset}px` } : side === "top" ? { marginBottom: `${sideOffset}px` } : side === "right" ? { marginLeft: `${sideOffset}px` } : { marginRight: `${sideOffset}px` };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "hover-card-content",
+      role: "dialog",
+      "aria-modal": "false",
+      tabIndex: -1,
+      "data-side": side,
+      "data-align": align,
+      "data-state": "open",
+      class: `${positionBySide[side]} ${alignClass} ${hoverCardContent({ side, class: className })}`,
+      style: inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle,
+      onMouseEnter: (event) => {
+        pinOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onKeyDown: (event) => {
+        if (event.key === "Escape") {
+          event.preventDefault();
+          setOpenImmediate(false);
+          return;
+        }
+        onKeyDown?.(event);
+      },
+      ...rest,
+      children
+    }
+  );
+};
+var hoverCardTrigger = tv({
+  base: [
+    "border-input bg-background hover:bg-muted inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-medium shadow-xs transition-colors",
+    "outline-none focus-visible:ring-3 focus-visible:ring-ring/50"
+  ]
+});
+var callRef = (ref, node) => {
+  if (typeof ref === "function") {
+    ref(node);
+  } else if (ref && typeof ref === "object" && "current" in ref) {
+    ref.current = node;
+  }
+};
+var HoverCardTrigger = ({
+  asChild = false,
+  class: className,
+  children,
+  onFocus,
+  onBlur,
+  onMouseEnter,
+  onMouseLeave,
+  ref: outerRef,
+  ...rest
+}) => {
+  const { scheduleOpen, scheduleClose } = useHoverCard();
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      "data-slot": "hover-card-trigger",
+      onMouseEnter: (event) => {
+        childProps.onMouseEnter?.(event);
+        scheduleOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        childProps.onMouseLeave?.(event);
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onFocus: (event) => {
+        childProps.onFocus?.(event);
+        scheduleOpen();
+        onFocus?.(event);
+      },
+      onBlur: (event) => {
+        childProps.onBlur?.(event);
+        scheduleClose();
+        onBlur?.(event);
+      },
+      ref: (node) => {
+        callRef(childProps.ref, node);
+        callRef(outerRef, node);
+      }
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      ref: (node) => {
+        callRef(outerRef, node);
+      },
+      type: "button",
+      "data-slot": "hover-card-trigger",
+      class: hoverCardTrigger({ class: className }),
+      ...rest,
+      onMouseEnter: (event) => {
+        scheduleOpen();
+        onMouseEnter?.(event);
+      },
+      onMouseLeave: (event) => {
+        scheduleClose();
+        onMouseLeave?.(event);
+      },
+      onFocus: (event) => {
+        scheduleOpen();
+        onFocus?.(event);
+      },
+      onBlur: (event) => {
+        scheduleClose();
+        onBlur?.(event);
+      },
+      children
+    }
+  );
+};
+
+// src/components/hover-card/index.ts
+var hover_card_default = {
+  Root: HoverCard,
+  Trigger: HoverCardTrigger,
+  Content: HoverCardContent
+};
+
+export { HoverCard, HoverCardContent, HoverCardTrigger, hover_card_default };
+//# sourceMappingURL=chunk-D25ZQ36E.js.map
+//# sourceMappingURL=chunk-D25ZQ36E.js.map

package/dist/chunk-D25ZQ36E.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/hover-card/HoverCard.tsx","../src/components/hover-card/HoverCardContent.tsx","../src/components/hover-card/HoverCardTrigger.tsx","../src/components/hover-card/index.ts"],"names":["jsx","tv"],"mappings":"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","file":"chunk-D25ZQ36E.js","sourcesContent":["import { signal } from \"@preact/signals\";\nimport { createContext } from \"preact\";\nimport { useCallback, useContext, useEffect, useMemo, useRef } from \"preact/hooks\";\nimport type { ComponentChildren, JSX } from \"preact\";\n\nexport type HoverCardContextValue = {\n  open: ReturnType<typeof signal<boolean>>;\n  openDelay: number;\n  closeDelay: number;\n  scheduleOpen: () => void;\n  scheduleClose: () => void;\n  /** Cancel pending timers and keep the card open (pointer entered content). */\n  pinOpen: () => void;\n  setOpenImmediate: (next: boolean) => void;\n};\n\nconst HoverCardContext = createContext<HoverCardContextValue | null>(null);\n\nexport const useHoverCard = () => {\n  const context = useContext(HoverCardContext);\n  if (!context) throw new Error(\"HoverCard subcomponents must be used within HoverCard\");\n  return context;\n};\n\nexport type HoverCardProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  defaultOpen?: boolean;\n  /** Delay before opening (ms). Radix default 700. */\n  openDelay?: number;\n  /** Delay before closing (ms). Radix default 300. */\n  closeDelay?: number;\n  children?: ComponentChildren;\n};\n\nexport const HoverCard = ({\n  defaultOpen = false,\n  openDelay = 700,\n  closeDelay = 300,\n  children,\n  ...rest\n}: HoverCardProps) => {\n  const open = useMemo(() => signal(defaultOpen), []);\n  const openTimer = useRef<number | null>(null);\n  const closeTimer = useRef<number | null>(null);\n\n  const clearOpenTimer = useCallback(() => {\n    if (openTimer.current !== null) {\n      clearTimeout(openTimer.current);\n      openTimer.current = null;\n    }\n  }, []);\n\n  const clearCloseTimer = useCallback(() => {\n    if (closeTimer.current !== null) {\n      clearTimeout(closeTimer.current);\n      closeTimer.current = null;\n    }\n  }, []);\n\n  const setOpenImmediate = useCallback(\n    (next: boolean) => {\n      clearOpenTimer();\n      clearCloseTimer();\n      open.value = next;\n    },\n    [clearCloseTimer, clearOpenTimer, open]\n  );\n\n  const pinOpen = useCallback(() => {\n    clearOpenTimer();\n    clearCloseTimer();\n    open.value = true;\n  }, [clearCloseTimer, clearOpenTimer, open]);\n\n  const scheduleOpen = useCallback(() => {\n    clearCloseTimer();\n    clearOpenTimer();\n    openTimer.current = window.setTimeout(() => {\n      openTimer.current = null;\n      open.value = true;\n    }, openDelay);\n  }, [clearCloseTimer, clearOpenTimer, open, openDelay]);\n\n  const scheduleClose = useCallback(() => {\n    clearOpenTimer();\n    clearCloseTimer();\n    closeTimer.current = window.setTimeout(() => {\n      closeTimer.current = null;\n      open.value = false;\n    }, closeDelay);\n  }, [clearCloseTimer, clearOpenTimer, open, closeDelay]);\n\n  useEffect(\n    () => () => {\n      clearOpenTimer();\n      clearCloseTimer();\n    },\n    [clearCloseTimer, clearOpenTimer]\n  );\n\n  const value = useMemo(\n    (): HoverCardContextValue => ({\n      open,\n      openDelay,\n      closeDelay,\n      scheduleOpen,\n      scheduleClose,\n      pinOpen,\n      setOpenImmediate\n    }),\n    [open, openDelay, closeDelay, scheduleOpen, scheduleClose, pinOpen, setOpenImmediate]\n  );\n\n  return (\n    <HoverCardContext.Provider value={value}>\n      <div data-slot=\"hover-card\" data-state={open.value ? \"open\" : \"closed\"} class=\"relative inline-flex\" {...rest}>\n        {children}\n      </div>\n    </HoverCardContext.Provider>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { useHoverCard } from \"./HoverCard\";\n\nconst positionBySide = {\n  top: \"bottom-full\",\n  bottom: \"top-full\",\n  left: \"right-full\",\n  right: \"left-full\"\n} as const;\n\nconst alignByAxis = {\n  vertical: {\n    start: \"left-0\",\n    center: \"left-1/2 -translate-x-1/2\",\n    end: \"right-0\"\n  },\n  horizontal: {\n    start: \"top-0\",\n    center: \"top-1/2 -translate-y-1/2\",\n    end: \"bottom-0\"\n  }\n} as const;\n\nexport const hoverCardContent = tv({\n  base: [\n    \"bg-popover text-popover-foreground z-50 flex min-w-0 max-w-[calc(100vw-1.5rem)] flex-col gap-1 rounded-lg border p-3 text-sm shadow-md outline-none\",\n    \"data-[state=open]:animate-in fade-in zoom-in-95\",\n    \"absolute isolate\"\n  ],\n  variants: {\n    side: {\n      bottom: \"slide-in-from-top-2\",\n      top: \"slide-in-from-bottom-2\",\n      right: \"slide-in-from-left-2\",\n      left: \"slide-in-from-right-2\"\n    }\n  },\n  defaultVariants: {\n    side: \"bottom\"\n  }\n});\n\nexport type HoverCardContentProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof hoverCardContent> & {\n    side?: \"top\" | \"bottom\" | \"left\" | \"right\";\n    align?: \"start\" | \"center\" | \"end\";\n    sideOffset?: number;\n    children?: ComponentChildren;\n  };\n\nexport const HoverCardContent = ({\n  side = \"bottom\",\n  align = \"center\",\n  sideOffset = 8,\n  class: className,\n  style,\n  children,\n  onKeyDown,\n  onMouseEnter,\n  onMouseLeave,\n  ...rest\n}: HoverCardContentProps) => {\n  const { open, pinOpen, scheduleClose, setOpenImmediate } = useHoverCard();\n  if (!open.value) return null;\n\n  const isVertical = side === \"top\" || side === \"bottom\";\n  const alignClass = isVertical ? alignByAxis.vertical[align] : alignByAxis.horizontal[align];\n  const inlineStyle = typeof style === \"object\" && style !== null ? style : undefined;\n  const offsetStyle: JSX.CSSProperties =\n    side === \"bottom\"\n      ? { marginTop: `${sideOffset}px` }\n      : side === \"top\"\n        ? { marginBottom: `${sideOffset}px` }\n        : side === \"right\"\n          ? { marginLeft: `${sideOffset}px` }\n          : { marginRight: `${sideOffset}px` };\n\n  return (\n    <div\n      data-slot=\"hover-card-content\"\n      role=\"dialog\"\n      aria-modal=\"false\"\n      tabIndex={-1}\n      data-side={side}\n      data-align={align}\n      data-state=\"open\"\n      class={`${positionBySide[side]} ${alignClass} ${hoverCardContent({ side, class: className as string | undefined })}`}\n      style={inlineStyle ? { ...offsetStyle, ...inlineStyle } : offsetStyle}\n      onMouseEnter={(event) => {\n        pinOpen();\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        scheduleClose();\n        onMouseLeave?.(event);\n      }}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          setOpenImmediate(false);\n          return;\n        }\n        onKeyDown?.(event);\n      }}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { cloneElement, isValidElement, type ComponentChildren, type JSX } from \"preact\";\nimport { tv } from \"tailwind-variants\";\nimport { useHoverCard } from \"./HoverCard\";\n\nexport const hoverCardTrigger = tv({\n  base: [\n    \"border-input bg-background hover:bg-muted inline-flex items-center justify-center rounded-md border px-3 py-2 text-sm font-medium shadow-xs transition-colors\",\n    \"outline-none focus-visible:ring-3 focus-visible:ring-ring/50\"\n  ]\n});\n\nexport type HoverCardTriggerProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {\n  asChild?: boolean;\n  children?: ComponentChildren;\n};\n\nconst callRef = <T extends HTMLElement>(ref: unknown, node: T | null) => {\n  if (typeof ref === \"function\") {\n    ref(node);\n  } else if (ref && typeof ref === \"object\" && \"current\" in ref) {\n    (ref as { current: T | null }).current = node;\n  }\n};\n\nexport const HoverCardTrigger = ({\n  asChild = false,\n  class: className,\n  children,\n  onFocus,\n  onBlur,\n  onMouseEnter,\n  onMouseLeave,\n  ref: outerRef,\n  ...rest\n}: HoverCardTriggerProps) => {\n  const { scheduleOpen, scheduleClose } = useHoverCard();\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      ref?: unknown;\n      onMouseEnter?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      onMouseLeave?: (event: JSX.TargetedMouseEvent<HTMLElement>) => void;\n      onFocus?: (event: JSX.TargetedFocusEvent<HTMLElement>) => void;\n      onBlur?: (event: JSX.TargetedFocusEvent<HTMLElement>) => void;\n    };\n\n    return cloneElement(children, {\n      ...(childProps as Record<string, unknown>),\n      ...(rest as Record<string, unknown>),\n      \"data-slot\": \"hover-card-trigger\",\n      onMouseEnter: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onMouseEnter?.(event);\n        scheduleOpen();\n        onMouseEnter?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n      },\n      onMouseLeave: (event: JSX.TargetedMouseEvent<HTMLElement>) => {\n        childProps.onMouseLeave?.(event);\n        scheduleClose();\n        onMouseLeave?.(event as JSX.TargetedMouseEvent<HTMLButtonElement>);\n      },\n      onFocus: (event: JSX.TargetedFocusEvent<HTMLElement>) => {\n        childProps.onFocus?.(event);\n        scheduleOpen();\n        onFocus?.(event as JSX.TargetedFocusEvent<HTMLButtonElement>);\n      },\n      onBlur: (event: JSX.TargetedFocusEvent<HTMLElement>) => {\n        childProps.onBlur?.(event);\n        scheduleClose();\n        onBlur?.(event as JSX.TargetedFocusEvent<HTMLButtonElement>);\n      },\n      ref: (node: HTMLElement | null) => {\n        callRef(childProps.ref, node);\n        callRef(outerRef, node);\n      }\n    } as never);\n  }\n\n  return (\n    <button\n      ref={(node) => {\n        callRef(outerRef, node);\n      }}\n      type=\"button\"\n      data-slot=\"hover-card-trigger\"\n      class={hoverCardTrigger({ class: className as string | undefined })}\n      {...rest}\n      onMouseEnter={(event) => {\n        scheduleOpen();\n        onMouseEnter?.(event);\n      }}\n      onMouseLeave={(event) => {\n        scheduleClose();\n        onMouseLeave?.(event);\n      }}\n      onFocus={(event) => {\n        scheduleOpen();\n        onFocus?.(event);\n      }}\n      onBlur={(event) => {\n        scheduleClose();\n        onBlur?.(event);\n      }}\n    >\n      {children}\n    </button>\n  );\n};\n","import { HoverCard } from \"./HoverCard\";\nimport { HoverCardContent } from \"./HoverCardContent\";\nimport { HoverCardTrigger } from \"./HoverCardTrigger\";\n\nexport { HoverCard, HoverCardContent, HoverCardTrigger };\n\nexport default {\n  Root: HoverCard,\n  Trigger: HoverCardTrigger,\n  Content: HoverCardContent\n};\n\n"]}