@kamod-ch/ui 0.2.1

package/dist/chunk-GIU6BZTW.js

@@ -0,0 +1,173 @@
+import { Separator } from './chunk-LCWXIQKA.js';
+import { cn } from './chunk-MS2ZNYCJ.js';
+import { isValidElement, cloneElement } from 'preact';
+import { tv } from 'tailwind-variants';
+import { jsx } from 'preact/jsx-runtime';
+
+var item = tv({
+  base: [
+    "group/item flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-[color,background-color,box-shadow] duration-100",
+    "[a]:transition-colors [a]:hover:bg-accent/50",
+    "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent hover:bg-muted/40",
+      outline: "border-border hover:bg-accent/35",
+      muted: "bg-muted/50 hover:bg-muted/65"
+    },
+    size: {
+      default: "gap-4 p-4",
+      sm: "gap-2.5 px-4 py-3",
+      xs: "gap-2 px-3 py-2 text-xs"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+var Item = ({
+  variant,
+  size,
+  asChild = false,
+  class: className,
+  children,
+  ...rest
+}) => {
+  const resolvedVariant = variant ?? "default";
+  const resolvedSize = size ?? "default";
+  const resolvedClassName = item({
+    variant: resolvedVariant,
+    size: resolvedSize,
+    class: className
+  });
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...rest,
+      class: cn(childProps.class, childProps.className, resolvedClassName),
+      "data-slot": "item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item",
+      "data-variant": resolvedVariant,
+      "data-size": resolvedSize,
+      class: resolvedClassName,
+      ...rest,
+      children
+    }
+  );
+};
+var ItemActions = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx("div", { "data-slot": "item-actions", class: cn("flex items-center gap-2", className), ...rest, children });
+var ItemContent = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-content",
+    class: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+    ...rest,
+    children
+  }
+);
+var ItemDescription = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "p",
+  {
+    "data-slot": "item-description",
+    class: cn(
+      "text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal",
+      "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4",
+      className
+    ),
+    ...rest,
+    children
+  }
+);
+var ItemFooter = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-footer",
+    class: cn("flex basis-full items-center justify-between gap-2", className),
+    ...rest,
+    children
+  }
+);
+var ItemGroup = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    role: "list",
+    "data-slot": "item-group",
+    class: cn("group/item-group flex flex-col", className),
+    ...rest,
+    children
+  }
+);
+var ItemHeader = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-header",
+    class: cn("flex basis-full items-center justify-between gap-2", className),
+    ...rest,
+    children
+  }
+);
+var itemMedia = tv({
+  base: [
+    "flex shrink-0 items-center justify-center gap-2",
+    "group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start",
+    "[&_svg]:pointer-events-none"
+  ],
+  variants: {
+    variant: {
+      default: "bg-transparent",
+      icon: "bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4",
+      image: "size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var ItemMedia = ({ variant, class: className, children, ...rest }) => {
+  const resolvedVariant = variant ?? "default";
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "item-media",
+      "data-variant": resolvedVariant,
+      class: cn(itemMedia({ variant: resolvedVariant, class: className })),
+      ...rest,
+      children
+    }
+  );
+};
+var ItemSeparator = ({ class: className, ...rest }) => /* @__PURE__ */ jsx(
+  Separator,
+  {
+    orientation: "horizontal",
+    class: cn("my-0", className),
+    "data-slot": "item-separator",
+    ...rest
+  }
+);
+var ItemTitle = ({ class: className, children, ...rest }) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    "data-slot": "item-title",
+    class: cn("flex w-fit items-center gap-2 text-sm font-medium leading-snug", className),
+    ...rest,
+    children
+  }
+);
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=chunk-GIU6BZTW.js.map
+//# sourceMappingURL=chunk-GIU6BZTW.js.map

package/dist/chunk-GIU6BZTW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/item/Item.tsx","../src/components/item/ItemActions.tsx","../src/components/item/ItemContent.tsx","../src/components/item/ItemDescription.tsx","../src/components/item/ItemFooter.tsx","../src/components/item/ItemGroup.tsx","../src/components/item/ItemHeader.tsx","../src/components/item/ItemMedia.tsx","../src/components/item/ItemSeparator.tsx","../src/components/item/ItemTitle.tsx"],"names":["jsx","tv"],"mappings":"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","file":"chunk-GIU6BZTW.js","sourcesContent":["import { type ComponentChildren, cloneElement, isValidElement, type JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const item = tv({\n  base: [\n    \"group/item flex flex-wrap items-center rounded-md border border-transparent text-sm outline-none transition-[color,background-color,box-shadow] duration-100\",\n    \"[a]:transition-colors [a]:hover:bg-accent/50\",\n    \"focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent hover:bg-muted/40\",\n      outline: \"border-border hover:bg-accent/35\",\n      muted: \"bg-muted/50 hover:bg-muted/65\",\n    },\n    size: {\n      default: \"gap-4 p-4\",\n      sm: \"gap-2.5 px-4 py-3\",\n      xs: \"gap-2 px-3 py-2 text-xs\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n    size: \"default\",\n  },\n});\n\nexport type ItemProps = Omit<JSX.HTMLAttributes<HTMLDivElement>, \"size\"> &\n  VariantProps<typeof item> & {\n    children?: ComponentChildren;\n    asChild?: boolean;\n  };\n\nexport const Item = ({\n  variant,\n  size,\n  asChild = false,\n  class: className,\n  children,\n  ...rest\n}: ItemProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  const resolvedSize = size ?? \"default\";\n  const resolvedClassName = item({\n    variant: resolvedVariant,\n    size: resolvedSize,\n    class: className as string | undefined,\n  });\n\n  if (asChild) {\n    if (!isValidElement(children)) {\n      return null;\n    }\n\n    const childProps = (children.props ?? {}) as JSX.HTMLAttributes<HTMLElement> & {\n      class?: string;\n      className?: string;\n    };\n\n    return cloneElement(children, {\n      ...childProps,\n      ...(rest as JSX.HTMLAttributes<HTMLElement>),\n      class: cn(childProps.class, childProps.className, resolvedClassName),\n      \"data-slot\": \"item\",\n      \"data-variant\": resolvedVariant,\n      \"data-size\": resolvedSize,\n    });\n  }\n\n  return (\n    <div\n      data-slot=\"item\"\n      data-variant={resolvedVariant}\n      data-size={resolvedSize}\n      class={resolvedClassName}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemActionsProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemActions = ({ class: className, children, ...rest }: ItemActionsProps) => (\n  <div data-slot=\"item-actions\" class={cn(\"flex items-center gap-2\", className)} {...rest}>\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemContentProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemContent = ({ class: className, children, ...rest }: ItemContentProps) => (\n  <div\n    data-slot=\"item-content\"\n    class={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemDescriptionProps = JSX.HTMLAttributes<HTMLParagraphElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemDescription = ({ class: className, children, ...rest }: ItemDescriptionProps) => (\n  <p\n    data-slot=\"item-description\"\n    class={cn(\n      \"text-muted-foreground line-clamp-2 text-balance text-sm font-normal leading-normal\",\n      \"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n      className,\n    )}\n    {...rest}\n  >\n    {children}\n  </p>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemFooterProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemFooter = ({ class: className, children, ...rest }: ItemFooterProps) => (\n  <div\n    data-slot=\"item-footer\"\n    class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemGroupProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemGroup = ({ class: className, children, ...rest }: ItemGroupProps) => (\n  <div\n    role=\"list\"\n    data-slot=\"item-group\"\n    class={cn(\"group/item-group flex flex-col\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemHeaderProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemHeader = ({ class: className, children, ...rest }: ItemHeaderProps) => (\n  <div\n    data-slot=\"item-header\"\n    class={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { tv, type VariantProps } from \"tailwind-variants\";\nimport { cn } from \"../../lib/utils\";\n\nexport const itemMedia = tv({\n  base: [\n    \"flex shrink-0 items-center justify-center gap-2\",\n    \"group-has-[[data-slot=item-description]]/item:translate-y-0.5 group-has-[[data-slot=item-description]]/item:self-start\",\n    \"[&_svg]:pointer-events-none\",\n  ],\n  variants: {\n    variant: {\n      default: \"bg-transparent\",\n      icon: \"bg-muted size-8 rounded-sm border [&_svg:not([class*='size-'])]:size-4\",\n      image: \"size-10 overflow-hidden rounded-sm [&_img]:size-full [&_img]:object-cover\",\n    },\n  },\n  defaultVariants: {\n    variant: \"default\",\n  },\n});\n\nexport type ItemMediaProps = JSX.HTMLAttributes<HTMLDivElement> &\n  VariantProps<typeof itemMedia> & {\n    children?: ComponentChildren;\n  };\n\nexport const ItemMedia = ({ variant, class: className, children, ...rest }: ItemMediaProps) => {\n  const resolvedVariant = variant ?? \"default\";\n  return (\n    <div\n      data-slot=\"item-media\"\n      data-variant={resolvedVariant}\n      class={cn(itemMedia({ variant: resolvedVariant, class: className as string | undefined }))}\n      {...rest}\n    >\n      {children}\n    </div>\n  );\n};\n","import { cn } from \"../../lib/utils\";\nimport { Separator, type SeparatorProps } from \"../separator/Separator\";\n\nexport const ItemSeparator = ({ class: className, ...rest }: SeparatorProps) => (\n  <Separator\n    orientation=\"horizontal\"\n    class={cn(\"my-0\", className)}\n    data-slot=\"item-separator\"\n    {...rest}\n  />\n);\n","import type { ComponentChildren, JSX } from \"preact\";\nimport { cn } from \"../../lib/utils\";\n\nexport type ItemTitleProps = JSX.HTMLAttributes<HTMLDivElement> & {\n  children?: ComponentChildren;\n};\n\nexport const ItemTitle = ({ class: className, children, ...rest }: ItemTitleProps) => (\n  <div\n    data-slot=\"item-title\"\n    class={cn(\"flex w-fit items-center gap-2 text-sm font-medium leading-snug\", className)}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"]}

package/dist/chunk-HAAXVB3R.js

@@ -0,0 +1,34 @@
+import { signal } from '@preact/signals';
+import { jsx, jsxs } from 'preact/jsx-runtime';
+
+// src/components/sonner/sonner-store.ts
+var sonnerToasts = signal([]);
+var nextId = () => `sonner-${Math.random().toString(36).slice(2, 10)}`;
+var sonner = (args) => {
+  const toast = { id: nextId(), title: args.title, description: args.description };
+  sonnerToasts.value = [...sonnerToasts.value, toast];
+  return toast.id;
+};
+var dismissSonner = (id) => {
+  sonnerToasts.value = sonnerToasts.value.filter((toast) => toast.id !== id);
+};
+var Sonner = () => /* @__PURE__ */ jsx("div", { "data-slot": "sonner", class: "fixed right-4 bottom-4 z-[100] grid gap-2", children: sonnerToasts.value.map((toast) => /* @__PURE__ */ jsxs("div", { class: "min-w-64 rounded-md border bg-popover p-3 shadow-md", children: [
+  /* @__PURE__ */ jsx("div", { class: "text-sm font-medium", children: toast.title }),
+  toast.description ? /* @__PURE__ */ jsx("div", { class: "mt-1 text-xs text-muted-foreground", children: toast.description }) : null,
+  /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      class: "mt-2 text-xs underline",
+      onClick: () => dismissSonner(toast.id),
+      children: "Dismiss"
+    }
+  )
+] }, toast.id)) });
+
+// src/components/sonner/index.ts
+var sonner_default = Sonner;
+
+export { Sonner, dismissSonner, sonner, sonner_default };
+//# sourceMappingURL=chunk-HAAXVB3R.js.map
+//# sourceMappingURL=chunk-HAAXVB3R.js.map

package/dist/chunk-HAAXVB3R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/sonner/sonner-store.ts","../src/components/sonner/Sonner.tsx","../src/components/sonner/index.ts"],"names":[],"mappings":";;;;AAQO,IAAM,YAAA,GAAe,MAAA,CAAsB,EAAE,CAAA;AAEpD,IAAM,MAAA,GAAS,MAAM,CAAA,OAAA,EAAU,IAAA,CAAK,MAAA,EAAO,CAAE,QAAA,CAAS,EAAE,CAAA,CAAE,KAAA,CAAM,CAAA,EAAG,EAAE,CAAC,CAAA,CAAA;AAE/D,IAAM,MAAA,GAAS,CAAC,IAAA,KAAkD;AACvE,EAAA,MAAM,KAAA,GAAQ,EAAE,EAAA,EAAI,MAAA,EAAO,EAAG,OAAO,IAAA,CAAK,KAAA,EAAO,WAAA,EAAa,IAAA,CAAK,WAAA,EAAY;AAC/E,EAAA,YAAA,CAAa,KAAA,GAAQ,CAAC,GAAG,YAAA,CAAa,OAAO,KAAK,CAAA;AAClD,EAAA,OAAO,KAAA,CAAM,EAAA;AACf;AAEO,IAAM,aAAA,GAAgB,CAAC,EAAA,KAAe;AAC3C,EAAA,YAAA,CAAa,KAAA,GAAQ,aAAa,KAAA,CAAM,MAAA,CAAO,CAAC,KAAA,KAAU,KAAA,CAAM,OAAO,EAAE,CAAA;AAC3E;AClBO,IAAM,SAAS,sBACpB,GAAA,CAAC,KAAA,EAAA,EAAI,WAAA,EAAU,UAAS,KAAA,EAAM,2CAAA,EAC3B,QAAA,EAAA,YAAA,CAAa,KAAA,CAAM,IAAI,CAAC,KAAA,qBACvB,IAAA,CAAC,KAAA,EAAA,EAAmB,OAAM,qDAAA,EACxB,QAAA,EAAA;AAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,KAAA,EAAM,qBAAA,EAAuB,QAAA,EAAA,KAAA,CAAM,KAAA,EAAM,CAAA;AAAA,EAC7C,KAAA,CAAM,8BACL,GAAA,CAAC,KAAA,EAAA,EAAI,OAAM,oCAAA,EAAsC,QAAA,EAAA,KAAA,CAAM,aAAY,CAAA,GACjE,IAAA;AAAA,kBACJ,GAAA;AAAA,IAAC,QAAA;AAAA,IAAA;AAAA,MACC,IAAA,EAAK,QAAA;AAAA,MACL,KAAA,EAAM,wBAAA;AAAA,MACN,OAAA,EAAS,MAAM,aAAA,CAAc,KAAA,CAAM,EAAE,CAAA;AAAA,MACtC,QAAA,EAAA;AAAA;AAAA;AAED,CAAA,EAAA,EAXQ,KAAA,CAAM,EAYhB,CACD,CAAA,EACH;;;ACdF,IAAO,cAAA,GAAQ","file":"chunk-HAAXVB3R.js","sourcesContent":["import { signal } from \"@preact/signals\";\n\nexport type SonnerToast = {\n  id: string;\n  title: string;\n  description?: string;\n};\n\nexport const sonnerToasts = signal<SonnerToast[]>([]);\n\nconst nextId = () => `sonner-${Math.random().toString(36).slice(2, 10)}`;\n\nexport const sonner = (args: { title: string; description?: string }) => {\n  const toast = { id: nextId(), title: args.title, description: args.description };\n  sonnerToasts.value = [...sonnerToasts.value, toast];\n  return toast.id;\n};\n\nexport const dismissSonner = (id: string) => {\n  sonnerToasts.value = sonnerToasts.value.filter((toast) => toast.id !== id);\n};\n","import { dismissSonner, sonnerToasts } from \"./sonner-store\";\n\nexport const Sonner = () => (\n  <div data-slot=\"sonner\" class=\"fixed right-4 bottom-4 z-[100] grid gap-2\">\n    {sonnerToasts.value.map((toast) => (\n      <div key={toast.id} class=\"min-w-64 rounded-md border bg-popover p-3 shadow-md\">\n        <div class=\"text-sm font-medium\">{toast.title}</div>\n        {toast.description ? (\n          <div class=\"mt-1 text-xs text-muted-foreground\">{toast.description}</div>\n        ) : null}\n        <button\n          type=\"button\"\n          class=\"mt-2 text-xs underline\"\n          onClick={() => dismissSonner(toast.id)}\n        >\n          Dismiss\n        </button>\n      </div>\n    ))}\n  </div>\n);\n","import { Sonner } from \"./Sonner\";\nimport { dismissSonner, sonner } from \"./sonner-store\";\n\nexport { dismissSonner, Sonner, sonner };\n\nexport default Sonner;\n"]}

package/dist/chunk-HTSAUMF5.js

@@ -0,0 +1,398 @@
+import { signal } from '@preact/signals';
+import { createContext, isValidElement, cloneElement } from 'preact';
+import { useContext, useMemo, useRef, useEffect, useId, useState, useLayoutEffect } from 'preact/hooks';
+import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
+
+// src/components/tooltip/Tooltip.tsx
+var TooltipProviderContext = createContext(null);
+var TooltipContext = createContext(null);
+var useTooltip = () => {
+  const context = useContext(TooltipContext);
+  if (!context) throw new Error("Tooltip subcomponents must be used within Tooltip");
+  return context;
+};
+var TooltipProvider = ({
+  delayDuration = 250,
+  closeDelayDuration = 120,
+  disableHoverableContent = false,
+  children
+}) => /* @__PURE__ */ jsx(
+  TooltipProviderContext.Provider,
+  {
+    value: { delayDuration, closeDelayDuration, disableHoverableContent },
+    children
+  }
+);
+var Tooltip = ({
+  defaultOpen = false,
+  open: controlledOpen,
+  onOpenChange,
+  delayDuration,
+  closeDelayDuration,
+  disableHoverableContent,
+  children,
+  ...rest
+}) => {
+  const provider = useContext(TooltipProviderContext);
+  const resolvedDelayDuration = delayDuration ?? provider?.delayDuration ?? 250;
+  const resolvedCloseDelayDuration = closeDelayDuration ?? provider?.closeDelayDuration ?? 120;
+  const resolvedDisableHoverableContent = disableHoverableContent ?? provider?.disableHoverableContent ?? false;
+  const open = useMemo(() => signal(defaultOpen), []);
+  const contentId = useMemo(() => signal(void 0), []);
+  const openTimerRef = useRef(null);
+  const closeTimerRef = useRef(null);
+  const { style, ...remainingProps } = rest;
+  const isControlled = typeof controlledOpen === "boolean";
+  useEffect(() => {
+    if (isControlled) {
+      open.value = controlledOpen;
+    }
+  }, [controlledOpen, isControlled, open]);
+  const cancelTimers = () => {
+    if (openTimerRef.current !== null) {
+      window.clearTimeout(openTimerRef.current);
+      openTimerRef.current = null;
+    }
+    if (closeTimerRef.current !== null) {
+      window.clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+  };
+  const setOpen = (next) => {
+    cancelTimers();
+    if (isControlled) {
+      onOpenChange?.(next);
+      return;
+    }
+    open.value = next;
+    onOpenChange?.(next);
+  };
+  const setContentId = (id) => {
+    contentId.value = id;
+  };
+  const openWithDelay = () => {
+    if (open.value) return;
+    if (closeTimerRef.current !== null) {
+      window.clearTimeout(closeTimerRef.current);
+      closeTimerRef.current = null;
+    }
+    if (openTimerRef.current !== null) return;
+    openTimerRef.current = window.setTimeout(() => {
+      setOpen(true);
+      openTimerRef.current = null;
+    }, resolvedDelayDuration);
+  };
+  const closeWithDelay = () => {
+    if (!open.value) return;
+    if (openTimerRef.current !== null) {
+      window.clearTimeout(openTimerRef.current);
+      openTimerRef.current = null;
+    }
+    if (closeTimerRef.current !== null) return;
+    closeTimerRef.current = window.setTimeout(() => {
+      setOpen(false);
+      closeTimerRef.current = null;
+    }, resolvedCloseDelayDuration);
+  };
+  useEffect(() => cancelTimers, []);
+  const resolvedStyle = typeof style === "object" && style && !("value" in style) ? style : {};
+  const mergedStyle = {
+    position: "relative",
+    display: "inline-flex",
+    ...resolvedStyle
+  };
+  return /* @__PURE__ */ jsx(
+    TooltipContext.Provider,
+    {
+      value: {
+        open,
+        contentId,
+        disableHoverableContent: resolvedDisableHoverableContent,
+        setOpen,
+        openWithDelay,
+        closeWithDelay,
+        setContentId,
+        cancelTimers
+      },
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          "data-slot": "tooltip",
+          "data-state": open.value ? "open" : "closed",
+          "data-delay-duration": resolvedDelayDuration,
+          style: mergedStyle,
+          onKeyDown: (event) => {
+            if (event.key === "Escape") {
+              setOpen(false);
+              event.stopPropagation();
+            }
+          },
+          ...remainingProps,
+          children
+        }
+      )
+    }
+  );
+};
+var TooltipContent = ({
+  asChild = false,
+  side = "top",
+  align = "center",
+  sideOffset = 8,
+  alignOffset = 0,
+  collisionPadding = 8,
+  forceMount = false,
+  children,
+  ...rest
+}) => {
+  const tooltip = useTooltip();
+  const contentId = useId();
+  const contentRef = useRef(null);
+  const [resolvedSide, setResolvedSide] = useState(side);
+  const prevSideRef = useRef(side);
+  const flipTimerRef = useRef(null);
+  const [isFlipAnimating, setIsFlipAnimating] = useState(false);
+  const [dynamicClamp, setDynamicClamp] = useState({});
+  const [arrowStyle, setArrowStyle] = useState({});
+  const { onMouseEnter, onMouseLeave, style, ...remainingProps } = rest;
+  useEffect(() => {
+    tooltip.setContentId(contentId);
+    return () => {
+      tooltip.setContentId(void 0);
+    };
+  }, [contentId, tooltip]);
+  useEffect(() => {
+    setResolvedSide(side);
+  }, [side, tooltip.open.value]);
+  useEffect(
+    () => () => {
+      if (flipTimerRef.current !== null) {
+        window.clearTimeout(flipTimerRef.current);
+        flipTimerRef.current = null;
+      }
+    },
+    []
+  );
+  useLayoutEffect(() => {
+    if (!tooltip.open.value || !contentRef.current) return;
+    const contentEl = contentRef.current;
+    const triggerRect = contentEl.parentElement?.getBoundingClientRect();
+    const contentRect = contentEl.getBoundingClientRect();
+    if (!triggerRect) return;
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const fitsTop = triggerRect.top >= contentRect.height + sideOffset + collisionPadding;
+    const fitsBottom = viewportHeight - triggerRect.bottom >= contentRect.height + sideOffset + collisionPadding;
+    const fitsLeft = triggerRect.left >= contentRect.width + sideOffset + collisionPadding;
+    const fitsRight = viewportWidth - triggerRect.right >= contentRect.width + sideOffset + collisionPadding;
+    let nextSide = side;
+    if (side === "top" && !fitsTop && fitsBottom) nextSide = "bottom";
+    if (side === "bottom" && !fitsBottom && fitsTop) nextSide = "top";
+    if (side === "left" && !fitsLeft && fitsRight) nextSide = "right";
+    if (side === "right" && !fitsRight && fitsLeft) nextSide = "left";
+    if (nextSide !== resolvedSide) {
+      setResolvedSide(nextSide);
+    }
+    if (tooltip.open.value && nextSide !== prevSideRef.current) {
+      setIsFlipAnimating(true);
+      if (flipTimerRef.current !== null) {
+        window.clearTimeout(flipTimerRef.current);
+      }
+      flipTimerRef.current = window.setTimeout(() => {
+        setIsFlipAnimating(false);
+        flipTimerRef.current = null;
+      }, 140);
+      prevSideRef.current = nextSide;
+    }
+    const nextClamp = {};
+    if (nextSide === "top" || nextSide === "bottom") {
+      const left = contentRect.left;
+      const right = contentRect.right;
+      if (left < collisionPadding) {
+        nextClamp.left = `${collisionPadding}px`;
+        nextClamp.transform = "none";
+      } else if (right > viewportWidth - collisionPadding) {
+        nextClamp.right = `${collisionPadding}px`;
+        nextClamp.left = "auto";
+        nextClamp.transform = "none";
+      }
+    } else {
+      const top = contentRect.top;
+      const bottom = contentRect.bottom;
+      if (top < collisionPadding) {
+        nextClamp.top = `${collisionPadding}px`;
+        nextClamp.transform = "none";
+      } else if (bottom > viewportHeight - collisionPadding) {
+        nextClamp.bottom = `${collisionPadding}px`;
+        nextClamp.top = "auto";
+        nextClamp.transform = "none";
+      }
+    }
+    setDynamicClamp(nextClamp);
+    const arrowInset = 12;
+    const nextArrowStyle = {};
+    if (nextSide === "top" || nextSide === "bottom") {
+      const triggerCenterX = triggerRect.left + triggerRect.width / 2;
+      const desired = triggerCenterX - contentRect.left;
+      const clamped = Math.max(arrowInset, Math.min(contentRect.width - arrowInset, desired));
+      nextArrowStyle["--tooltip-arrow-x"] = `${clamped}px`;
+      nextArrowStyle["--tooltip-arrow-y"] = void 0;
+    } else {
+      const triggerCenterY = triggerRect.top + triggerRect.height / 2;
+      const desired = triggerCenterY - contentRect.top;
+      const clamped = Math.max(arrowInset, Math.min(contentRect.height - arrowInset, desired));
+      nextArrowStyle["--tooltip-arrow-y"] = `${clamped}px`;
+      nextArrowStyle["--tooltip-arrow-x"] = void 0;
+    }
+    setArrowStyle(nextArrowStyle);
+  }, [align, collisionPadding, resolvedSide, side, sideOffset, tooltip.open.value]);
+  if (!tooltip.open.value && !forceMount) return null;
+  const baseSideStyles = {
+    top: { bottom: `calc(100% + ${sideOffset}px)` },
+    right: { left: `calc(100% + ${sideOffset}px)` },
+    bottom: { top: `calc(100% + ${sideOffset}px)` },
+    left: { right: `calc(100% + ${sideOffset}px)` }
+  };
+  const alignStyles = {
+    start: resolvedSide === "top" || resolvedSide === "bottom" ? { left: `${alignOffset}px` } : { top: `${alignOffset}px` },
+    center: resolvedSide === "top" || resolvedSide === "bottom" ? { left: `calc(50% + ${alignOffset}px)`, transform: "translateX(-50%)" } : { top: `calc(50% + ${alignOffset}px)`, transform: "translateY(-50%)" },
+    end: resolvedSide === "top" || resolvedSide === "bottom" ? { right: `${alignOffset}px` } : { bottom: `${alignOffset}px` }
+  };
+  const resolvedStyle = typeof style === "object" && style && !("value" in style) ? style : {};
+  const mergedStyle = {
+    position: "absolute",
+    zIndex: 50,
+    maxWidth: "min(22rem, 92vw)",
+    ...baseSideStyles[resolvedSide],
+    ...alignStyles[align],
+    ...dynamicClamp,
+    ...arrowStyle,
+    ...resolvedStyle
+  };
+  const commonProps = {
+    id: contentId,
+    role: "tooltip",
+    "data-slot": "tooltip-content",
+    "data-state": tooltip.open.value ? "open" : "closed",
+    "data-side": resolvedSide,
+    "data-align": align,
+    "data-flip-animating": isFlipAnimating ? "true" : "false",
+    onMouseEnter: (event) => {
+      if (!tooltip.disableHoverableContent) {
+        tooltip.cancelTimers();
+        tooltip.setOpen(true);
+      }
+      onMouseEnter?.(event);
+    },
+    onMouseLeave: (event) => {
+      tooltip.closeWithDelay();
+      onMouseLeave?.(event);
+    },
+    style: mergedStyle
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    const nextChildren = /* @__PURE__ */ jsxs(Fragment, { children: [
+      childProps.children,
+      /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tooltip-arrow" })
+    ] });
+    return cloneElement(children, {
+      ...childProps,
+      ...commonProps,
+      ...remainingProps,
+      children: nextChildren
+    });
+  }
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...commonProps,
+      ...remainingProps,
+      ref: (element) => {
+        contentRef.current = element;
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", { "aria-hidden": "true", "data-slot": "tooltip-arrow" })
+      ]
+    }
+  );
+};
+var TooltipTrigger = ({ asChild = false, children, ...rest }) => {
+  const tooltip = useTooltip();
+  const {
+    onMouseEnter,
+    onMouseLeave,
+    onPointerEnter,
+    onPointerLeave,
+    onFocus,
+    onBlur,
+    "aria-describedby": ariaDescribedBy,
+    ...remainingProps
+  } = rest;
+  const describedBy = tooltip.open.value ? tooltip.contentId.value : void 0;
+  const commonProps = {
+    "data-slot": "tooltip-trigger",
+    "aria-describedby": describedBy ?? ariaDescribedBy,
+    "data-state": tooltip.open.value ? "open" : "closed",
+    onPointerEnter: (event) => {
+      tooltip.openWithDelay();
+      onPointerEnter?.(event);
+    },
+    onPointerLeave: (event) => {
+      tooltip.closeWithDelay();
+      onPointerLeave?.(event);
+    },
+    onMouseEnter: (event) => {
+      tooltip.openWithDelay();
+      onMouseEnter?.(event);
+    },
+    onMouseLeave: (event) => {
+      tooltip.closeWithDelay();
+      onMouseLeave?.(event);
+    },
+    onFocus: (event) => {
+      tooltip.setOpen(true);
+      onFocus?.(event);
+    },
+    onBlur: (event) => {
+      tooltip.setOpen(false);
+      onBlur?.(event);
+    }
+  };
+  if (asChild) {
+    if (!isValidElement(children)) {
+      return null;
+    }
+    const childProps = children.props ?? {};
+    return cloneElement(children, {
+      ...childProps,
+      ...commonProps,
+      ...remainingProps
+    });
+  }
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      tabIndex: 0,
+      ...commonProps,
+      ...remainingProps,
+      children
+    }
+  );
+};
+
+// src/components/tooltip/index.ts
+var tooltip_default = {
+  Provider: TooltipProvider,
+  Root: Tooltip,
+  Trigger: TooltipTrigger,
+  Content: TooltipContent
+};
+
+export { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, tooltip_default };
+//# sourceMappingURL=chunk-HTSAUMF5.js.map
+//# sourceMappingURL=chunk-HTSAUMF5.js.map