@regardio/react 0.5.7 → 0.6.0

package/dist/blurry-gradient/index.js

@@ -1,128 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-// src/blurry-gradient/blurry-gradient.tsx
-var BlurryGradient = (props) => {
-  const {
-    description = "Decorative blurry gradient",
-    neutralColor,
-    primaryColor,
-    secondaryColor,
-    ...svgProps
-  } = props;
-  const titleId = "blurryGradientTitle";
-  return /* @__PURE__ */ jsxs(
-    "svg",
-    {
-      "aria-labelledby": titleId,
-      preserveAspectRatio: "none",
-      role: "img",
-      viewBox: "0 0 1000 1000",
-      ...svgProps,
-      children: [
-        /* @__PURE__ */ jsx("title", { id: titleId, children: description }),
-        /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsxs(
-          "filter",
-          {
-            colorInterpolationFilters: "sRGB",
-            filterUnits: "userSpaceOnUse",
-            height: "120%",
-            width: "120%",
-            x: "-10%",
-            y: "-10%",
-            children: [
-              /* @__PURE__ */ jsx(
-                "feFlood",
-                {
-                  floodOpacity: "0",
-                  result: "BackgroundImageFix"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "feBlend",
-                {
-                  in: "SourceGraphic",
-                  in2: "BackgroundImageFix",
-                  mode: "normal",
-                  result: "shape"
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "feGaussianBlur",
-                {
-                  result: "effect1_foregroundBlur",
-                  stdDeviation: "161"
-                }
-              )
-            ]
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          "rect",
-          {
-            fill: primaryColor,
-            height: "1000",
-            width: "1000"
-          }
-        ),
-        /* @__PURE__ */ jsxs("g", { filter: "url(#blurryGradient)", children: [
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "730",
-              cy: "559",
-              fill: secondaryColor,
-              r: "357"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "316",
-              cy: "248",
-              fill: primaryColor,
-              r: "357"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "509",
-              cy: "410",
-              fill: neutralColor,
-              r: "357"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "633",
-              cy: "232",
-              fill: secondaryColor,
-              r: "357"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "156",
-              cy: "82",
-              fill: primaryColor,
-              r: "357"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "circle",
-            {
-              cx: "150",
-              cy: "389",
-              fill: neutralColor,
-              r: "357"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-
-export { BlurryGradient };

package/dist/carousel/index.d.ts

@@ -1,36 +0,0 @@
-import * as react from 'react';
-import { HTMLAttributes } from 'react';
-import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel';
-
-interface CarouselItemProps extends HTMLAttributes<HTMLDivElement> {
-    'aria-label'?: string;
-}
-declare const CarouselItem: react.ForwardRefExoticComponent<CarouselItemProps & react.RefAttributes<HTMLDivElement>>;
-
-type CarouselApi = EmblaCarouselType;
-interface CarouselContextValue {
-    api: CarouselApi | undefined;
-    scrollPrev: () => void;
-    scrollNext: () => void;
-    canScrollPrev: boolean;
-    canScrollNext: boolean;
-}
-declare function useCarousel(): CarouselContextValue;
-interface CarouselRootProps extends HTMLAttributes<HTMLDivElement> {
-    opts?: EmblaOptionsType;
-    setApi?: (api: CarouselApi) => void;
-    orientation?: 'horizontal' | 'vertical';
-}
-declare const CarouselRoot: react.ForwardRefExoticComponent<CarouselRootProps & react.RefAttributes<HTMLDivElement>>;
-
-declare const CarouselContent: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
-
-declare const CarouselNext: react.ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare const CarouselPrevious: react.ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & react.RefAttributes<HTMLButtonElement>>;
-
-declare namespace index_parts {
-  export { CarouselContent as Content, CarouselItem as Item, CarouselNext as Next, CarouselPrevious as Previous, CarouselRoot as Root };
-}
-
-export { index_parts as Carousel, type CarouselApi, type CarouselItemProps, type CarouselRootProps, useCarousel };

package/dist/carousel/index.js

@@ -1,171 +0,0 @@
-import useEmblaCarousel from 'embla-carousel-react';
-import { createContext, forwardRef, useState, useCallback, useEffect, useContext } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var CarouselContext = createContext(null);
-function useCarousel() {
-  const context = useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel.Root />");
-  }
-  return context;
-}
-var CarouselRoot = forwardRef(
-  ({ children, className, opts, orientation = "horizontal", setApi, ...props }, ref) => {
-    const [emblaRef, emblaApi] = useEmblaCarousel({
-      ...opts,
-      axis: orientation === "horizontal" ? "x" : "y"
-    });
-    const [canScrollPrev, setCanScrollPrev] = useState(false);
-    const [canScrollNext, setCanScrollNext] = useState(false);
-    const onSelect = useCallback((api) => {
-      if (!api) {
-        return;
-      }
-      setCanScrollPrev(api.canScrollPrev());
-      setCanScrollNext(api.canScrollNext());
-    }, []);
-    const scrollPrev = useCallback(() => {
-      emblaApi?.scrollPrev();
-    }, [emblaApi]);
-    const scrollNext = useCallback(() => {
-      emblaApi?.scrollNext();
-    }, [emblaApi]);
-    const handleKeyDown = useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    useEffect(() => {
-      if (!emblaApi || !setApi) {
-        return;
-      }
-      setApi(emblaApi);
-    }, [emblaApi, setApi]);
-    useEffect(() => {
-      if (!emblaApi) {
-        return;
-      }
-      onSelect(emblaApi);
-      emblaApi.on("reInit", onSelect);
-      emblaApi.on("select", onSelect);
-      return () => {
-        emblaApi?.off("select", onSelect);
-      };
-    }, [emblaApi, onSelect]);
-    return /* @__PURE__ */ jsx(
-      CarouselContext.Provider,
-      {
-        value: {
-          api: emblaApi,
-          canScrollNext,
-          canScrollPrev,
-          scrollNext,
-          scrollPrev
-        },
-        children: /* @__PURE__ */ jsx(
-          "section",
-          {
-            "aria-label": "Carousel",
-            "aria-roledescription": "carousel",
-            className,
-            onKeyDownCapture: handleKeyDown,
-            ref,
-            ...props,
-            children: /* @__PURE__ */ jsx("div", { ref: emblaRef, children: /* @__PURE__ */ jsx("div", { children }) })
-          }
-        )
-      }
-    );
-  }
-);
-CarouselRoot.displayName = "CarouselRoot";
-
-// src/carousel/index.parts.ts
-var index_parts_exports = {};
-__export(index_parts_exports, {
-  Content: () => CarouselContent,
-  Item: () => CarouselItem,
-  Next: () => CarouselNext,
-  Previous: () => CarouselPrevious,
-  Root: () => CarouselRoot
-});
-var CarouselContent = forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className,
-        ref,
-        ...props
-      }
-    );
-  }
-);
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = forwardRef(
-  ({ className, ...props }, ref) => {
-    return (
-      // biome-ignore lint/a11y/useSemanticElements: False positive
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          "aria-roledescription": "slide",
-          className,
-          ref,
-          role: "group",
-          ...props
-        }
-      )
-    );
-  }
-);
-CarouselItem.displayName = "CarouselItem";
-var CarouselNext = forwardRef(
-  ({ className, ...props }, ref) => {
-    const { canScrollNext, scrollNext } = useCarousel();
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        className,
-        disabled: !canScrollNext,
-        onClick: scrollNext,
-        ref,
-        type: "button",
-        ...props
-      }
-    );
-  }
-);
-CarouselNext.displayName = "CarouselNext";
-var CarouselPrevious = forwardRef(
-  ({ className, ...props }, ref) => {
-    const { canScrollPrev, scrollPrev } = useCarousel();
-    return /* @__PURE__ */ jsx(
-      "button",
-      {
-        className,
-        disabled: !canScrollPrev,
-        onClick: scrollPrev,
-        ref,
-        type: "button",
-        ...props
-      }
-    );
-  }
-);
-CarouselPrevious.displayName = "CarouselPrevious";
-
-export { index_parts_exports as Carousel, useCarousel };

package/dist/countdown/index.d.ts

@@ -1,5 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-declare function Countdown(): react_jsx_runtime.JSX.Element;
-
-export { Countdown };

package/dist/countdown/index.js

@@ -1,73 +0,0 @@
-import { cn } from '@regardio/tailwind/utils';
-import { useState, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-// src/countdown/countdown.tsx
-function Countdown() {
-  const [timerValue, setTimerValue] = useState(0);
-  const [isMounted, setIsMounted] = useState(false);
-  useEffect(() => {
-    setIsMounted(true);
-    const intervalId = setInterval(() => {
-      setTimerValue((prevValue) => {
-        return prevValue + 1;
-      });
-    }, 1e3);
-    return () => {
-      return clearInterval(intervalId);
-    };
-  }, []);
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: cn(
-        "before:absolute",
-        "before:bg-white",
-        'before:content-[""]',
-        "before:h-[180px]",
-        "before:rounded-full",
-        "before:w-[180px]",
-        "flex",
-        "h-[240px]",
-        "items-center",
-        "justify-center",
-        "relative",
-        "rounded-full",
-        "w-[240px]"
-      ),
-      style: {
-        background: `conic-gradient(
-          transparent ${6 * (isMounted ? timerValue : 0)}deg,
-          hsl(var(--red-500)) 0deg,
-          hsl(var(--red-500)) 15deg,
-          hsl(var(--coral-500)) 15deg,
-          hsl(var(--coral-500)) 45deg,
-          hsl(var(--orange-500)) 45deg,
-          hsl(var(--orange-500)) 75deg,
-          hsl(var(--yellow-500)) 75deg,
-          hsl(var(--yellow-500)) 105deg,
-          hsl(var(--olive-500)) 105deg,
-          hsl(var(--olive-500)) 135deg,
-          hsl(var(--lime-500)) 135deg,
-          hsl(var(--lime-500)) 165deg,
-          hsl(var(--green-500)) 165deg,
-          hsl(var(--green-500)) 195deg,
-          hsl(var(--teal-500)) 195deg,
-          hsl(var(--teal-500)) 225deg,
-          hsl(var(--cyan-500)) 225deg,
-          hsl(var(--cyan-500)) 255deg,
-          hsl(var(--blue-500)) 255deg,
-          hsl(var(--blue-500)) 285deg,
-          hsl(var(--purple-500)) 285deg,
-          hsl(var(--purple-500)) 315deg,
-          hsl(var(--pink-500)) 315deg,
-          hsl(var(--pink-500)) 345deg,
-          hsl(var(--red-500)) 345deg
-          )`
-      },
-      children: /* @__PURE__ */ jsx("span", { className: cn("text-foreground", "relative", "text-3xl", "font-bold"), children: isMounted ? timerValue < 10 ? `0${timerValue}` : timerValue : 0 })
-    }
-  );
-}
-
-export { Countdown };

package/dist/generic-error/index.js

@@ -1,47 +0,0 @@
-import { isRouteErrorResponse, useRouteError } from 'react-router';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-// src/generic-error/generic-error.tsx
-function getErrorDescriptor(error) {
-  if (isRouteErrorResponse(error)) {
-    const status = error.status;
-    const statusText = error.statusText || "Error";
-    return {
-      defaultId: status === 404 ? "errors.404" : "errors.http",
-      defaultMessage: status === 404 ? "Not found" : `Error ${status}`,
-      status,
-      statusText,
-      type: "http"
-    };
-  }
-  if (error instanceof Error) {
-    return {
-      defaultId: "errors.runtime",
-      defaultMessage: "An unexpected error occurred.",
-      message: error.message,
-      type: "error",
-      ...error.stack ? { stack: error.stack } : {}
-    };
-  }
-  return {
-    defaultId: "errors.unknown",
-    defaultMessage: "An unexpected error occurred.",
-    type: "unknown"
-  };
-}
-function GenericError({
-  renderMessage
-} = {}) {
-  const error = useRouteError();
-  const descriptor = getErrorDescriptor(error);
-  const title = descriptor.type === "http" ? `Error ${descriptor.status}` : "Error";
-  return /* @__PURE__ */ jsxs("main", { className: "pt-2xl p-sm container mx-auto", children: [
-    /* @__PURE__ */ jsx("h1", { children: title }),
-    renderMessage ? renderMessage(descriptor) : /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("p", { children: descriptor.type === "http" ? descriptor.defaultMessage : descriptor.type === "error" ? descriptor.message || descriptor.defaultMessage : descriptor.defaultMessage }),
-      import.meta.env.DEV && descriptor.type === "error" && descriptor.stack && /* @__PURE__ */ jsx("pre", { className: "w-full p-sm overflow-x-auto", children: /* @__PURE__ */ jsx("code", { children: descriptor.stack }) })
-    ] })
-  ] });
-}
-
-export { GenericError, getErrorDescriptor };