@conductor-by-89soone/react 0.3.0 → 0.4.0

package/dist/chunk-MR7FIZKV.js

@@ -1,221 +0,0 @@
-import { cx } from './chunk-WEIMKRZV.js';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import * as RadixDropdownMenu from '@radix-ui/react-dropdown-menu';
-import * as RadixTooltip from '@radix-ui/react-tooltip';
-import { forwardRef } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var DialogContent = forwardRef(
-  function DialogContent2({ children, className, size = "md", ...props }, ref) {
-    return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
-      /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "cdt-overlay" }),
-      /* @__PURE__ */ jsx(
-        RadixDialog.Content,
-        {
-          ...props,
-          ref,
-          className: cx(
-            "cdt-dialog",
-            size === "sm" && "cdt-dialog--sm",
-            className
-          ),
-          children
-        }
-      )
-    ] });
-  }
-);
-DialogContent.displayName = "Dialog.Content";
-var DialogTitle = forwardRef(function DialogTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDialog.Title,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-dialog__title", className)
-    }
-  );
-});
-DialogTitle.displayName = "Dialog.Title";
-var DialogDescription = forwardRef(function DialogDescription2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDialog.Description,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-dialog__description", className)
-    }
-  );
-});
-DialogDescription.displayName = "Dialog.Description";
-var DialogClose = forwardRef(
-  function DialogClose2({ asChild = false, className, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      RadixDialog.Close,
-      {
-        ...props,
-        ref,
-        asChild,
-        className: cx(
-          "cdt-dialog__close",
-          !asChild && "cdt-btn",
-          !asChild && "cdt-btn--secondary",
-          !asChild && "cdt-btn--sm",
-          className
-        )
-      }
-    );
-  }
-);
-DialogClose.displayName = "Dialog.Close";
-var Dialog = {
-  Root: RadixDialog.Root,
-  Trigger: RadixDialog.Trigger,
-  Content: DialogContent,
-  Title: DialogTitle,
-  Description: DialogDescription,
-  Close: DialogClose
-};
-var DrawerContent = forwardRef(
-  function DrawerContent2({ children, className, side = "right", ...props }, ref) {
-    return /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
-      /* @__PURE__ */ jsx(RadixDialog.Overlay, { className: "cdt-overlay" }),
-      /* @__PURE__ */ jsx(
-        RadixDialog.Content,
-        {
-          ...props,
-          ref,
-          className: cx("cdt-drawer", `cdt-drawer--${side}`, className),
-          children
-        }
-      )
-    ] });
-  }
-);
-DrawerContent.displayName = "Drawer.Content";
-var DrawerTitle = forwardRef(function DrawerTitle2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDialog.Title,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-drawer__title", className)
-    }
-  );
-});
-DrawerTitle.displayName = "Drawer.Title";
-var DrawerClose = forwardRef(
-  function DrawerClose2({ asChild = false, className, ...props }, ref) {
-    return /* @__PURE__ */ jsx(
-      RadixDialog.Close,
-      {
-        ...props,
-        ref,
-        asChild,
-        className: cx(
-          "cdt-drawer__close",
-          !asChild && "cdt-btn",
-          !asChild && "cdt-btn--secondary",
-          !asChild && "cdt-btn--sm",
-          className
-        )
-      }
-    );
-  }
-);
-DrawerClose.displayName = "Drawer.Close";
-var Drawer = {
-  Root: RadixDialog.Root,
-  Trigger: RadixDialog.Trigger,
-  Content: DrawerContent,
-  Title: DrawerTitle,
-  Description: RadixDialog.Description,
-  Close: DrawerClose
-};
-var TooltipContent = forwardRef(
-  function TooltipContent2({ children, className, showArrow = true, ...props }, ref) {
-    return /* @__PURE__ */ jsx(RadixTooltip.Portal, { children: /* @__PURE__ */ jsxs(
-      RadixTooltip.Content,
-      {
-        ...props,
-        ref,
-        className: cx("cdt-tooltip", className),
-        children: [
-          children,
-          showArrow ? /* @__PURE__ */ jsx(RadixTooltip.Arrow, { className: "cdt-tooltip__arrow" }) : null
-        ]
-      }
-    ) });
-  }
-);
-TooltipContent.displayName = "Tooltip.Content";
-var Tooltip = {
-  Provider: RadixTooltip.Provider,
-  Root: RadixTooltip.Root,
-  Trigger: RadixTooltip.Trigger,
-  Content: TooltipContent
-};
-var DropdownMenuContent = forwardRef(function DropdownMenuContent2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(RadixDropdownMenu.Portal, { children: /* @__PURE__ */ jsx(
-    RadixDropdownMenu.Content,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-menu", className)
-    }
-  ) });
-});
-DropdownMenuContent.displayName = "DropdownMenu.Content";
-var DropdownMenuItem = forwardRef(
-  function DropdownMenuItem2({ children, className, icon, tone = "neutral", ...props }, ref) {
-    return /* @__PURE__ */ jsxs(
-      RadixDropdownMenu.Item,
-      {
-        ...props,
-        ref,
-        className: cx(
-          "cdt-menu__item",
-          tone === "danger" && "cdt-menu__item--danger",
-          className
-        ),
-        children: [
-          icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-menu__item-icon", "aria-hidden": "true", children: icon }),
-          children
-        ]
-      }
-    );
-  }
-);
-DropdownMenuItem.displayName = "DropdownMenu.Item";
-var DropdownMenuLabel = forwardRef(function DropdownMenuLabel2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDropdownMenu.Label,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-menu__label", className)
-    }
-  );
-});
-DropdownMenuLabel.displayName = "DropdownMenu.Label";
-var DropdownMenuSeparator = forwardRef(function DropdownMenuSeparator2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx(
-    RadixDropdownMenu.Separator,
-    {
-      ...props,
-      ref,
-      className: cx("cdt-menu__separator", className)
-    }
-  );
-});
-DropdownMenuSeparator.displayName = "DropdownMenu.Separator";
-var DropdownMenu = {
-  Root: RadixDropdownMenu.Root,
-  Trigger: RadixDropdownMenu.Trigger,
-  Content: DropdownMenuContent,
-  Item: DropdownMenuItem,
-  Label: DropdownMenuLabel,
-  Separator: DropdownMenuSeparator
-};
-
-export { Dialog, Drawer, DropdownMenu, Tooltip };

package/dist/chunk-NF3ZHADJ.js

@@ -1,60 +0,0 @@
-import { cx } from './chunk-WEIMKRZV.js';
-import { forwardRef, useEffect } from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Banner = forwardRef(function Banner2({ action, children, className, icon, title, tone = "info", ...props }, ref) {
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production" && tone === "danger" && action === void 0) console.warn('[conductor] Banner tone="danger" requires a recovery action.');
-  }, [action, tone]);
-  return /* @__PURE__ */ jsxs("div", { ...props, ref, role: tone === "danger" ? "alert" : "status", className: cx("cdt-banner", `cdt-banner--${tone}`, className), children: [
-    icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-banner__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsxs("div", { className: "cdt-banner__body", children: [
-      title === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-banner__title", children: title }),
-      children
-    ] }),
-    action === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-banner__action", children: action })
-  ] });
-});
-Banner.displayName = "Banner";
-var EmptyState = forwardRef(function EmptyState2({ action, className, description, icon, title, ...props }, ref) {
-  return /* @__PURE__ */ jsxs("div", { ...props, ref, className: cx("cdt-empty-state", className), children: [
-    icon === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__icon", "aria-hidden": "true", children: icon }),
-    /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__title", children: title }),
-    description === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__description", children: description }),
-    action === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-empty-state__action", children: action })
-  ] });
-});
-EmptyState.displayName = "EmptyState";
-var ratio = (value, min, max) => max <= min ? 0 : Math.min(1, Math.max(0, (value - min) / (max - min)));
-var Meter = forwardRef(function Meter2({ "aria-label": ariaLabel, className, exceededAt, max = 100, min = 0, style, value, valueText, warningAt, ...props }, ref) {
-  const tone = exceededAt !== void 0 && value >= exceededAt ? "exceeded" : warningAt !== void 0 && value >= warningAt ? "warning" : "normal";
-  const meterStyle = { ...style, "--cdt-meter-ratio": String(ratio(value, min, max)) };
-  return /* @__PURE__ */ jsxs("div", { ...props, ref, style: meterStyle, role: "meter", "aria-label": ariaLabel, "aria-valuenow": value, "aria-valuemin": min, "aria-valuemax": max, "aria-valuetext": valueText, className: cx("cdt-meter", `cdt-meter--${tone}`, className), children: [
-    /* @__PURE__ */ jsx("div", { className: "cdt-meter__track", children: /* @__PURE__ */ jsx("div", { className: "cdt-meter__fill" }) }),
-    /* @__PURE__ */ jsx("span", { className: "cdt-meter__value", children: valueText })
-  ] });
-});
-Meter.displayName = "Meter";
-var ProgressRing = forwardRef(function ProgressRing2({ "aria-label": ariaLabel, className, max = 100, size = "md", style, value, valueText, ...props }, ref) {
-  const ringStyle = { ...style, "--cdt-progress-ring-ratio": String(ratio(value, 0, max)) };
-  return /* @__PURE__ */ jsxs("div", { ...props, ref, style: ringStyle, role: "progressbar", "aria-label": ariaLabel, "aria-valuenow": value, "aria-valuemin": 0, "aria-valuemax": max, "aria-valuetext": valueText, className: cx("cdt-progress-ring", size === "sm" && "cdt-progress-ring--sm", className), children: [
-    /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 32 32", children: [
-      /* @__PURE__ */ jsx("circle", { className: "cdt-progress-ring__track", cx: "16", cy: "16", r: "14" }),
-      /* @__PURE__ */ jsx("circle", { className: "cdt-progress-ring__indicator", cx: "16", cy: "16", r: "14" })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "cdt-progress-ring__label", children: valueText })
-  ] });
-});
-ProgressRing.displayName = "ProgressRing";
-var Spinner = forwardRef(function Spinner2({ className, label, size = "md", ...props }, ref) {
-  return /* @__PURE__ */ jsxs("div", { ...props, ref, role: "status", "aria-live": "polite", className: cx("cdt-spinner", size === "sm" && "cdt-spinner--sm", className), children: [
-    /* @__PURE__ */ jsxs("svg", { "aria-hidden": "true", viewBox: "0 0 32 32", children: [
-      /* @__PURE__ */ jsx("circle", { className: "cdt-spinner__track", cx: "16", cy: "16", r: "14" }),
-      /* @__PURE__ */ jsx("circle", { className: "cdt-spinner__indicator", cx: "16", cy: "16", r: "14" })
-    ] }),
-    /* @__PURE__ */ jsx("span", { className: "cdt-spinner__label", children: label })
-  ] });
-});
-Spinner.displayName = "Spinner";
-
-export { Banner, EmptyState, Meter, ProgressRing, Spinner };

package/dist/chunk-R5BLKHR2.js

@@ -1,81 +0,0 @@
-import { cx } from './chunk-WEIMKRZV.js';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef, useRef, Fragment as Fragment$1 } from 'react';
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-
-var AppShell = forwardRef(function AppShell2({
-  children,
-  className,
-  mainId = "cdt-main",
-  nav,
-  navCloseLabel = "Close navigation",
-  navOpen,
-  onNavOpenChange,
-  skipLinkLabel,
-  topBar,
-  ...props
-}, ref) {
-  const mainRef = useRef(null);
-  return /* @__PURE__ */ jsxs(RadixDialog.Root, { modal: false, open: navOpen, onOpenChange: onNavOpenChange, children: [
-    /* @__PURE__ */ jsxs("div", { ...props, ref, className: cx("cdt-app-shell", className), children: [
-      /* @__PURE__ */ jsx(
-        "a",
-        {
-          className: "cdt-skip-link",
-          href: `#${mainId}`,
-          onClick: (event) => {
-            event.preventDefault();
-            mainRef.current?.focus();
-          },
-          children: skipLinkLabel
-        }
-      ),
-      /* @__PURE__ */ jsx("aside", { className: "cdt-app-shell__nav", "aria-hidden": navOpen || void 0, children: navOpen ? null : nav }),
-      /* @__PURE__ */ jsxs("div", { className: "cdt-app-shell__content", children: [
-        topBar,
-        /* @__PURE__ */ jsx("main", { ref: mainRef, id: mainId, className: "cdt-app-shell__main", tabIndex: -1, children })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs(RadixDialog.Portal, { children: [
-      /* @__PURE__ */ jsx(RadixDialog.Close, { asChild: true, children: /* @__PURE__ */ jsx("button", { type: "button", className: "cdt-app-shell__overlay", "aria-label": navCloseLabel }) }),
-      /* @__PURE__ */ jsxs(RadixDialog.Content, { className: "cdt-app-shell__nav", "data-mobile": "", children: [
-        /* @__PURE__ */ jsx(RadixDialog.Title, { className: "cdt-sr-only", children: "Navigation" }),
-        nav
-      ] })
-    ] })
-  ] });
-});
-AppShell.displayName = "AppShell";
-var NavList = forwardRef(function NavList2({ className, items, renderLink, ...props }, ref) {
-  let previousSection;
-  return /* @__PURE__ */ jsx("nav", { ...props, ref, className: cx("cdt-nav-list", className), children: /* @__PURE__ */ jsx("ul", { className: "cdt-nav-list__items", children: items.map((item) => {
-    const showSection = item.section !== void 0 && item.section !== previousSection;
-    previousSection = item.section;
-    const linkProps = {
-      className: cx("cdt-nav-list__item", item.active && "cdt-nav-list__item--active"),
-      "aria-current": item.active ? "page" : void 0,
-      children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        item.icon === void 0 ? null : /* @__PURE__ */ jsx("span", { className: "cdt-nav-list__icon", "aria-hidden": "true", children: item.icon }),
-        /* @__PURE__ */ jsx("span", { children: item.label })
-      ] })
-    };
-    return /* @__PURE__ */ jsxs(Fragment$1, { children: [
-      showSection ? /* @__PURE__ */ jsx("li", { className: "cdt-nav-list__section-label", children: item.section }) : null,
-      /* @__PURE__ */ jsx("li", { children: renderLink(item, linkProps) })
-    ] }, item.id);
-  }) }) });
-});
-NavList.displayName = "NavList";
-var TopBar = forwardRef(function TopBar2({ actions, className, eyebrow, menuButton, title, ...props }, ref) {
-  return /* @__PURE__ */ jsxs("header", { ...props, ref, className: cx("cdt-topbar", className), title: typeof title === "string" ? title : void 0, children: [
-    menuButton === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__menu-button", children: menuButton }),
-    eyebrow === void 0 && title === void 0 ? null : /* @__PURE__ */ jsxs("div", { className: "cdt-topbar__context", children: [
-      eyebrow === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__eyebrow", children: eyebrow }),
-      title === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__title", children: title })
-    ] }),
-    actions === void 0 ? null : /* @__PURE__ */ jsx("div", { className: "cdt-topbar__actions", children: actions })
-  ] });
-});
-TopBar.displayName = "TopBar";
-
-export { AppShell, NavList, TopBar };

package/dist/chunk-RBD5Z2LR.js

@@ -1,58 +0,0 @@
-import { cx } from './chunk-WEIMKRZV.js';
-import { forwardRef, useEffect } from 'react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-
-var TableHead = forwardRef(function TableHead2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("thead", { ...props, ref, className: cx("cdt-table__head", className) });
-});
-TableHead.displayName = "Table.Head";
-var TableBody = forwardRef(function TableBody2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("tbody", { ...props, ref, className: cx("cdt-table__body", className) });
-});
-TableBody.displayName = "Table.Body";
-var TableRow = forwardRef(function TableRow2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("tr", { ...props, ref, className: cx("cdt-table__row", className) });
-});
-TableRow.displayName = "Table.Row";
-var TableHeaderCell = forwardRef(function TableHeaderCell2({ className, scope = "col", ...props }, ref) {
-  return /* @__PURE__ */ jsx("th", { ...props, ref, scope, className: cx("cdt-table__header-cell", className) });
-});
-TableHeaderCell.displayName = "Table.HeaderCell";
-var TableCell = forwardRef(function TableCell2({ className, numeric = false, ...props }, ref) {
-  return /* @__PURE__ */ jsx("td", { ...props, ref, className: cx("cdt-table__cell", numeric && "cdt-num", className) });
-});
-TableCell.displayName = "Table.Cell";
-var Table = Object.assign(forwardRef(function Table2({ "aria-label": ariaLabel, caption, children, className, scrollContainerProps, ...props }, ref) {
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production" && caption == null && ariaLabel === void 0) {
-      console.warn("[conductor] Table requires a caption or aria-label.");
-    }
-  }, [ariaLabel, caption]);
-  return /* @__PURE__ */ jsx("div", { ...scrollContainerProps, ...props, ref, tabIndex: props.tabIndex ?? scrollContainerProps?.tabIndex ?? 0, "aria-label": ariaLabel, className: cx("cdt-table__scroll", scrollContainerProps?.className, className), children: /* @__PURE__ */ jsxs("table", { "aria-label": ariaLabel, className: "cdt-table", children: [
-    caption == null ? null : /* @__PURE__ */ jsx("caption", { children: caption }),
-    children
-  ] }) });
-}), { Head: TableHead, Body: TableBody, Row: TableRow, HeaderCell: TableHeaderCell, Cell: TableCell });
-var TimelineStep = forwardRef(function TimelineStep2({ children, className, marker, onSelect, selected = false, ...props }, ref) {
-  const stepClassName = cx("cdt-timeline__step", onSelect !== void 0 && "cdt-timeline__step--interactive", className);
-  const markerNode = /* @__PURE__ */ jsx("span", { className: "cdt-timeline__marker", "aria-hidden": "true", children: marker });
-  const content = /* @__PURE__ */ jsxs(Fragment, { children: [
-    markerNode,
-    children
-  ] });
-  return /* @__PURE__ */ jsx("li", { ref, children: onSelect === void 0 ? /* @__PURE__ */ jsx("div", { ...props, "aria-current": selected ? "step" : void 0, className: stepClassName, children: content }) : /* @__PURE__ */ jsx("button", { ...props, type: "button", "aria-current": selected ? "step" : void 0, onClick: () => onSelect(), className: stepClassName, children: content }) });
-});
-TimelineStep.displayName = "Timeline.Step";
-var Timeline = Object.assign(forwardRef(function Timeline2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("ol", { ...props, ref, className: cx("cdt-timeline", className) });
-}), { Step: TimelineStep });
-var CodeBlock = forwardRef(function CodeBlock2({ className, code, language, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", { ...props, ref, role: "region", tabIndex: 0, "data-language": language, className: cx("cdt-code-block", className), children: /* @__PURE__ */ jsx("pre", { className: "cdt-code-block__pre", children: /* @__PURE__ */ jsx("code", { className: "cdt-code-block__code", children: code }) }) });
-});
-CodeBlock.displayName = "CodeBlock";
-var Kbd = forwardRef(function Kbd2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("kbd", { ...props, ref, className: cx("cdt-kbd", className) });
-});
-Kbd.displayName = "Kbd";
-
-export { CodeBlock, Kbd, Table, Timeline };

package/dist/chunk-TUHWL5JC.js

@@ -1,42 +0,0 @@
-import { cx } from './chunk-WEIMKRZV.js';
-import { forwardRef, useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var nestedInteractive = "a,button,input,select,textarea,[role=button]";
-var Card = forwardRef(function Card2({ as, children, className, href, onClick, size = "md", ...props }, forwardedRef) {
-  const rootRef = useRef(null);
-  const interactive = as === "a" || as === "button" || href !== void 0 || onClick !== void 0;
-  const element = as ?? (href === void 0 ? onClick === void 0 ? "div" : "button" : "a");
-  useEffect(() => {
-    if (process.env.NODE_ENV !== "production" && interactive && rootRef.current?.querySelector(nestedInteractive) !== null) {
-      console.warn("[conductor] Interactive Card must not contain nested interactive elements.");
-    }
-  }, [interactive]);
-  const setRef = (node) => {
-    rootRef.current = node;
-    if (typeof forwardedRef === "function") forwardedRef(node);
-    else if (forwardedRef !== null) forwardedRef.current = node;
-  };
-  const classes = cx("cdt-card", interactive && "cdt-card--interactive", size === "sm" && "cdt-card--sm", className);
-  if (element === "a") {
-    return /* @__PURE__ */ jsx("a", { ...props, ref: setRef, href, className: classes, children });
-  }
-  if (element === "button") {
-    return /* @__PURE__ */ jsx("button", { ...props, ref: setRef, type: "button", onClick, className: classes, children });
-  }
-  return /* @__PURE__ */ jsx("div", { ...props, ref: setRef, className: classes, children });
-});
-Card.displayName = "Card";
-var CardGrid = forwardRef(function CardGrid2({ className, ...props }, ref) {
-  return /* @__PURE__ */ jsx("div", { ...props, ref, className: cx("cdt-card-grid", className) });
-});
-CardGrid.displayName = "CardGrid";
-var Panel = forwardRef(function Panel2({ as = "div", className, size = "md", ...props }, ref) {
-  const classes = cx("cdt-panel", size === "sm" && "cdt-panel--sm", className);
-  if (as === "section") return /* @__PURE__ */ jsx("section", { ...props, ref, className: classes });
-  if (as === "aside") return /* @__PURE__ */ jsx("aside", { ...props, ref, className: classes });
-  return /* @__PURE__ */ jsx("div", { ...props, ref, className: classes });
-});
-Panel.displayName = "Panel";
-
-export { Card, CardGrid, Panel };