@sikka/hawa 0.21.11-next → 0.21.13-next

package/dist/accordion/index.mjs

@@ -1,8 +1,11 @@
-export { Accordion, AccordionContent, AccordionTrigger } from '../chunk-TIP3WZV6.mjs';
+export { Accordion, AccordionContent, AccordionTrigger } from '../chunk-SMZ7Z4DO.mjs';
+import '../chunk-NFLMC26M.mjs';
+import '../chunk-L55L4HKN.mjs';
+import '../chunk-LZAC5DLW.mjs';
 import '../chunk-J5NJEHQU.mjs';
+import '../chunk-C4CBXIG5.mjs';
 import '../chunk-PUQV6URH.mjs';
 import '../chunk-ENZDFGFY.mjs';
-import '../chunk-C4CBXIG5.mjs';
 import { cn } from '../chunk-TE3BKEXL.mjs';
 import * as React from 'react';
 import * as AccordionPrimitive from '@radix-ui/react-accordion';

package/dist/chunk-L55L4HKN.mjs

@@ -0,0 +1,53 @@
+import { cn } from './chunk-TE3BKEXL.mjs';
+import React from 'react';
+import * as TooltipPrimitive from '@radix-ui/react-tooltip';
+
+var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  TooltipPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "hawa-z-50 hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-px-3 hawa-py-1.5 hawa-text-sm hawa-text-popover-foreground hawa-shadow-md hawa-animate-in hawa-fade-in-0 hawa-zoom-in-95 data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=closed]:hawa-zoom-out-95 data-[side=bottom]:hawa-slide-in-from-top-2 data-[side=left]:hawa-slide-in-from-right-2 data-[side=right]:hawa-slide-in-from-left-2 data-[side=top]:hawa-slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+));
+TooltipContent.displayName = TooltipPrimitive.Content.displayName;
+var TooltipArrow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(TooltipPrimitive.Arrow, { ref, className: cn(className), ...props }));
+TooltipArrow.displayName = TooltipPrimitive.Arrow.displayName;
+var Tooltip = ({
+  side,
+  open,
+  content,
+  children,
+  defaultOpen,
+  onOpenChange,
+  triggerProps,
+  contentProps,
+  providerProps,
+  delayDuration = 300,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    TooltipPrimitive.TooltipProvider,
+    {
+      delayDuration,
+      ...providerProps
+    },
+    /* @__PURE__ */ React.createElement(
+      TooltipPrimitive.Root,
+      {
+        open,
+        defaultOpen,
+        onOpenChange,
+        ...props
+      },
+      /* @__PURE__ */ React.createElement(TooltipPrimitive.Trigger, { ...triggerProps }, children),
+      /* @__PURE__ */ React.createElement(TooltipContent, { side, align: "center", ...contentProps }, content)
+    )
+  );
+};
+
+export { Tooltip };

package/dist/chunk-LZAC5DLW.mjs

@@ -0,0 +1,140 @@
+import * as React from 'react';
+import { useState } from 'react';
+
+// components/hooks/useClipboard.ts
+function useClipboard({ timeout = 2e3 } = {}) {
+  const [error, setError] = useState(null);
+  const [copied, setCopied] = useState(false);
+  const [copyTimeout, setCopyTimeout] = useState(null);
+  const handleCopyResult = (value) => {
+    clearTimeout(copyTimeout);
+    setCopyTimeout(setTimeout(() => setCopied(false), timeout));
+    setCopied(value);
+  };
+  const copy = (valueToCopy) => {
+    if ("clipboard" in navigator) {
+      navigator.clipboard.writeText(valueToCopy).then(() => handleCopyResult(true)).catch((err) => setError(err));
+    } else {
+      setError(new Error("useClipboard: navigator.clipboard is not supported"));
+    }
+  };
+  const reset = () => {
+    setCopied(false);
+    setError(null);
+    clearTimeout(copyTimeout);
+  };
+  return { copy, reset, error, copied };
+}
+var TOAST_LIMIT = 5;
+var TOAST_REMOVE_DELAY = 1e5;
+var count = 0;
+function genId() {
+  count = (count + 1) % Number.MAX_VALUE;
+  return count.toString();
+}
+var toastTimeouts = /* @__PURE__ */ new Map();
+var addToRemoveQueue = (toastId) => {
+  if (toastTimeouts.has(toastId)) {
+    return;
+  }
+  const timeout = setTimeout(() => {
+    toastTimeouts.delete(toastId);
+    dispatch({
+      type: "REMOVE_TOAST",
+      toastId
+    });
+  }, TOAST_REMOVE_DELAY);
+  toastTimeouts.set(toastId, timeout);
+};
+var reducer = (state, action) => {
+  switch (action.type) {
+    case "ADD_TOAST":
+      return {
+        ...state,
+        toasts: [action.toast, ...state.toasts].slice(0, TOAST_LIMIT)
+      };
+    case "UPDATE_TOAST":
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === action.toast.id ? { ...t, ...action.toast } : t
+        )
+      };
+    case "DISMISS_TOAST": {
+      const { toastId } = action;
+      if (toastId) {
+        addToRemoveQueue(toastId);
+      } else {
+        state.toasts.forEach((toast2) => {
+          addToRemoveQueue(toast2.id);
+        });
+      }
+      return {
+        ...state,
+        toasts: state.toasts.map(
+          (t) => t.id === toastId || toastId === void 0 ? { ...t, open: false } : t
+        )
+      };
+    }
+    case "REMOVE_TOAST":
+      if (action.toastId === void 0) {
+        return { ...state, toasts: [] };
+      }
+      return {
+        ...state,
+        toasts: state.toasts.filter((t) => t.id !== action.toastId)
+      };
+  }
+};
+var listeners = [];
+var memoryState = { toasts: [] };
+function dispatch(action) {
+  memoryState = reducer(memoryState, action);
+  listeners.forEach((listener) => {
+    listener(memoryState);
+  });
+}
+function toast({ ...props }) {
+  const id = genId();
+  const update = (props2) => dispatch({
+    type: "UPDATE_TOAST",
+    toast: { ...props2, id }
+  });
+  const dismiss = () => dispatch({ type: "DISMISS_TOAST", toastId: id });
+  dispatch({
+    type: "ADD_TOAST",
+    toast: {
+      ...props,
+      id,
+      open: true,
+      onOpenChange: (open) => {
+        if (!open)
+          dismiss();
+      }
+    }
+  });
+  return {
+    id,
+    dismiss,
+    update
+  };
+}
+function useToast() {
+  const [state, setState] = React.useState(memoryState);
+  React.useEffect(() => {
+    listeners.push(setState);
+    return () => {
+      const index = listeners.indexOf(setState);
+      if (index > -1) {
+        listeners.splice(index, 1);
+      }
+    };
+  }, [state]);
+  return {
+    ...state,
+    toast,
+    dismiss: (toastId) => dispatch({ type: "DISMISS_TOAST", toastId })
+  };
+}
+
+export { reducer, toast, useClipboard, useToast };

package/dist/chunk-NFLMC26M.mjs

@@ -0,0 +1,155 @@
+import { cn } from './chunk-TE3BKEXL.mjs';
+import * as React from 'react';
+import * as NavigationMenuPrimitive from '@radix-ui/react-navigation-menu';
+import { cva } from 'class-variance-authority';
+
+var navigationMenuTriggerStyle = cva(
+  "hawa-group hawa-inline-flex hawa-h-10 hawa-w-max hawa-items-center hawa-gap-1 hawa-justify-center hawa-rounded-md hawa-bg-background hawa-px-4 hawa-py-2 hawa-text-sm hawa-font-medium hawa-transition-colors hover:hawa-bg-accent hover:hawa-text-accent-foreground focus:hawa-bg-accent focus:hawa-text-accent-foreground focus:hawa-outline-none disabled:hawa-pointer-events-none disabled:hawa-opacity-50 data-[active]:hawa-bg-accent/50 "
+);
+var NavigationMenuRoot = React.forwardRef(({ className, children, viewportClassNames, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  NavigationMenuPrimitive.Root,
+  {
+    ref,
+    className: cn(
+      "hawa-relative hawa-z-10 hawa-flex  hawa-flex-1 hawa-items-center hawa-justify-center",
+      // "hawa-max-w-max",
+      className
+    ),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React.createElement(NavigationMenuViewport, { className: viewportClassNames })
+));
+var NavigationMenuList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  NavigationMenuPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "hawa-group hawa-flex hawa-flex-1 hawa-list-none hawa-items-center hawa-justify-center hawa-gap-1",
+      className
+    ),
+    ...props
+  }
+));
+var NavigationMenuTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  NavigationMenuPrimitive.Trigger,
+  {
+    ref,
+    className: cn(navigationMenuTriggerStyle(), "hawa-group", className),
+    ...props
+  },
+  children,
+  /* @__PURE__ */ React.createElement(
+    "svg",
+    {
+      "aria-label": "Chevron Icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "24",
+      height: "24",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      "aria-hidden": "true",
+      className: "hawa-icon hawa-relative hawa-top-[1px] hawa-transition hawa-duration-200 group-data-[state=open]:hawa-rotate-180"
+    },
+    /* @__PURE__ */ React.createElement("path", { d: "m6 9 6 6 6-6" })
+  )
+));
+var NavigationMenuContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  NavigationMenuPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "hawa-absolute  hawa-left-0 hawa-top-0 hawa-w-full hawa-rounded ",
+      // "md:hawa-absolute md:hawa-w-auto  hawa-left-0 hawa-top-0 ",
+      //   animation
+      "data-[motion^=from-]:hawa-animate-in data-[motion^=to-]:hawa-animate-out data-[motion^=from-]:hawa-fade-in data-[motion^=to-]:hawa-fade-out data-[motion=from-end]:hawa-slide-in-from-right-52 data-[motion=from-start]:hawa-slide-in-from-left-52 data-[motion=to-end]:hawa-slide-out-to-right-52 data-[motion=to-start]:hawa-slide-out-to-left-52",
+      className
+    ),
+    ...props
+  }
+));
+var StandardNavigationMenuItem = ({ icon, title, subtitle, ...linkProps }) => /* @__PURE__ */ React.createElement(NavigationMenuLink, { ...linkProps }, /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-max-w-md hawa-cursor-pointer hawa-flex-row hawa-items-center hawa-gap-4 hawa-rounded-inner hawa-p-4 hawa-py-2 hawa-transition-all  hover:hawa-bg-muted" }, icon && icon, /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col" }, /* @__PURE__ */ React.createElement("h1", { className: "hawa-text-xl hawa-font-bold" }, title), /* @__PURE__ */ React.createElement("p", { className: "hawa-text-sm" }, subtitle))));
+var NavigationMenuViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: cn(
+      "hawa-absolute hawa-top-full hawa-flex hawa-w-full hawa-justify-center"
+    )
+  },
+  /* @__PURE__ */ React.createElement(
+    NavigationMenuPrimitive.Viewport,
+    {
+      className: cn(
+        "hawa-origin-top-center hawa-relative hawa-mt-1.5  hawa-w-full hawa-overflow-hidden hawa-rounded-md hawa-border hawa-bg-popover hawa-text-popover-foreground hawa-shadow-lg data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-zoom-out-95 data-[state=open]:hawa-zoom-in-90 ",
+        // hawa-h-[var(--radix-navigation-menu-viewport-height)]
+        // "md:hawa-w-[var(--radix-navigation-menu-viewport-width)]",
+        className
+      ),
+      style: {
+        height: "calc(var(--radix-navigation-menu-viewport-height) + 1px)"
+      },
+      ref,
+      ...props
+    }
+  )
+));
+var NavigationMenuIndicator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
+  NavigationMenuPrimitive.Indicator,
+  {
+    ref,
+    className: cn(
+      "hawa-top-full hawa-z-[1] hawa-flex hawa-h-1.5 hawa-items-end hawa-justify-center hawa-overflow-hidden data-[state=visible]:hawa-animate-in data-[state=hidden]:hawa-animate-out data-[state=hidden]:hawa-fade-out data-[state=visible]:hawa-fade-in",
+      className
+    ),
+    ...props
+  },
+  /* @__PURE__ */ React.createElement("div", { className: "hawa-relative hawa-top-[60%] hawa-h-2 hawa-w-2 hawa-rotate-45 hawa-rounded-tl-sm hawa-bg-border hawa-shadow-md" })
+));
+var NavigationMenu = ({
+  viewportClassNames,
+  rootClassNames,
+  triggerClassNames,
+  actionFirst,
+  ...props
+}) => {
+  return /* @__PURE__ */ React.createElement(
+    NavigationMenuRoot,
+    {
+      dir: props.direction,
+      delayDuration: 0,
+      className: rootClassNames,
+      viewportClassNames
+    },
+    /* @__PURE__ */ React.createElement(NavigationMenuList, null, props.items.map((item, i) => /* @__PURE__ */ React.createElement(NavigationMenuItem, { key: i }, item.content ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NavigationMenuTrigger, { className: cn(triggerClassNames) }, item.trigger), /* @__PURE__ */ React.createElement(NavigationMenuContent, null, item.content)) : /* @__PURE__ */ React.createElement(
+      NavigationMenuLink,
+      {
+        href: actionFirst ? void 0 : item.path,
+        onClick: () => {
+          if (item.action) {
+            item.action();
+          }
+        },
+        className: cn(
+          navigationMenuTriggerStyle(),
+          "hawa-cursor-pointer hawa-select-none",
+          triggerClassNames
+        )
+      },
+      item.trigger
+    ))))
+  );
+};
+var NavigationMenuItem = NavigationMenuPrimitive.Item;
+var NavigationMenuLink = NavigationMenuPrimitive.Link;
+NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
+NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
+NavigationMenuList.displayName = NavigationMenuPrimitive.List.displayName;
+NavigationMenuRoot.displayName = NavigationMenuPrimitive.Root.displayName;
+NavigationMenuIndicator.displayName = NavigationMenuPrimitive.Indicator.displayName;
+NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
+
+export { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuRoot, NavigationMenuTrigger, NavigationMenuViewport, StandardNavigationMenuItem, navigationMenuTriggerStyle };

package/dist/chunk-OLJSILJM.mjs

@@ -0,0 +1,216 @@
+import { useLayoutEffect, useEffect, useState, useRef } from 'react';
+import AutoHeight from 'embla-carousel-auto-height';
+import useEmblaCarousel from 'embla-carousel-react';
+
+// components/hooks/useIsomorphicEffect.ts
+var useIsomorphicEffect = typeof document !== "undefined" ? useLayoutEffect : useEffect;
+var useDialogCarousel = (options) => {
+  const [emblaRef, emblaApi] = useEmblaCarousel(
+    { loop: false, watchDrag: false, startIndex: 0, ...options },
+    [AutoHeight({ destroyHeight: "fit", active: true })]
+  );
+  const [canScrollPrev, setCanScrollPrev] = useState(false);
+  const checkCanScrollPrev = () => {
+    if (emblaApi) {
+      setCanScrollPrev(emblaApi.canScrollPrev());
+    }
+  };
+  const nextStep = () => {
+    if (emblaApi) {
+      console.log("going to NEXT \u{1F449}");
+      emblaApi.scrollNext();
+    }
+  };
+  const prevStep = () => {
+    if (emblaApi) {
+      console.log("going to BACK \u{1F448}");
+      emblaApi.scrollPrev();
+    }
+  };
+  useEffect(() => {
+    checkCanScrollPrev();
+    emblaApi && emblaApi.on("select", checkCanScrollPrev);
+    return () => {
+      emblaApi && emblaApi.off("select", checkCanScrollPrev);
+    };
+  }, [emblaApi]);
+  return {
+    emblaRef,
+    emblaApi,
+    nextStep,
+    prevStep,
+    canScrollPrev
+  };
+};
+var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
+  const [currentStep, setCurrentStep] = useState(initialStep);
+  const [dialogHeight, setDialogHeight] = useState(null);
+  const visibleStepRef = useRef(null);
+  useEffect(() => {
+    if (visibleStepRef.current) {
+      setDialogHeight(visibleStepRef.current.offsetHeight);
+    }
+  }, [currentStep, setOpenDialog]);
+  const handleNext = () => {
+    const currentIndex = stepIds.indexOf(currentStep);
+    if (currentIndex < stepIds.length - 1) {
+      setTimeout(() => {
+        setCurrentStep(stepIds[currentIndex + 1]);
+      }, 100);
+    }
+  };
+  const handleBack = () => {
+    const currentIndex = stepIds.indexOf(currentStep);
+    if (currentIndex > 0) {
+      setTimeout(() => {
+        setCurrentStep(stepIds[currentIndex - 1]);
+      }, 100);
+    }
+  };
+  return {
+    currentStep,
+    dialogHeight,
+    visibleStepRef,
+    handleNext,
+    handleBack
+  };
+};
+var useBreakpoint = () => {
+  const [breakpoint, setBreakpoint] = useState(null);
+  useEffect(() => {
+    if (typeof window !== "undefined") {
+      const resize = () => {
+        setBreakpoint(window.innerWidth);
+      };
+      resize();
+      window.addEventListener("resize", resize);
+      return () => {
+        window.removeEventListener("resize", resize);
+      };
+    }
+  }, []);
+  return breakpoint;
+};
+var useWindowSize = () => {
+  const [windowSize, setWindowSize] = useState({
+    width: void 0,
+    height: void 0
+  });
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    window.addEventListener("resize", handleResize);
+    handleResize();
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return windowSize;
+};
+function containsRelatedTarget(event) {
+  if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
+    return event.currentTarget.contains(event.relatedTarget);
+  }
+  return false;
+}
+function useFocusWithin({
+  onBlur,
+  onFocus
+} = {}) {
+  const ref = useRef(null);
+  const [focused, _setFocused] = useState(false);
+  const focusedRef = useRef(false);
+  const setFocused = (value) => {
+    _setFocused(value);
+    focusedRef.current = value;
+  };
+  const handleFocusIn = (event) => {
+    if (!focusedRef.current) {
+      setFocused(true);
+      onFocus == null ? void 0 : onFocus(event);
+    }
+  };
+  const handleFocusOut = (event) => {
+    if (focusedRef.current && !containsRelatedTarget(event)) {
+      setFocused(false);
+      onBlur == null ? void 0 : onBlur(event);
+    }
+  };
+  useEffect(() => {
+    if (ref.current) {
+      ref.current.addEventListener("focusin", handleFocusIn);
+      ref.current.addEventListener("focusout", handleFocusOut);
+      return () => {
+        var _a, _b;
+        (_a = ref.current) == null ? void 0 : _a.removeEventListener("focusin", handleFocusIn);
+        (_b = ref.current) == null ? void 0 : _b.removeEventListener("focusout", handleFocusOut);
+      };
+    }
+    return void 0;
+  }, [handleFocusIn, handleFocusOut]);
+  return { ref, focused };
+}
+function attachMediaListener(query, callback) {
+  try {
+    query.addEventListener("change", callback);
+    return () => query.removeEventListener("change", callback);
+  } catch (e) {
+    query.addListener(callback);
+    return () => query.removeListener(callback);
+  }
+}
+function getInitialValue(query, initialValue) {
+  if (typeof initialValue === "boolean") {
+    return initialValue;
+  }
+  if (typeof window !== "undefined" && "matchMedia" in window) {
+    return window.matchMedia(query).matches;
+  }
+  return false;
+}
+function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
+  getInitialValueInEffect: true
+}) {
+  const [matches, setMatches] = useState(
+    getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
+  );
+  const queryRef = useRef();
+  useEffect(() => {
+    if ("matchMedia" in window) {
+      queryRef.current = window.matchMedia(query);
+      setMatches(queryRef.current.matches);
+      return attachMediaListener(
+        queryRef.current,
+        (event) => setMatches(event.matches)
+      );
+    }
+    return void 0;
+  }, [query]);
+  return matches;
+}
+function useTabs(initialTab = "") {
+  const [activeTab, setActiveTab] = useState(initialTab);
+  useEffect(() => {
+    const handleHashChange = () => {
+      const hash = window.location.hash.substring(1);
+      setActiveTab(hash || initialTab);
+    };
+    window.addEventListener("hashchange", handleHashChange);
+    handleHashChange();
+    return () => {
+      window.removeEventListener("hashchange", handleHashChange);
+    };
+  }, [initialTab]);
+  const handleTabChange = (index) => {
+    setActiveTab(index);
+    window.location.hash = index;
+  };
+  return {
+    activeTab,
+    handleTabChange
+  };
+}
+
+export { useBreakpoint, useDialogCarousel, useFocusWithin, useIsomorphicEffect, useMediaQuery, useMultiStepDialog, useTabs, useWindowSize };