@sikka/hawa 0.23.2-next → 0.23.7-next

package/dist/chunk-GXSYCLZZ.mjs

@@ -1,158 +0,0 @@
-import {
-  PopoverContent,
-  PopoverTrigger
-} from "./chunk-AFOVBTLE.mjs";
-import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem
-} from "./chunk-QMV6AK2B.mjs";
-import {
-  Label
-} from "./chunk-Z3JCNSB3.mjs";
-import {
-  Skeleton
-} from "./chunk-J5NJEHQU.mjs";
-import {
-  cn
-} from "./chunk-TE3BKEXL.mjs";
-
-// components/elements/combobox/Combobox.tsx
-import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
-var Combobox = React.forwardRef(
-  ({
-    labelKey = "label",
-    valueKey = "value",
-    defaultValue = "",
-    popoverClassName,
-    labelProps,
-    data,
-    ...props
-  }, ref) => {
-    var _a, _b, _c;
-    const [open, setOpen] = React.useState(false);
-    const [value, setValue] = React.useState(defaultValue);
-    function getProperty(obj, key) {
-      return obj[key];
-    }
-    const handleOpenChange = (open2) => {
-      if (!(props.isLoading || props.preview)) {
-        setOpen(open2);
-      }
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        className: cn(
-          "hawa-relative hawa-flex hawa-h-fit hawa-flex-col hawa-gap-2",
-          props.width === "fit" ? "hawa-w-fit" : "hawa-w-full"
-        )
-      },
-      props.label && /* @__PURE__ */ React.createElement(Label, { ...labelProps }, props.label),
-      /* @__PURE__ */ React.createElement(PopoverPrimitive.Root, { open, onOpenChange: handleOpenChange }, /* @__PURE__ */ React.createElement(PopoverTrigger, { asChild: true }, props.isLoading ? /* @__PURE__ */ React.createElement("div", { className: "hawa-pb-2" }, /* @__PURE__ */ React.createElement(Skeleton, { className: "hawa-h-[40px] hawa-w-full" })) : /* @__PURE__ */ React.createElement("div", { className: "hawa-flex hawa-flex-col hawa-items-start hawa-gap-2 " }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: cn(
-            "hawa-absolute hawa-top-[22px] hawa-h-[0.8px] hawa-w-full hawa-bg-gray-200 hawa-transition-all dark:hawa-bg-gray-800",
-            props.preview ? "hawa-opacity-100" : "hawa-opacity-0"
-          )
-        }
-      ), /* @__PURE__ */ React.createElement(
-        "button",
-        {
-          role: "combobox",
-          "aria-expanded": open,
-          className: cn(
-            "hawa-inline-flex hawa-h-10 hawa-w-full hawa-select-none hawa-items-center hawa-justify-between hawa-rounded-md hawa-border hawa-py-2 hawa-text-sm hawa-font-normal hawa-text-primary hawa-ring-offset-background  hawa-transition-all  focus-visible:hawa-outline-none focus-visible:hawa-ring-2 focus-visible:hawa-ring-ring focus-visible:hawa-ring-offset-2 disabled:hawa-pointer-events-none disabled:hawa-opacity-50",
-            props.preview ? "hawa-cursor-default hawa-rounded-none hawa-border-transparent hawa-px-0" : "hawa-bg-background hawa-px-3 "
-          )
-        },
-        value ? getProperty(
-          data.find((item) => item[valueKey] === value) || {},
-          labelKey
-        ) : ((_a = props.texts) == null ? void 0 : _a.placeholder) || "...",
-        /* @__PURE__ */ React.createElement(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            className: cn(
-              "hawa-icon hawa-transition-all",
-              !props.preview ? "hawa-visible hawa-opacity-100" : "hawa-invisible hawa-opacity-0"
-            ),
-            "aria-label": "Chevron down icon",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            strokeLinecap: "round",
-            strokeLinejoin: "round"
-          },
-          /* @__PURE__ */ React.createElement("path", { d: "m6 9 6 6 6-6" })
-        )
-      ), /* @__PURE__ */ React.createElement(
-        "p",
-        {
-          className: cn(
-            "hawa-my-0 hawa-text-start hawa-text-xs hawa-text-helper-color hawa-transition-all",
-            props.helperText ? "hawa-h-4 hawa-opacity-100" : "hawa-h-0 hawa-opacity-0"
-          )
-        },
-        props.helperText
-      ))), /* @__PURE__ */ React.createElement(
-        PopoverContent,
-        {
-          className: cn("popover-w-parent", props.helperText && "-hawa-mt-4")
-        },
-        /* @__PURE__ */ React.createElement(Command, null, !props.hideInput && /* @__PURE__ */ React.createElement(
-          CommandInput,
-          {
-            placeholder: ((_b = props.texts) == null ? void 0 : _b.searchPlaceholder) || "Search"
-          }
-        ), /* @__PURE__ */ React.createElement(CommandEmpty, null, ((_c = props.texts) == null ? void 0 : _c.noItems) || "No items found."), /* @__PURE__ */ React.createElement(CommandGroup, { className: "hawa-max-h-[200px] hawa-overflow-y-auto" }, data.map((item, i) => /* @__PURE__ */ React.createElement(
-          CommandItem,
-          {
-            key: i,
-            onSelect: () => {
-              const newValue = getProperty(item, valueKey);
-              setValue(newValue === value ? "" : newValue);
-              if (props.onChange) {
-                props.onChange(
-                  newValue === value ? "" : newValue
-                );
-              }
-              setOpen(false);
-            }
-          },
-          /* @__PURE__ */ React.createElement(
-            "svg",
-            {
-              "aria-label": "Check 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",
-              className: cn(
-                "hawa-icon hawa-mr-2",
-                value === getProperty(item, valueKey) ? "hawa-opacity-100" : "hawa-opacity-0"
-              )
-            },
-            /* @__PURE__ */ React.createElement("polyline", { points: "20 6 9 17 4 12" })
-          ),
-          getProperty(item, labelKey)
-        ))))
-      ))
-    );
-  }
-);
-
-export {
-  Combobox
-};

package/dist/chunk-IQPGAHUR.mjs

@@ -1,107 +0,0 @@
-import {
-  Button
-} from "./chunk-SYB66JGL.mjs";
-import {
-  cn
-} from "./chunk-TE3BKEXL.mjs";
-
-// components/elements/backToTop/BackToTop.tsx
-import React, { useState, useEffect, useRef } from "react";
-var BackToTop = ({ ...props }) => {
-  const [visible, setVisible] = useState(false);
-  const [rect, _setRect] = useState(null);
-  const self = useRef(null);
-  const _rect = useRef(rect);
-  const setRect = (data) => {
-    _rect.current = data;
-    _setRect(data);
-  };
-  const getCoords = () => {
-    let anchor = props.anchor.current;
-    if (anchor) {
-      return [anchor.scrollTop, anchor.scrollLeft];
-    }
-    return [0, 0];
-  };
-  const onScroll = () => {
-    var _a;
-    let [scrollTop, scrollLeft] = getCoords();
-    let rect2 = (_a = props.anchor.current) == null ? void 0 : _a.getBoundingClientRect();
-    if (rect2) {
-      setVisible(scrollTop >= rect2.height + (props.paddingThreshold || 100));
-    }
-  };
-  const backToTop = () => {
-    if (props.anchor.current) {
-      props.anchor.current.scrollTo({ top: 0, behavior: "smooth" });
-    }
-  };
-  useEffect(() => {
-    if (!props.anchor.current)
-      return;
-    props.anchor.current.addEventListener("scroll", onScroll);
-    let interval = setInterval(() => {
-      if (!props.anchor.current)
-        return;
-      let newRect = props.anchor.current.getBoundingClientRect();
-      if (_rect.current == null)
-        return setRect(newRect);
-      if (!(_rect.current.top == newRect.top && _rect.current.left == newRect.left && _rect.current.width == newRect.width && _rect.current.height == newRect.height)) {
-        setRect(newRect);
-      }
-    }, 1);
-    return () => {
-      var _a;
-      (_a = props.anchor.current) == null ? void 0 : _a.removeEventListener("scroll", onScroll);
-      clearInterval(interval);
-    };
-  }, [onScroll, props.anchor]);
-  const getStyles = () => {
-    var _a;
-    if (!props.anchor.current || !self.current)
-      return {};
-    let corner = props.corner || "bottom-right";
-    let [vertical, horizontal] = corner.split("-");
-    let anchorRect = props.anchor.current.getBoundingClientRect();
-    let selfRect = (_a = self.current) == null ? void 0 : _a.getBoundingClientRect();
-    let width = horizontal == "right" ? anchorRect.width - selfRect.width : 0;
-    let height = vertical == "bottom" ? anchorRect.height - selfRect.height : 0;
-    let style = {
-      top: anchorRect.y + height + (vertical == "bottom" ? -1 : 1) * (props.paddingX || 10),
-      left: anchorRect.x + width + (horizontal == "right" ? -1 : 1) * (props.paddingX || 25)
-    };
-    return style;
-  };
-  return /* @__PURE__ */ React.createElement(
-    Button,
-    {
-      className: cn(
-        "hawa-fixed hawa-cursor-pointer hawa-rounded hawa-transition-all",
-        visible ? "hawa-pointer-events-all hawa-opacity-100" : "hawa-pointer-events-none hawa-opacity-0"
-      ),
-      onClick: backToTop,
-      style: {
-        ...getStyles(),
-        transitionProperty: "opacity, background-color"
-      },
-      ref: self,
-      size: "icon"
-    },
-    /* @__PURE__ */ React.createElement(
-      "svg",
-      {
-        className: cn(
-          "hawa-h-6 hawa-w-6 hawa-shrink-0 hawa-rotate-180 hawa-transition-all  disabled:hawa-bg-gray-200"
-        ),
-        "aria-label": "Arrow Icon",
-        viewBox: "0 0 20 20",
-        fill: "currentColor"
-      },
-      /* @__PURE__ */ React.createElement("path", { d: "M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" })
-    )
-  );
-};
-
-export {
-  BackToTop
-};

package/dist/chunk-POT2IP62.mjs

@@ -1,123 +0,0 @@
-import {
-  cn
-} from "./chunk-TE3BKEXL.mjs";
-
-// components/elements/avatar/Avatar.tsx
-import React2 from "react";
-
-// components/elements/FileUploader.tsx
-import React, { useRef } from "react";
-var FileUploader = ({ handleFile, className }) => {
-  const hiddenFileInput = useRef(null);
-  const handleClick = () => {
-    var _a;
-    (_a = hiddenFileInput.current) == null ? void 0 : _a.click();
-  };
-  const handleChange = (event) => {
-    const fileUploaded = event.target.files[0];
-    handleFile(fileUploaded);
-  };
-  return /* @__PURE__ */ React.createElement("div", { className }, /* @__PURE__ */ React.createElement("div", { className: "hawa-h-full hawa-w-full", onClick: handleClick }), /* @__PURE__ */ React.createElement(
-    "input",
-    {
-      type: "file",
-      onChange: handleChange,
-      ref: hiddenFileInput,
-      style: { display: "none" }
-    }
-  ));
-};
-
-// components/elements/avatar/Avatar.tsx
-var Avatar = ({
-  isUploadable,
-  src,
-  alt,
-  size = "default",
-  radius = "inherit",
-  icon,
-  className,
-  ...props
-}) => {
-  let sizeStyles = {
-    "2xs": "hawa-h-4 hawa-w-4",
-    xs: "hawa-h-6 hawa-w-6",
-    sm: "hawa-h-8 hawa-w-8",
-    default: "hawa-h-10 hawa-w-10",
-    lg: "hawa-h-12 hawa-w-12",
-    xl: "hawa-h-14 hawa-w-14",
-    "2xl": "hawa-h-16 hawa-w-16",
-    "3xl": "hawa-h-[72px] hawa-w-[72px]",
-    "4xl": "hawa-h-20 hawa-w-20",
-    "5xl": "hawa-h-[88px] hawa-w-[88px]",
-    "6xl": "hawa-h-24 hawa-w-24"
-  };
-  let radiusStyles = {
-    full: "hawa-rounded-full",
-    inherit: "hawa-rounded",
-    none: "hawa-rounded-none"
-  };
-  return /* @__PURE__ */ React2.createElement(
-    "div",
-    {
-      className: cn(
-        "hawa-relative  hawa-bg-card hawa-p-0",
-        sizeStyles[size],
-        radiusStyles[radius],
-        className
-      )
-    },
-    /* @__PURE__ */ React2.createElement(
-      FileUploader,
-      {
-        className: cn(
-          "hawa-absolute hawa-left-0 hawa-top-0 hawa-w-full hawa-cursor-pointer hawa-bg-red-400 hawa-opacity-0",
-          sizeStyles[size],
-          radiusStyles[radius],
-          (!isUploadable || !!src) && "hawa-hidden"
-        )
-      }
-    ),
-    /* @__PURE__ */ React2.createElement(
-      "img",
-      {
-        className: cn(
-          "hawa-blue-400 hawa-object-cover",
-          sizeStyles[size],
-          radiusStyles[radius],
-          !src && "hawa-hidden"
-        ),
-        src,
-        alt
-      }
-    ),
-    !src && !isUploadable && /* @__PURE__ */ React2.createElement(
-      "div",
-      {
-        className: cn(
-          sizeStyles[size],
-          "hawa-flex hawa-flex-col hawa-items-center hawa-justify-center"
-        )
-      },
-      icon ? icon : /* @__PURE__ */ React2.createElement(
-        "svg",
-        {
-          xmlns: "http://www.w3.org/2000/svg",
-          style: { width: "50%", opacity: 0.35 },
-          viewBox: "0 0 24 24",
-          fill: "none",
-          stroke: "currentColor",
-          strokeWidth: "2",
-          strokeLinecap: "round",
-          strokeLinejoin: "round"
-        },
-        /* @__PURE__ */ React2.createElement("circle", { cx: "12", cy: "8", r: "5" }),
-        /* @__PURE__ */ React2.createElement("path", { d: "M20 21a8 8 0 1 0-16 0" })
-      )
-    )
-  );
-};
-
-export {
-  Avatar
-};

package/dist/chunk-TWDZB2VH.mjs

@@ -1,151 +0,0 @@
-import {
-  cn
-} from "./chunk-TE3BKEXL.mjs";
-
-// components/elements/sheet/Sheet.tsx
-import * as React from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva } from "class-variance-authority";
-var Sheet = SheetPrimitive.Root;
-var SheetTrigger = SheetPrimitive.Trigger;
-var SheetClose = SheetPrimitive.Close;
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Overlay,
-  {
-    className: cn(
-      "hawa-fixed hawa-inset-0 hawa-z-50 hawa-bg-background/80 hawa-backdrop-blur-sm data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-fade-out-0 data-[state=open]:hawa-fade-in-0",
-      className
-    ),
-    ...props,
-    ref
-  }
-));
-var sheetVariants = cva(
-  "hawa-fixed hawa-z-50 hawa-gap-4 hawa-bg-background hawa-p-2 hawa-shadow-lg hawa-transition hawa-ease-in-out data-[state=open]:hawa-animate-in data-[state=closed]:hawa-animate-out data-[state=closed]:hawa-duration-300 data-[state=open]:hawa-duration-300",
-  {
-    variants: {
-      side: {
-        top: "hawa-inset-x-0 hawa-top-0 hawa-border-b data-[state=closed]:hawa-slide-out-to-top data-[state=open]:hawa-slide-in-from-top",
-        bottom: "hawa-inset-x-0 hawa-bottom-0 hawa-border-t data-[state=closed]:hawa-slide-out-to-bottom data-[state=open]:hawa-slide-in-from-bottom",
-        left: "hawa-inset-y-0 hawa-left-0 hawa-h-full hawa-w-3/4 hawa-border-r data-[state=closed]:hawa-slide-out-to-left data-[state=open]:hawa-slide-in-from-left sm:hawa-max-w-sm",
-        right: "hawa-inset-y-0 hawa-right-0 hawa-h-full hawa-w-3/4  hawa-border-l data-[state=closed]:hawa-slide-out-to-right data-[state=open]:hawa-slide-in-from-right sm:hawa-max-w-sm"
-      }
-    },
-    defaultVariants: {
-      side: "right"
-    }
-  }
-);
-var SheetContent = React.forwardRef(
-  ({ side = "right", className, children, persist, hideCloseButton, ...props }, ref) => /* @__PURE__ */ React.createElement(SheetPortal, null, /* @__PURE__ */ React.createElement(SheetOverlay, null), /* @__PURE__ */ React.createElement(
-    SheetPrimitive.Content,
-    {
-      ref,
-      className: cn(sheetVariants({ side }), className),
-      onPointerDownOutside: (e) => {
-        if (persist) {
-          e.preventDefault();
-        }
-      },
-      ...props
-    },
-    children,
-    !hideCloseButton && /* @__PURE__ */ React.createElement(
-      SheetPrimitive.Close,
-      {
-        className: cn(
-          "hawa-absolute hawa-rounded-sm hawa-opacity-70 hawa-ring-offset-background hawa-transition-opacity hover:hawa-opacity-100 focus:hawa-outline-none focus:hawa-ring-2 focus:hawa-ring-ring focus:hawa-ring-offset-2 disabled:hawa-pointer-events-none data-[state=open]:hawa-bg-secondary",
-          {
-            "hawa-right-4 hawa-top-4": side === "left" || side === "bottom",
-            "hawa-left-4 hawa-top-4": side === "right",
-            "hawa-bottom-4 hawa-right-4": side === "top"
-          }
-        )
-      },
-      /* @__PURE__ */ React.createElement(
-        "svg",
-        {
-          "aria-label": "Close Icon",
-          "aria-hidden": "true",
-          className: "hawa-h-5 hawa-w-5",
-          fill: "currentColor",
-          viewBox: "0 0 20 20"
-        },
-        /* @__PURE__ */ React.createElement(
-          "path",
-          {
-            fillRule: "evenodd",
-            d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z",
-            clipRule: "evenodd"
-          }
-        )
-      ),
-      /* @__PURE__ */ React.createElement("span", { className: "hawa-sr-only" }, "Close")
-    )
-  ))
-);
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-2 hawa-text-center sm:hawa-text-left",
-      className
-    ),
-    ...props
-  }
-);
-var SheetFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    className: cn(
-      "hawa-flex hawa-flex-col-reverse sm:hawa-flex-row sm:hawa-justify-end sm:hawa-space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "hawa-text-lg hawa-font-semibold hawa-text-foreground",
-      className
-    ),
-    ...props
-  }
-));
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  SheetPrimitive.Description,
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
-SheetDescription.displayName = SheetPrimitive.Description.displayName;
-SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
-SheetContent.displayName = SheetPrimitive.Content.displayName;
-SheetHeader.displayName = "SheetHeader";
-SheetFooter.displayName = "SheetFooter";
-SheetTitle.displayName = SheetPrimitive.Title.displayName;
-
-export {
-  Sheet,
-  SheetTrigger,
-  SheetClose,
-  SheetPortal,
-  SheetOverlay,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription
-};

package/dist/chunk-VBTYVVA7.mjs

@@ -1,93 +0,0 @@
-import {
-  cn
-} from "./chunk-TE3BKEXL.mjs";
-
-// components/elements/card/Card.tsx
-import * as React from "react";
-var Card = React.forwardRef(
-  ({ className, variant = "default", clickable = false, ...props }, ref) => {
-    let variantStyles = {
-      default: cn(
-        "hawa-rounded-lg hawa-border hawa-bg-card hawa-text-card-foreground hawa-shadow-sm",
-        clickable && "hawa-cursor-pointer hawa-transition-all hover:hawa-drop-shadow-md dark:hover:dark-shadow"
-      ),
-      neoBrutalism: cn(
-        "neo-brutalism",
-        // "hawa-transition-all hawa-uppercase hawa-font-mono  dark:hawa-bg-black hawa-font-bold hawa-py-2 hawa-px-4 hawa-rounded hawa-border-2 hawa-border-primary hawa-shadow-color-primary hawa-transition-[hawa-transform_50ms, hawa-box-shadow_50ms] transition-all uppercase font-mono  dark:bg-black font-bold py-2 px-4 rounded border-2 border-primary shadow-color-primary transition-[transform_50ms, box-shadow_50ms]",
-        clickable && "hawa-cursor-pointer active:hawa-translate-x-0.5 active:hawa-translate-y-0.5 active:hawa-shadow-color-primary-active active:translate-x-0.5 active:translate-y-0.5 active:shadow-color-primary-active"
-      )
-    };
-    return /* @__PURE__ */ React.createElement(
-      "div",
-      {
-        ref,
-        className: cn(className, variantStyles[variant]),
-        ...props
-      }
-    );
-  }
-);
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn(
-      "hawa-flex hawa-flex-col hawa-space-y-1.5 hawa-p-6",
-      className
-    ),
-    ...props
-  }
-));
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "h3",
-  {
-    ref,
-    className: cn("hawa-text-2xl hawa-font-semibold ", className),
-    ...props
-  }
-));
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "p",
-  {
-    ref,
-    className: cn("hawa-text-sm hawa-text-muted-foreground", className),
-    ...props
-  }
-));
-var CardContent = React.forwardRef(
-  ({ headless, noPadding, className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      ref,
-      className: cn(
-        noPadding ? "hawa-p-0" : "hawa-p-6",
-        headless ? "hawa-pt-6" : "hawa-pt-0",
-        className
-      ),
-      ...props
-    }
-  )
-);
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    ref,
-    className: cn("hawa-flex hawa-items-center hawa-p-6 hawa-pt-0", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-CardContent.displayName = "CardContent";
-CardHeader.displayName = "CardHeader";
-CardFooter.displayName = "CardFooter";
-CardTitle.displayName = "CardTitle";
-Card.displayName = "Card";
-
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter
-};