@starwind-ui/core 1.14.0 → 1.15.1

package/dist/src/components/tooltip/TooltipContent.astro

@@ -1,114 +0,0 @@
----
-import CaretUp from "@tabler/icons/filled/caret-up.svg";
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-type Props = HTMLAttributes<"div"> & {
-  /**
-   * Side of the tooltip
-   * @default top
-   */
-  side?: "top" | "right" | "bottom" | "left";
-  /**
-   * Alignment of the tooltip
-   * @default center
-   */
-  align?: "start" | "center" | "end";
-  /**
-   * Offset distance in pixels
-   * @default 8
-   */
-  sideOffset?: number;
-  /**
-   * Prevent the tooltip from colliding with other elements
-   * @default true
-   */
-  avoidCollisions?: boolean;
-  /**
-   * Open and close animation duration in milliseconds
-   * @default 150
-   */
-  animationDuration?: number;
-};
-
-export const tooltipContent = tv({
-  base: [
-    "starwind-tooltip-content",
-    "absolute z-50 hidden w-fit px-3 py-1.5 will-change-transform",
-    "bg-foreground text-background rounded-md",
-    "animate-in fade-in zoom-in-95",
-    "data-[state=closed]:animate-out data-[state=closed]:fill-mode-forwards fade-out zoom-out-95",
-  ],
-  variants: {
-    side: {
-      left: "slide-in-from-right-2 right-(--tooltip-offset)",
-      right: "slide-in-from-left-2 left-(--tooltip-offset)",
-      bottom: "slide-in-from-top-2 top-(--tooltip-offset)",
-      top: "slide-in-from-bottom-2 bottom-(--tooltip-offset)",
-    },
-    align: { center: "", start: "", end: "" },
-    sideAlign: {
-      "top-center": "left-[50%] translate-x-[-50%]",
-      "bottom-center": "left-[50%] translate-x-[-50%]",
-      "left-center": "top-[50%] translate-y-[-50%]",
-      "right-center": "top-[50%] translate-y-[-50%]",
-      "top-start": "left-0",
-      "bottom-start": "left-0",
-      "top-end": "right-0",
-      "bottom-end": "right-0",
-      "left-start": "top-0",
-      "right-start": "top-0",
-      "left-end": "bottom-0",
-      "right-end": "bottom-0",
-    },
-  },
-  defaultVariants: { side: "top", align: "center" },
-  compoundVariants: [
-    { side: ["top", "bottom"], align: "center", class: "left-[50%] translate-x-[-50%]" },
-    { side: ["left", "right"], align: "center", class: "top-[50%] translate-y-[-50%]" },
-    { side: ["top", "bottom"], align: "start", class: "left-0" },
-    { side: ["top", "bottom"], align: "end", class: "right-0" },
-    { side: ["left", "right"], align: "start", class: "top-0" },
-    { side: ["left", "right"], align: "end", class: "bottom-0" },
-  ],
-});
-
-export const tooltipCaret = tv({
-  base: ["text-foreground absolute z-50 size-4"],
-  variants: {
-    side: {
-      top: "bottom-0 left-1/2 -translate-x-1/2 translate-y-[calc(50%+1px)] rotate-180",
-      bottom: "top-0 left-1/2 -translate-x-1/2 -translate-y-[calc(50%+1px)]",
-      left: "top-1/2 right-0 translate-x-[calc(50%+1px)] -translate-y-1/2 rotate-90",
-      right: "top-1/2 left-0 -translate-x-[calc(50%+1px)] -translate-y-1/2 -rotate-90",
-    },
-  },
-  defaultVariants: { side: "top" },
-});
-
-const {
-  side = "top",
-  align = "center",
-  sideOffset = 8,
-  avoidCollisions = true,
-  animationDuration = 150,
-  class: className,
-} = Astro.props;
----
-
-<div
-  class={tooltipContent({ side, align, class: className })}
-  data-slot="tooltip-content"
-  data-state="closed"
-  data-side={side}
-  data-align={align}
-  {...avoidCollisions && { "data-avoid-collisions": "" }}
-  role="tooltip"
-  style={{
-    "--tooltip-offset": `calc(100% + ${sideOffset}px)`,
-    animationDuration: `${animationDuration}ms`,
-  }}
->
-  <slot> My tooltip! </slot>
-  <CaretUp class={tooltipCaret({ side })} />
-</div>

package/dist/src/components/tooltip/TooltipTrigger.astro

@@ -1,10 +0,0 @@
----
-/**
- * This component is used to trigger the tooltip
- * All it does is require a slot
- */
-
-type Props = { children: any };
----
-
-<slot />

package/dist/src/components/tooltip/index.ts

@@ -1,16 +0,0 @@
-import Tooltip, { tooltip } from "./Tooltip.astro";
-import TooltipContent, { tooltipContent } from "./TooltipContent.astro";
-import TooltipTrigger from "./TooltipTrigger.astro";
-
-const TooltipVariants = {
-  tooltip,
-  tooltipContent,
-};
-
-export { Tooltip, TooltipContent, TooltipTrigger, TooltipVariants };
-
-export default {
-  Root: Tooltip,
-  Trigger: TooltipTrigger,
-  Content: TooltipContent,
-};

package/dist/src/components/video/Video.astro

@@ -1,120 +0,0 @@
----
-import type { HTMLAttributes } from "astro/types";
-import { tv } from "tailwind-variants";
-
-export const video = tv({
-  base: "starwind-video aspect-video h-auto w-full",
-});
-
-type Props = HTMLAttributes<"video"> &
-  HTMLAttributes<"iframe"> & {
-    src: string;
-    title?: string;
-    autoplay?: boolean;
-    muted?: boolean;
-    loop?: boolean;
-    controls?: boolean;
-    poster?: string;
-  };
-
-const {
-  class: className,
-  src,
-  title = "Video",
-  autoplay = false,
-  muted = false,
-  loop = false,
-  controls = true,
-  poster,
-  ...rest
-} = Astro.props;
-
-/**
- * Detects the video type from the src URL
- */
-function getVideoType(url: string): "youtube" | "youtube-shorts" | "native" {
-  if (url.includes("youtube.com/shorts/") || url.includes("youtu.be/shorts/")) {
-    return "youtube-shorts";
-  }
-  if (
-    url.includes("youtube.com") ||
-    url.includes("youtu.be") ||
-    url.includes("youtube-nocookie.com")
-  ) {
-    return "youtube";
-  }
-  return "native";
-}
-
-/**
- * Extracts YouTube video ID from various URL formats
- */
-function getYouTubeId(url: string): string | null {
-  const patterns = [
-    /youtube\.com\/shorts\/([^?&]+)/,
-    /youtube\.com\/watch\?v=([^&]+)/,
-    /youtube\.com\/embed\/([^?&]+)/,
-    /youtu\.be\/([^?&]+)/,
-    /youtube-nocookie\.com\/embed\/([^?&]+)/,
-  ];
-
-  for (const pattern of patterns) {
-    const match = url.match(pattern);
-    if (match) return match[1];
-  }
-  return null;
-}
-
-/**
- * Builds YouTube embed URL with parameters
- */
-function buildYouTubeEmbedUrl(videoId: string, isShort: boolean): string {
-  const params = new URLSearchParams();
-  if (autoplay) params.set("autoplay", "1");
-  if (muted) params.set("mute", "1");
-  if (loop) {
-    params.set("loop", "1");
-    params.set("playlist", videoId);
-  }
-  if (!controls) params.set("controls", "0");
-
-  const baseUrl = `https://www.youtube-nocookie.com/embed/${videoId}`;
-  const queryString = params.toString();
-  return queryString ? `${baseUrl}?${queryString}` : baseUrl;
-}
-
-const videoType = getVideoType(src);
-const youtubeId = videoType !== "native" ? getYouTubeId(src) : null;
-const isShort = videoType === "youtube-shorts";
-const embedUrl = youtubeId ? buildYouTubeEmbedUrl(youtubeId, isShort) : null;
----
-
-{
-  videoType === "native" || !embedUrl ? (
-    <video
-      class={video({ class: className })}
-      src={src}
-      autoplay={autoplay}
-      muted={muted}
-      loop={loop}
-      controls={controls}
-      poster={poster}
-      data-slot="video"
-      {...rest}
-    >
-      <track kind="captions" />
-    </video>
-  ) : (
-    <iframe
-      class={video({ class: className })}
-      src={embedUrl}
-      title={title}
-      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-      referrerpolicy="strict-origin-when-cross-origin"
-      allowfullscreen
-      data-slot="video"
-      data-video-type={isShort ? "youtube-shorts" : "youtube"}
-      {...rest}
-    />
-  )
-}

package/dist/src/components/video/index.ts

@@ -1,9 +0,0 @@
-import Video, { video } from "./Video.astro";
-
-const VideoVariants = {
-  video,
-};
-
-export { Video, VideoVariants };
-
-export default Video;