@tapcart/mobile-components 0.2.3 → 0.2.7

package/dist/index.mjs

@@ -1,1003 +0,0 @@
-// components/ui/button.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { IconLoader2 } from "@tabler/icons-react";
-
-// lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-var iconColorLevels = [
-  "coreColors-primaryIcon",
-  "coreColors-secondaryIcon",
-  "coreColors-headerIcon",
-  "coreColors-brandColorPrimary",
-  "stateColors-subscriptions",
-  "stateColors-favorites",
-  "stateColors-reviews",
-  "stateColors-success",
-  "stateColors-error",
-  "stateColors-warning",
-  "stateColors-disabled",
-  "buttonColors-primaryText",
-  "buttonColors-secondaryText"
-];
-var iconColorVariantClasses = {};
-for (let iconColorLevel of iconColorLevels) {
-  iconColorVariantClasses[iconColorLevel] = `text-${iconColorLevel}`;
-}
-
-// components/ui/button.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "w-full flex rounded items-center justify-center text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:bg-stateColors-disabled disabled:pointer-events-none ring-offset-background overflow-elipse whitespace-nowrap truncate",
-  {
-    variants: {
-      size: {
-        default: "h-10 py-3 px-4",
-        sm: "h-9 px-3 rounded-md",
-        lg: "h-11 px-8 rounded-md",
-        icon: "h-10 w-10",
-        content: "h-10 py-3 px-4 w-auto"
-      },
-      variant: {
-        default: "bg-buttonColors-primaryFill text-buttonColors-primaryText active:opacity-70",
-        destructive: "bg-stateColors-error text-coreColors-pageColor active:opacity-70 disabled:bg-stateColors-disabled",
-        outline: "border border-input hover:bg-accent hover:text-accent-foreground",
-        secondary: "border bg-buttonColors-secondaryFill text-buttonColors-secondaryText border-buttonColors-secondaryOutline active:opacity-70 disabled:bg-buttonColors-secondaryFill disabled:text-stateColors-disabled disabled:border-stateColors-disabled",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "underline-offset-4 hover:underline text-primary",
-        quickadd: "bg-buttonColors-primaryFill text-buttonColors-primaryText active:opacity-70 w-full rounded-none rounded-b-lg h-8 text-xs",
-        applePay: "bg-white text-black border border-black",
-        shopPay: "bg-[#612EFF]"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, loading, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsxs(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className }), {
-          "pointer-events-none": loading
-        }),
-        ref,
-        ...props,
-        children: [
-          !loading && props.children,
-          loading && /* @__PURE__ */ jsx(IconLoader2, { className: "h-4 w-4 animate-spin" })
-        ]
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-// components/ui/input.tsx
-import * as React2 from "react";
-import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-var inputVariants = cva2(
-  "flex h-14 w-full rounded border border-coreColors-dividingLines bg-coreColors-inputBackground px-4 pt-5 pb-2 placeholder-shown:p-4 text-textColors-primaryColor text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-textColors-secondaryColor focus-visible:outline-none focus-visible:ring-0 disabled:cursor-not-allowed disabled:opacity-50 focus:border-coreColors-brandColorPrimary peer data-[icon=true]:pr-10",
-  {
-    variants: {
-      error: {
-        true: "border-stateColors-error text-stateColors-error placeholder:text-stateColors-error focus:border-stateColors-error [&+label]:text-stateColors-error",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      error: false
-    }
-  }
-);
-var Input = React2.forwardRef(
-  ({ className, error = false, id, type, label, icon, asChild, ...props }, ref) => {
-    const Comp = asChild ? Slot2 : "div";
-    return /* @__PURE__ */ jsxs2(Comp, { className: "relative", children: [
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          id,
-          type,
-          className: cn(inputVariants({ error }), className),
-          "data-icon": !!icon,
-          ref,
-          ...props
-        }
-      ),
-      label ? /* @__PURE__ */ jsx2(
-        "label",
-        {
-          htmlFor: id,
-          className: "absolute text-[10px] text-textColors-secondaryColor top-2 z-10 h-4 origin-[0] start-4 opacity-100 peer-placeholder-shown:opacity-0",
-          children: label
-        }
-      ) : null
-    ] });
-  }
-);
-Input.displayName = "Input";
-
-// components/ui/aspect-ratio.tsx
-import * as AspectRatioPrimitive from "@radix-ui/react-aspect-ratio";
-var AspectRatio = AspectRatioPrimitive.Root;
-
-// components/ui/accordion.tsx
-import * as React3 from "react";
-import * as AccordionPrimitive from "@radix-ui/react-accordion";
-import { ChevronDown } from "lucide-react";
-import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx3(
-  AccordionPrimitive.Item,
-  {
-    ref,
-    className: cn("border-b", className),
-    ...props
-  }
-));
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx3(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ jsxs3(
-  AccordionPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex flex-1 items-center justify-between py-4 font-medium transition-all hover:underline [&[data-state=open]>svg]:rotate-180",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ jsx3(ChevronDown, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
-    ]
-  }
-) }));
-AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx3(
-  AccordionPrimitive.Content,
-  {
-    ref,
-    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
-    ...props,
-    children: /* @__PURE__ */ jsx3("div", { className: cn("pb-4 pt-0", className), children })
-  }
-));
-AccordionContent.displayName = AccordionPrimitive.Content.displayName;
-
-// components/ui/carousel.tsx
-import * as React4 from "react";
-import useEmblaCarousel from "embla-carousel-react";
-import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
-var CarouselContext = React4.createContext(null);
-function useCarousel() {
-  const context = React4.useContext(CarouselContext);
-  if (!context) {
-    throw new Error("useCarousel must be used within a <Carousel />");
-  }
-  return context;
-}
-var Carousel = React4.forwardRef(
-  ({
-    orientation = "horizontal",
-    opts,
-    setApi,
-    plugins,
-    className,
-    children,
-    ...props
-  }, ref) => {
-    const [carouselRef, api] = useEmblaCarousel(
-      {
-        ...opts,
-        axis: orientation === "horizontal" ? "x" : "y"
-      },
-      plugins
-    );
-    const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
-    const [canScrollNext, setCanScrollNext] = React4.useState(false);
-    const onSelect = React4.useCallback((api2) => {
-      if (!api2) {
-        return;
-      }
-      setCanScrollPrev(api2.canScrollPrev());
-      setCanScrollNext(api2.canScrollNext());
-    }, []);
-    const scrollPrev = React4.useCallback(() => {
-      api?.scrollPrev();
-    }, [api]);
-    const scrollNext = React4.useCallback(() => {
-      api?.scrollNext();
-    }, [api]);
-    const handleKeyDown = React4.useCallback(
-      (event) => {
-        if (event.key === "ArrowLeft") {
-          event.preventDefault();
-          scrollPrev();
-        } else if (event.key === "ArrowRight") {
-          event.preventDefault();
-          scrollNext();
-        }
-      },
-      [scrollPrev, scrollNext]
-    );
-    React4.useEffect(() => {
-      if (!api || !setApi) {
-        return;
-      }
-      setApi(api);
-    }, [api, setApi]);
-    React4.useEffect(() => {
-      if (!api) {
-        return;
-      }
-      onSelect(api);
-      api.on("reInit", onSelect);
-      api.on("select", onSelect);
-      return () => {
-        api?.off("select", onSelect);
-      };
-    }, [api, onSelect]);
-    return /* @__PURE__ */ jsx4(
-      CarouselContext.Provider,
-      {
-        value: {
-          carouselRef,
-          api,
-          opts,
-          orientation: orientation || (opts?.axis === "y" ? "vertical" : "horizontal"),
-          scrollPrev,
-          scrollNext,
-          canScrollPrev,
-          canScrollNext
-        },
-        children: /* @__PURE__ */ jsx4(
-          "div",
-          {
-            ref,
-            onKeyDownCapture: handleKeyDown,
-            className: cn("relative", className),
-            role: "region",
-            "aria-roledescription": "carousel",
-            ...props,
-            children
-          }
-        )
-      }
-    );
-  }
-);
-Carousel.displayName = "Carousel";
-var CarouselContent = React4.forwardRef(({ className, ...props }, ref) => {
-  const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx4("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      className: cn(
-        "flex",
-        orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
-        className
-      ),
-      ...props
-    }
-  ) });
-});
-CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React4.forwardRef(({ className, ...props }, ref) => {
-  const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx4(
-    "div",
-    {
-      ref,
-      role: "group",
-      "aria-roledescription": "slide",
-      className: cn(
-        "min-w-0 shrink-0 grow-0 basis-full",
-        orientation === "horizontal" ? "pl-4" : "pt-4",
-        className
-      ),
-      ...props
-    }
-  );
-});
-CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React4.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollPrev, canScrollPrev } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
-    Button,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute  h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollPrev,
-      onClick: scrollPrev,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(ArrowLeft, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Previous slide" })
-      ]
-    }
-  );
-});
-CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React4.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
-  const { orientation, scrollNext, canScrollNext } = useCarousel();
-  return /* @__PURE__ */ jsxs4(
-    Button,
-    {
-      ref,
-      variant,
-      size,
-      className: cn(
-        "absolute h-8 w-8 rounded-full",
-        orientation === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
-        className
-      ),
-      disabled: !canScrollNext,
-      onClick: scrollNext,
-      ...props,
-      children: [
-        /* @__PURE__ */ jsx4(ArrowRight, { className: "h-4 w-4" }),
-        /* @__PURE__ */ jsx4("span", { className: "sr-only", children: "Next slide" })
-      ]
-    }
-  );
-});
-CarouselNext.displayName = "CarouselNext";
-
-// components/ui/container.tsx
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var containerVariants = cva3("container", {
-  variants: {
-    variant: {
-      spaced: "my-3"
-    }
-  }
-});
-function Container({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx5("div", { className: cn(containerVariants({ variant }), className), ...props });
-}
-
-// components/ui/grid.tsx
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx6 } from "react/jsx-runtime";
-var gridVariants = cva4("grid", {
-  variants: {
-    columns: {
-      1: "grid-cols-1 gap-y-[7px]",
-      2: "grid-cols-2 gap-x-[7px] gap-y-[7px]",
-      3: "grid-cols-3 gap-x-[7px] gap-y-[7px]",
-      4: "grid-cols-4 gap-x-[7px] gap-y-[7px]"
-    }
-  },
-  defaultVariants: {
-    columns: 2
-  }
-});
-function Grid({ className, columns, ...props }) {
-  return /* @__PURE__ */ jsx6(Container, { children: /* @__PURE__ */ jsx6("div", { className: cn(gridVariants({ columns }), className), ...props }) });
-}
-
-// components/ui/label.tsx
-import * as React5 from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var labelVariants = cva5(
-  "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
-);
-var Label = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label.displayName = LabelPrimitive.Root.displayName;
-
-// components/ui/separator.tsx
-import * as React6 from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var Separator = React6.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx8(
-    SeparatorPrimitive.Root,
-    {
-      ref,
-      decorative,
-      orientation,
-      className: cn(
-        "shrink-0 bg-border",
-        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Separator.displayName = SeparatorPrimitive.Root.displayName;
-
-// components/ui/badge.tsx
-import { cva as cva6 } from "class-variance-authority";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var badgeVariants = cva6(
-  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ jsx9("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-// components/ui/video.tsx
-import { cva as cva7 } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
-var videoVariants = cva7("w-full", {
-  variants: {}
-});
-function Video({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
-    "video",
-    {
-      className: cn(videoVariants({}), className),
-      ...props,
-      autoPlay: true,
-      playsInline: true,
-      muted: true,
-      loop: true
-    }
-  );
-}
-
-// components/ui/money.tsx
-import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx11 } from "react/jsx-runtime";
-var moneyVariants = cva8("", {
-  variants: {},
-  defaultVariants: {
-    currency: "USD",
-    locale: "en-US"
-  }
-});
-function Money({ price, locale, currency, ...props }) {
-  const formatter = new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency
-  });
-  let formattedPrice = formatter.format(Number(price));
-  return /* @__PURE__ */ jsx11("span", { ...props, children: formattedPrice });
-}
-
-// components/ui/skeleton.tsx
-import { jsx as jsx12 } from "react/jsx-runtime";
-function Skeleton({
-  className,
-  ...props
-}) {
-  return /* @__PURE__ */ jsx12(
-    "div",
-    {
-      className: cn("animate-pulse rounded-md bg-muted", className),
-      ...props
-    }
-  );
-}
-
-// components/ui/text.tsx
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var textVariants = cva9("", {
-  variants: {
-    type: {
-      h1: "text-2xl font-normal text-[#121212]",
-      h2: "text-xl font-medium text-[#121212]",
-      body: "text-base font-normal text-[#121212]",
-      paragraph: "text-sm font-normal text-[#727272]",
-      label: "text-xs font-normal text-[#727272]"
-    }
-  },
-  defaultVariants: {
-    type: "body"
-  }
-});
-function Text({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx13("p", { className: cn(textVariants({ type }), className), ...props });
-}
-
-// components/ui/toggle.tsx
-import * as React7 from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var toggleVariants = cva10(
-  "inline-flex items-center justify-center rounded-md text-sm font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground",
-  {
-    variants: {
-      variant: {
-        default: "bg-transparent",
-        outline: "border border-input bg-transparent hover:bg-accent hover:text-accent-foreground"
-      },
-      size: {
-        default: "h-10 px-3",
-        sm: "h-9 px-2.5",
-        lg: "h-11 px-5"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Toggle = React7.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx14(
-  TogglePrimitive.Root,
-  {
-    ref,
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-));
-Toggle.displayName = TogglePrimitive.Root.displayName;
-
-// components/ui/toggle-group.tsx
-import * as React8 from "react";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var ToggleGroupContext = React8.createContext({
-  size: "default",
-  variant: "default"
-});
-var ToggleGroup = React8.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx15(
-  ToggleGroupPrimitive.Root,
-  {
-    ref,
-    className: cn("flex items-center justify-center gap-1", className),
-    ...props,
-    children: /* @__PURE__ */ jsx15(ToggleGroupContext.Provider, { value: { variant, size }, children })
-  }
-));
-ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React8.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React8.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx15(
-    ToggleGroupPrimitive.Item,
-    {
-      ref,
-      className: cn(
-        toggleVariants({
-          variant: context.variant || variant,
-          size: context.size || size
-        }),
-        className
-      ),
-      ...props,
-      children
-    }
-  );
-});
-ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
-
-// components/ui/switch.tsx
-import * as React9 from "react";
-import * as SwitchPrimitives from "@radix-ui/react-switch";
-import { jsx as jsx16 } from "react/jsx-runtime";
-var Switch = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
-  SwitchPrimitives.Root,
-  {
-    className: cn(
-      "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
-    ),
-    ...props,
-    ref,
-    children: /* @__PURE__ */ jsx16(
-      SwitchPrimitives.Thumb,
-      {
-        className: cn(
-          "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
-        )
-      }
-    )
-  }
-));
-Switch.displayName = SwitchPrimitives.Root.displayName;
-
-// components/ui/scroll-area.tsx
-import * as React10 from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx17, jsxs as jsxs5 } from "react/jsx-runtime";
-var ScrollArea = React10.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs5(
-  ScrollAreaPrimitive.Root,
-  {
-    ref,
-    className: cn("relative overflow-hidden", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children: /* @__PURE__ */ jsx17("div", { className: "flex w-max px-[16px]", children }) }),
-      /* @__PURE__ */ jsx17(ScrollBar, {}),
-      /* @__PURE__ */ jsx17(ScrollAreaPrimitive.Corner, {})
-    ]
-  }
-));
-ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React10.forwardRef(({ className, orientation = "horizontal", ...props }, ref) => /* @__PURE__ */ jsx17(
-  ScrollAreaPrimitive.ScrollAreaScrollbar,
-  {
-    ref,
-    orientation,
-    className: cn(
-      "flex touch-none select-none transition-colors",
-      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
-      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px] ",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx17(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
-  }
-));
-ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
-
-// components/ui/toast.tsx
-import * as React11 from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva as cva11 } from "class-variance-authority";
-import { X } from "lucide-react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ToastPrimitives.Viewport,
-  {
-    ref,
-    className: cn(
-      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
-      className
-    ),
-    ...props
-  }
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = cva11(
-  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
-  {
-    variants: {
-      variant: {
-        default: "border bg-background text-foreground",
-        destructive: "destructive group border-destructive bg-destructive text-destructive-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var Toast = React11.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsx18(
-    ToastPrimitives.Root,
-    {
-      ref,
-      className: cn(toastVariants({ variant }), className),
-      ...props
-    }
-  );
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ToastPrimitives.Action,
-  {
-    ref,
-    className: cn(
-      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium ring-offset-background transition-colors hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive",
-      className
-    ),
-    ...props
-  }
-));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ToastPrimitives.Close,
-  {
-    ref,
-    className: cn(
-      "absolute right-2 top-2 rounded-md p-1 text-foreground/50 opacity-0 transition-opacity hover:text-foreground focus:opacity-100 focus:outline-none focus:ring-2 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
-      className
-    ),
-    "toast-close": "",
-    ...props,
-    children: /* @__PURE__ */ jsx18(X, { className: "h-4 w-4" })
-  }
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn("text-sm font-semibold", className),
-    ...props
-  }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
-  ToastPrimitives.Description,
-  {
-    ref,
-    className: cn("text-sm opacity-90", className),
-    ...props
-  }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
-
-// components/ui/use-toast.ts
-import * as React12 from "react";
-var TOAST_LIMIT = 1;
-var TOAST_REMOVE_DELAY = 1e6;
-var count = 0;
-function genId() {
-  count = (count + 1) % Number.MAX_SAFE_INTEGER;
-  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] = React12.useState(memoryState);
-  React12.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 })
-  };
-}
-
-// components/ui/toaster.tsx
-import { jsx as jsx19, jsxs as jsxs6 } from "react/jsx-runtime";
-function Toaster() {
-  const { toasts } = useToast();
-  return /* @__PURE__ */ jsxs6(ToastProvider, { children: [
-    toasts.map(function({ id, title, description, action, ...props }) {
-      return /* @__PURE__ */ jsxs6(Toast, { ...props, children: [
-        /* @__PURE__ */ jsxs6("div", { className: "grid gap-1", children: [
-          title && /* @__PURE__ */ jsx19(ToastTitle, { children: title }),
-          description && /* @__PURE__ */ jsx19(ToastDescription, { children: description })
-        ] }),
-        action,
-        /* @__PURE__ */ jsx19(ToastClose, {})
-      ] }, id);
-    }),
-    /* @__PURE__ */ jsx19(ToastViewport, {})
-  ] });
-}
-
-// components/ui/chip.tsx
-import { cva as cva12 } from "class-variance-authority";
-import React13, { useState as useState3 } from "react";
-import { jsx as jsx20, jsxs as jsxs7 } from "react/jsx-runtime";
-var chipVariants = cva12(
-  "inline-flex items-center justify-center rounded border border-coreColors-dividingLines text-[12px] transition-colors",
-  {
-    variants: {
-      variant: {
-        primary: "bg-coreColors-pageColor text-textColors-primaryColor",
-        secondary: "bg-coreColors-pageColor text-textColors-secondaryColor"
-      },
-      direction: {
-        horizontal: "flex-row",
-        vertical: "flex-col"
-      }
-    },
-    defaultVariants: {
-      variant: "primary",
-      direction: "horizontal"
-    }
-  }
-);
-var Chip = React13.forwardRef(
-  ({ className, variant, direction, children, icon: Icon, iconPosition = "left", onClose, ...props }, ref) => {
-    const [visible, setVisible] = useState3(true);
-    if (!visible) return null;
-    const handleIconClick = () => {
-      setVisible(false);
-      onClose?.();
-    };
-    return /* @__PURE__ */ jsxs7(
-      "div",
-      {
-        ref,
-        className: cn(chipVariants({ variant, direction }), "p-2 space-x-2", className),
-        ...props,
-        children: [
-          Icon && iconPosition === "left" && /* @__PURE__ */ jsx20(Icon, { className: "mr-2 h-4 w-4 cursor-pointer", onClick: handleIconClick }),
-          children,
-          Icon && iconPosition === "right" && /* @__PURE__ */ jsx20(Icon, { className: "ml-2 h-4 w-4 cursor-pointer", onClick: handleIconClick })
-        ]
-      }
-    );
-  }
-);
-Chip.displayName = "Chip";
-var MultipleChips = ({ children }) => {
-  return /* @__PURE__ */ jsxs7("div", { className: "relative mt-2 mb-4", children: [
-    /* @__PURE__ */ jsx20("div", { className: "flex overflow-x-auto no-scrollbar", children: children.map((chip, index) => /* @__PURE__ */ jsx20("div", { className: cn("shrink-0", {
-      "mr-2": index < children.length - 1
-    }), children: chip }, index)) }),
-    /* @__PURE__ */ jsx20("div", { className: "fade-right" })
-  ] });
-};
-export {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger,
-  AspectRatio,
-  Badge,
-  Button,
-  Carousel,
-  CarouselContent,
-  CarouselItem,
-  CarouselNext,
-  CarouselPrevious,
-  Chip,
-  Container,
-  Grid,
-  Input,
-  Label,
-  Money,
-  MultipleChips,
-  ScrollArea,
-  ScrollBar,
-  Separator,
-  Skeleton,
-  Switch,
-  Text,
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport,
-  Toaster,
-  Toggle,
-  ToggleGroup,
-  ToggleGroupItem,
-  Video,
-  badgeVariants,
-  buttonVariants,
-  cn,
-  containerVariants,
-  gridVariants,
-  moneyVariants,
-  reducer,
-  textVariants,
-  toast,
-  toggleVariants,
-  useToast,
-  videoVariants
-};
-//# sourceMappingURL=index.mjs.map