@dilipod/ui 0.1.0

package/dist/index.js

@@ -0,0 +1,888 @@
+'use strict';
+
+var React4 = require('react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var jsxRuntime = require('react/jsx-runtime');
+var SheetPrimitive = require('@radix-ui/react-dialog');
+var react = require('@phosphor-icons/react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React4__namespace = /*#__PURE__*/_interopNamespace(React4);
+var SheetPrimitive__namespace = /*#__PURE__*/_interopNamespace(SheetPrimitive);
+
+// src/components/button.tsx
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-full text-sm font-semibold ring-offset-background transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--black)] text-white border-2 border-[var(--black)] hover:bg-gray-800 hover:border-gray-800 active:scale-95",
+        primary: "bg-[var(--cyan)] text-[var(--black)] border-2 border-[var(--cyan)] hover:bg-[var(--cyan-dark)] hover:border-[var(--cyan-dark)] active:scale-95",
+        destructive: "bg-red-600 text-white border-2 border-red-600 hover:bg-red-700 hover:border-red-700 active:scale-95",
+        outline: "border-2 border-gray-300 bg-transparent hover:bg-gray-100 active:scale-95",
+        secondary: "bg-gray-100 text-[var(--black)] border-2 border-gray-100 hover:bg-gray-200 hover:border-gray-200 active:scale-95",
+        ghost: "hover:bg-gray-100 border-2 border-transparent",
+        link: "text-[var(--cyan)] underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-10 px-6 py-2",
+        sm: "h-9 px-4 text-xs",
+        lg: "h-12 px-8 text-base",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React4__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Sheet = SheetPrimitive__namespace.Root;
+var SheetTrigger = SheetPrimitive__namespace.Trigger;
+var SheetClose = SheetPrimitive__namespace.Close;
+var SheetPortal = SheetPrimitive__namespace.Portal;
+var SheetOverlay = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = SheetPrimitive__namespace.Overlay.displayName;
+var sheetVariants = classVarianceAuthority.cva(
+  "fixed z-50 gap-4 bg-white p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React4__namespace.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxRuntime.jsxs(
+    SheetPrimitive__namespace.Content,
+    {
+      ref,
+      className: cn(sheetVariants({ side }), className),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsxs(SheetPrimitive__namespace.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-white transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--cyan)] focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-gray-100", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(react.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = SheetPrimitive__namespace.Content.displayName;
+var SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Title,
+  {
+    ref,
+    className: cn("text-lg font-semibold text-[var(--black)]", className),
+    ...props
+  }
+));
+SheetTitle.displayName = SheetPrimitive__namespace.Title.displayName;
+var SheetDescription = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  SheetPrimitive__namespace.Description,
+  {
+    ref,
+    className: cn("text-sm text-gray-500", className),
+    ...props
+  }
+));
+SheetDescription.displayName = SheetPrimitive__namespace.Description.displayName;
+var sizes = {
+  sm: { width: 100, height: 30 },
+  md: { width: 130, height: 40 },
+  lg: { width: 160, height: 50 }
+};
+function Logo({
+  variant = "dark",
+  size = "md",
+  href,
+  className
+}) {
+  const s = sizes[size];
+  const textColor = variant === "light" ? "white" : "#0A0A0A";
+  const iconTextColor = variant === "light" ? "white" : "#0A0A0A";
+  const svgContent = /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      width: s.width,
+      height: s.height,
+      viewBox: "0 0 130 40",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsxs("linearGradient", { id: `gradient-${variant}`, x1: "0%", y1: "0%", x2: "100%", y2: "100%", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "0%", stopColor: "#007A70" }),
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "50%", stopColor: "#00B8A9" }),
+          /* @__PURE__ */ jsxRuntime.jsx("stop", { offset: "100%", stopColor: "#00E5D4" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("rect", { width: "40", height: "40", rx: "4", fill: `url(#gradient-${variant})` }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "20",
+            y: "29",
+            textAnchor: "middle",
+            fontFamily: "system-ui, -apple-system, sans-serif",
+            fontSize: "24",
+            fontWeight: "700",
+            fill: iconTextColor,
+            children: "D"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "text",
+          {
+            x: "52",
+            y: "28",
+            fontFamily: "system-ui, -apple-system, sans-serif",
+            fontSize: "20",
+            fontWeight: "700",
+            letterSpacing: "1",
+            fill: textColor,
+            children: "Dilipod"
+          }
+        )
+      ]
+    }
+  );
+  if (href) {
+    return /* @__PURE__ */ jsxRuntime.jsx("a", { href, className: "inline-flex items-center group", children: svgContent });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "inline-flex items-center", children: svgContent });
+}
+var badgeVariants = classVarianceAuthority.cva(
+  "inline-flex items-center gap-1.5 rounded-full font-semibold transition-colors",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-100 text-gray-700",
+        primary: "bg-[var(--cyan)]/10 text-[var(--cyan)]",
+        success: "bg-green-100 text-green-700",
+        warning: "bg-amber-100 text-amber-700",
+        error: "bg-red-100 text-red-700",
+        outline: "border border-gray-200 text-gray-600 bg-white"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-[10px]",
+        default: "px-2.5 py-1 text-xs",
+        lg: "px-3 py-1.5 text-sm"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Badge = React4__namespace.forwardRef(
+  ({ className, variant, size, pulse, pulseColor: pulseColorProp, children, ...props }, ref) => {
+    const pulseColorMap = {
+      default: "bg-gray-500",
+      primary: "bg-[var(--cyan)]",
+      success: "bg-green-500",
+      warning: "bg-amber-500",
+      error: "bg-red-500",
+      outline: "bg-gray-400"
+    };
+    const pulseColor = pulseColorProp ? pulseColorMap[pulseColorProp] : pulseColorMap[variant || "default"];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: cn(badgeVariants({ variant, size }), className),
+        ...props,
+        children: [
+          pulse && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "relative flex h-1.5 w-1.5", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute inline-flex h-full w-full animate-ping rounded-full opacity-75",
+                  pulseColor
+                )
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: cn(
+                  "relative inline-flex h-1.5 w-1.5 rounded-full",
+                  pulseColor
+                )
+              }
+            )
+          ] }),
+          children
+        ]
+      }
+    );
+  }
+);
+Badge.displayName = "Badge";
+var Card = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn(
+      "rounded-sm border border-gray-200 bg-white shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+Card.displayName = "Card";
+var CardHeader = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex flex-col space-y-1.5 p-6", className),
+    ...props
+  }
+));
+CardHeader.displayName = "CardHeader";
+var CardTitle = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "h3",
+  {
+    ref,
+    className: cn(
+      "text-lg font-bold leading-none tracking-tight text-[var(--black)]",
+      className
+    ),
+    ...props
+  }
+));
+CardTitle.displayName = "CardTitle";
+var CardDescription = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "p",
+  {
+    ref,
+    className: cn("text-sm text-gray-500", className),
+    ...props
+  }
+));
+CardDescription.displayName = "CardDescription";
+var CardContent = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+CardContent.displayName = "CardContent";
+var CardFooter = React4__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "div",
+  {
+    ref,
+    className: cn("flex items-center p-6 pt-0", className),
+    ...props
+  }
+));
+CardFooter.displayName = "CardFooter";
+var progressVariants = classVarianceAuthority.cva("h-full rounded-full transition-all duration-300", {
+  variants: {
+    variant: {
+      default: "bg-[var(--cyan)]",
+      success: "bg-green-500",
+      warning: "bg-amber-500",
+      error: "bg-red-500",
+      gradient: "bg-gradient-to-r from-[var(--cyan-dark)] to-[var(--cyan)]"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+var Progress = React4__namespace.forwardRef(
+  ({ className, value, variant, showLabel, label = "Progress", size = "default", ...props }, ref) => {
+    const clampedValue = Math.min(100, Math.max(0, value));
+    const heightClass = {
+      sm: "h-1",
+      default: "h-1.5",
+      lg: "h-2.5"
+    }[size];
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("w-full", className), ref, ...props, children: [
+      showLabel && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs mb-1", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-gray-500", children: label }),
+        /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "font-semibold text-[var(--black)]", children: [
+          clampedValue,
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cn(
+            "w-full bg-gray-200 rounded-full overflow-hidden",
+            heightClass
+          ),
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: cn(progressVariants({ variant })),
+              style: { width: `${clampedValue}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+Progress.displayName = "Progress";
+var iconBoxVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--black)] text-white",
+        primary: "bg-[var(--cyan)] text-[var(--black)]",
+        outline: "border-2 border-gray-200 bg-white text-[var(--black)]",
+        ghost: "bg-gray-100 text-gray-600",
+        gradient: "bg-gradient-to-br from-[var(--black)] to-[var(--cyan-dark)] text-white"
+      },
+      size: {
+        sm: "w-8 h-8",
+        default: "w-10 h-10",
+        lg: "w-12 h-12",
+        xl: "w-14 h-14"
+      },
+      rounded: {
+        sm: "rounded-sm",
+        default: "rounded-md",
+        full: "rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default",
+      rounded: "sm"
+    }
+  }
+);
+var IconBox = React4__namespace.forwardRef(
+  ({ className, variant, size, rounded, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: cn(iconBoxVariants({ variant, size, rounded }), className),
+        ...props,
+        children
+      }
+    );
+  }
+);
+IconBox.displayName = "IconBox";
+var tagVariants = classVarianceAuthority.cva(
+  "inline-flex items-center gap-2 font-medium transition-colors cursor-pointer",
+  {
+    variants: {
+      variant: {
+        default: "bg-gray-100 text-[var(--black)]",
+        primary: "bg-[var(--cyan)]/10 text-[var(--cyan)]",
+        outline: "border border-gray-200 bg-white text-gray-700 hover:border-[var(--black)] hover:text-[var(--black)]",
+        dark: "bg-[var(--black)] text-white"
+      },
+      size: {
+        sm: "px-2 py-1 text-[10px] rounded",
+        default: "px-3 py-1.5 text-xs rounded-full",
+        lg: "px-4 py-2 text-sm rounded-full"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Tag = React4__namespace.forwardRef(
+  ({ className, variant, size, icon, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "span",
+      {
+        ref,
+        className: cn(tagVariants({ variant, size }), className),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: icon }),
+          children
+        ]
+      }
+    );
+  }
+);
+Tag.displayName = "Tag";
+var statVariants = classVarianceAuthority.cva("", {
+  variants: {
+    variant: {
+      default: "",
+      card: "p-3 rounded-sm bg-gray-50 text-center"
+    },
+    align: {
+      left: "text-left",
+      center: "text-center",
+      right: "text-right"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    align: "left"
+  }
+});
+var valueVariants = classVarianceAuthority.cva("font-bold", {
+  variants: {
+    size: {
+      sm: "text-xl",
+      default: "text-3xl md:text-4xl",
+      lg: "text-4xl md:text-5xl",
+      xl: "text-5xl md:text-6xl"
+    },
+    color: {
+      default: "text-[var(--black)]",
+      primary: "text-[var(--cyan)]",
+      white: "text-white",
+      gradient: "text-gradient"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    color: "default"
+  }
+});
+var Stat = React4__namespace.forwardRef(
+  ({
+    className,
+    variant,
+    align,
+    value,
+    label,
+    suffix,
+    valueSize = "default",
+    valueColor = "default",
+    ...props
+  }, ref) => {
+    const justifyClass = {
+      left: "justify-start",
+      center: "justify-center",
+      right: "justify-end"
+    }[align || "left"];
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: cn(statVariants({ variant, align }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cn("flex items-baseline gap-2", justifyClass), children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(valueVariants({ size: valueSize, color: valueColor })), children: value }),
+            suffix && /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(
+              "font-medium text-[var(--cyan)]",
+              valueSize === "lg" || valueSize === "xl" ? "text-lg md:text-xl" : "text-base md:text-lg"
+            ), children: suffix })
+          ] }),
+          label && /* @__PURE__ */ jsxRuntime.jsx("div", { className: cn(
+            "font-medium mt-1",
+            valueColor === "white" ? "text-white/70 text-sm md:text-base" : "text-gray-500 text-xs md:text-sm"
+          ), children: label })
+        ]
+      }
+    );
+  }
+);
+Stat.displayName = "Stat";
+
+Object.defineProperty(exports, "AddressBook", {
+  enumerable: true,
+  get: function () { return react.AddressBook; }
+});
+Object.defineProperty(exports, "ArrowLeft", {
+  enumerable: true,
+  get: function () { return react.ArrowLeft; }
+});
+Object.defineProperty(exports, "ArrowRight", {
+  enumerable: true,
+  get: function () { return react.ArrowRight; }
+});
+Object.defineProperty(exports, "ArrowSquareOut", {
+  enumerable: true,
+  get: function () { return react.ArrowSquareOut; }
+});
+Object.defineProperty(exports, "ArrowUpRight", {
+  enumerable: true,
+  get: function () { return react.ArrowUpRight; }
+});
+Object.defineProperty(exports, "Brain", {
+  enumerable: true,
+  get: function () { return react.Brain; }
+});
+Object.defineProperty(exports, "Briefcase", {
+  enumerable: true,
+  get: function () { return react.Briefcase; }
+});
+Object.defineProperty(exports, "Buildings", {
+  enumerable: true,
+  get: function () { return react.Buildings; }
+});
+Object.defineProperty(exports, "Calendar", {
+  enumerable: true,
+  get: function () { return react.Calendar; }
+});
+Object.defineProperty(exports, "CaretDown", {
+  enumerable: true,
+  get: function () { return react.CaretDown; }
+});
+Object.defineProperty(exports, "CaretRight", {
+  enumerable: true,
+  get: function () { return react.CaretRight; }
+});
+Object.defineProperty(exports, "CaretUp", {
+  enumerable: true,
+  get: function () { return react.CaretUp; }
+});
+Object.defineProperty(exports, "ChartBar", {
+  enumerable: true,
+  get: function () { return react.ChartBar; }
+});
+Object.defineProperty(exports, "ChartLineUp", {
+  enumerable: true,
+  get: function () { return react.ChartLineUp; }
+});
+Object.defineProperty(exports, "ChatCircle", {
+  enumerable: true,
+  get: function () { return react.ChatCircle; }
+});
+Object.defineProperty(exports, "Check", {
+  enumerable: true,
+  get: function () { return react.Check; }
+});
+Object.defineProperty(exports, "CheckCircle", {
+  enumerable: true,
+  get: function () { return react.CheckCircle; }
+});
+Object.defineProperty(exports, "CheckSquare", {
+  enumerable: true,
+  get: function () { return react.CheckSquare; }
+});
+Object.defineProperty(exports, "Circle", {
+  enumerable: true,
+  get: function () { return react.Circle; }
+});
+Object.defineProperty(exports, "Clock", {
+  enumerable: true,
+  get: function () { return react.Clock; }
+});
+Object.defineProperty(exports, "Copy", {
+  enumerable: true,
+  get: function () { return react.Copy; }
+});
+Object.defineProperty(exports, "Database", {
+  enumerable: true,
+  get: function () { return react.Database; }
+});
+Object.defineProperty(exports, "DotsThree", {
+  enumerable: true,
+  get: function () { return react.DotsThree; }
+});
+Object.defineProperty(exports, "DotsThreeVertical", {
+  enumerable: true,
+  get: function () { return react.DotsThreeVertical; }
+});
+Object.defineProperty(exports, "Download", {
+  enumerable: true,
+  get: function () { return react.Download; }
+});
+Object.defineProperty(exports, "Envelope", {
+  enumerable: true,
+  get: function () { return react.Envelope; }
+});
+Object.defineProperty(exports, "EnvelopeSimple", {
+  enumerable: true,
+  get: function () { return react.EnvelopeSimple; }
+});
+Object.defineProperty(exports, "Eye", {
+  enumerable: true,
+  get: function () { return react.Eye; }
+});
+Object.defineProperty(exports, "EyeSlash", {
+  enumerable: true,
+  get: function () { return react.EyeSlash; }
+});
+Object.defineProperty(exports, "File", {
+  enumerable: true,
+  get: function () { return react.File; }
+});
+Object.defineProperty(exports, "FileText", {
+  enumerable: true,
+  get: function () { return react.FileText; }
+});
+Object.defineProperty(exports, "Files", {
+  enumerable: true,
+  get: function () { return react.Files; }
+});
+Object.defineProperty(exports, "FirstAid", {
+  enumerable: true,
+  get: function () { return react.FirstAid; }
+});
+Object.defineProperty(exports, "Funnel", {
+  enumerable: true,
+  get: function () { return react.Funnel; }
+});
+Object.defineProperty(exports, "Gear", {
+  enumerable: true,
+  get: function () { return react.Gear; }
+});
+Object.defineProperty(exports, "GearSix", {
+  enumerable: true,
+  get: function () { return react.GearSix; }
+});
+Object.defineProperty(exports, "Globe", {
+  enumerable: true,
+  get: function () { return react.Globe; }
+});
+Object.defineProperty(exports, "Handshake", {
+  enumerable: true,
+  get: function () { return react.Handshake; }
+});
+Object.defineProperty(exports, "House", {
+  enumerable: true,
+  get: function () { return react.House; }
+});
+Object.defineProperty(exports, "Info", {
+  enumerable: true,
+  get: function () { return react.Info; }
+});
+Object.defineProperty(exports, "Link", {
+  enumerable: true,
+  get: function () { return react.Link; }
+});
+Object.defineProperty(exports, "LinkedinLogo", {
+  enumerable: true,
+  get: function () { return react.LinkedinLogo; }
+});
+Object.defineProperty(exports, "List", {
+  enumerable: true,
+  get: function () { return react.List; }
+});
+Object.defineProperty(exports, "MagnifyingGlass", {
+  enumerable: true,
+  get: function () { return react.MagnifyingGlass; }
+});
+Object.defineProperty(exports, "Minus", {
+  enumerable: true,
+  get: function () { return react.Minus; }
+});
+Object.defineProperty(exports, "Pause", {
+  enumerable: true,
+  get: function () { return react.Pause; }
+});
+Object.defineProperty(exports, "PencilSimple", {
+  enumerable: true,
+  get: function () { return react.PencilSimple; }
+});
+Object.defineProperty(exports, "Phone", {
+  enumerable: true,
+  get: function () { return react.Phone; }
+});
+Object.defineProperty(exports, "Play", {
+  enumerable: true,
+  get: function () { return react.Play; }
+});
+Object.defineProperty(exports, "Plus", {
+  enumerable: true,
+  get: function () { return react.Plus; }
+});
+Object.defineProperty(exports, "Question", {
+  enumerable: true,
+  get: function () { return react.Question; }
+});
+Object.defineProperty(exports, "Receipt", {
+  enumerable: true,
+  get: function () { return react.Receipt; }
+});
+Object.defineProperty(exports, "Robot", {
+  enumerable: true,
+  get: function () { return react.Robot; }
+});
+Object.defineProperty(exports, "ShoppingCart", {
+  enumerable: true,
+  get: function () { return react.ShoppingCart; }
+});
+Object.defineProperty(exports, "SignIn", {
+  enumerable: true,
+  get: function () { return react.SignIn; }
+});
+Object.defineProperty(exports, "SignOut", {
+  enumerable: true,
+  get: function () { return react.SignOut; }
+});
+Object.defineProperty(exports, "SortAscending", {
+  enumerable: true,
+  get: function () { return react.SortAscending; }
+});
+Object.defineProperty(exports, "SortDescending", {
+  enumerable: true,
+  get: function () { return react.SortDescending; }
+});
+Object.defineProperty(exports, "Stop", {
+  enumerable: true,
+  get: function () { return react.Stop; }
+});
+Object.defineProperty(exports, "Trash", {
+  enumerable: true,
+  get: function () { return react.Trash; }
+});
+Object.defineProperty(exports, "Upload", {
+  enumerable: true,
+  get: function () { return react.Upload; }
+});
+Object.defineProperty(exports, "User", {
+  enumerable: true,
+  get: function () { return react.User; }
+});
+Object.defineProperty(exports, "UserPlus", {
+  enumerable: true,
+  get: function () { return react.UserPlus; }
+});
+Object.defineProperty(exports, "Users", {
+  enumerable: true,
+  get: function () { return react.Users; }
+});
+Object.defineProperty(exports, "UsersThree", {
+  enumerable: true,
+  get: function () { return react.UsersThree; }
+});
+Object.defineProperty(exports, "VideoCamera", {
+  enumerable: true,
+  get: function () { return react.VideoCamera; }
+});
+Object.defineProperty(exports, "Wallet", {
+  enumerable: true,
+  get: function () { return react.Wallet; }
+});
+Object.defineProperty(exports, "Warning", {
+  enumerable: true,
+  get: function () { return react.Warning; }
+});
+Object.defineProperty(exports, "WarningCircle", {
+  enumerable: true,
+  get: function () { return react.WarningCircle; }
+});
+Object.defineProperty(exports, "X", {
+  enumerable: true,
+  get: function () { return react.X; }
+});
+Object.defineProperty(exports, "XLogo", {
+  enumerable: true,
+  get: function () { return react.XLogo; }
+});
+exports.Badge = Badge;
+exports.Button = Button;
+exports.Card = Card;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardTitle = CardTitle;
+exports.IconBox = IconBox;
+exports.Logo = Logo;
+exports.Progress = Progress;
+exports.Sheet = Sheet;
+exports.SheetClose = SheetClose;
+exports.SheetContent = SheetContent;
+exports.SheetDescription = SheetDescription;
+exports.SheetFooter = SheetFooter;
+exports.SheetHeader = SheetHeader;
+exports.SheetOverlay = SheetOverlay;
+exports.SheetPortal = SheetPortal;
+exports.SheetTitle = SheetTitle;
+exports.SheetTrigger = SheetTrigger;
+exports.Stat = Stat;
+exports.Tag = Tag;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
+exports.cn = cn;
+exports.iconBoxVariants = iconBoxVariants;
+exports.progressVariants = progressVariants;
+exports.statVariants = statVariants;
+exports.tagVariants = tagVariants;
+exports.valueVariants = valueVariants;
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map