@expcat/tigercat-react 0.0.67 → 0.1.0

package/dist/chunk-3WPKVV4N.js

@@ -0,0 +1,140 @@
+'use strict';
+
+var chunkQFVE7GKD_js = require('./chunk-QFVE7GKD.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function getMenuButtonsWithin(menuEl) {
+  return Array.from(
+    menuEl.querySelectorAll('button[data-tiger-menuitem="true"]')
+  ).filter((el) => !el.disabled);
+}
+function roveFocus(current, next) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) {
+    next.focus();
+    return;
+  }
+  const items = getMenuButtonsWithin(menuEl);
+  items.forEach((el) => {
+    el.tabIndex = el === next ? 0 : -1;
+  });
+  next.focus();
+}
+function moveFocus(current, delta) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) return;
+  const items = getMenuButtonsWithin(menuEl);
+  const currentIndex = items.indexOf(current);
+  if (currentIndex < 0) return;
+  const nextIndex = (currentIndex + delta + items.length) % items.length;
+  roveFocus(current, items[nextIndex]);
+}
+function focusEdge(current, edge) {
+  const menuEl = current.closest('ul[role="menu"]');
+  if (!menuEl) return;
+  const items = getMenuButtonsWithin(menuEl);
+  if (items.length === 0) return;
+  roveFocus(current, edge === "start" ? items[0] : items[items.length - 1]);
+}
+var MenuItem = ({
+  itemKey,
+  disabled = false,
+  icon,
+  className,
+  children,
+  level = 0,
+  collapsed: collapsedOverride
+}) => {
+  const menuContext = chunkQFVE7GKD_js.useMenuContext();
+  if (!menuContext) {
+    console.warn("MenuItem must be used within Menu component");
+  }
+  const isSelected = !!menuContext && tigercatCore.isKeySelected(itemKey, menuContext.selectedKeys);
+  const effectiveCollapsed = collapsedOverride ?? (menuContext ? menuContext.collapsed : false);
+  const itemClasses = tigercatCore.classNames(
+    menuContext ? tigercatCore.getMenuItemClasses(isSelected, disabled, menuContext.theme, effectiveCollapsed) : "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200",
+    className
+  );
+  const indentStyle = menuContext && menuContext.mode === "inline" && level > 0 ? tigercatCore.getMenuItemIndent(level, menuContext.inlineIndent) : {};
+  const handleClick = react.useCallback(() => {
+    if (!disabled && menuContext) {
+      menuContext.handleSelect(itemKey);
+    }
+  }, [disabled, menuContext, itemKey]);
+  const handleKeyDown = react.useCallback(
+    (event) => {
+      if (!menuContext) return;
+      const current = event.currentTarget;
+      const rootMenu = current.closest('ul[role="menu"]');
+      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
+      const isHorizontalRoot = isRoot && menuContext.mode === "horizontal";
+      const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
+      const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
+      if (event.key === nextKey) {
+        event.preventDefault();
+        moveFocus(current, 1);
+        return;
+      }
+      if (event.key === prevKey) {
+        event.preventDefault();
+        moveFocus(current, -1);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        focusEdge(current, "start");
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        focusEdge(current, "end");
+        return;
+      }
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleClick();
+      }
+    },
+    [menuContext, handleClick]
+  );
+  const renderIcon = () => {
+    if (!icon) return null;
+    if (typeof icon === "string") {
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, dangerouslySetInnerHTML: { __html: icon } });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: tigercatCore.menuItemIconClasses, children: icon });
+  };
+  const renderLabel = () => {
+    if (!effectiveCollapsed) return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1", children });
+    if (!icon) {
+      const text = String(children || "");
+      return /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-1 text-center", children: text.charAt(0).toUpperCase() });
+    }
+    return null;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx("li", { role: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(
+    "button",
+    {
+      type: "button",
+      className: itemClasses,
+      style: indentStyle,
+      role: "menuitem",
+      "data-tiger-menuitem": "true",
+      "data-tiger-selected": isSelected ? "true" : "false",
+      "aria-current": isSelected ? "page" : void 0,
+      "aria-disabled": disabled ? "true" : void 0,
+      disabled,
+      tabIndex: -1,
+      onClick: handleClick,
+      onKeyDown: handleKeyDown,
+      children: [
+        renderIcon(),
+        renderLabel()
+      ]
+    }
+  ) });
+};
+
+exports.MenuItem = MenuItem;

package/dist/chunk-5FRENLDC.js

@@ -0,0 +1,194 @@
+'use strict';
+
+var chunkNEULKOYJ_js = require('./chunk-NEULKOYJ.js');
+var React = require('react');
+var reactDom = require('react-dom');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var CloseIcon = () => /* @__PURE__ */ jsxRuntime.jsx(
+  "svg",
+  {
+    className: "w-5 h-5",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: tigercatCore.closeIconViewBox,
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntime.jsx(
+      "path",
+      {
+        strokeLinecap: tigercatCore.closeIconPathStrokeLinecap,
+        strokeLinejoin: tigercatCore.closeIconPathStrokeLinejoin,
+        strokeWidth: tigercatCore.closeIconPathStrokeWidth,
+        d: tigercatCore.closeIconPathD
+      }
+    )
+  }
+);
+var Drawer = ({
+  visible = false,
+  placement = "right",
+  size = "md",
+  title,
+  header,
+  closable = true,
+  mask = true,
+  maskClosable = true,
+  zIndex = 1e3,
+  className,
+  bodyClassName,
+  destroyOnClose = false,
+  onClose,
+  onAfterEnter,
+  onAfterLeave,
+  closeAriaLabel,
+  locale,
+  children,
+  footer,
+  style,
+  ...rest
+}) => {
+  const [hasBeenOpened, setHasBeenOpened] = React__default.default.useState(visible);
+  React.useEffect(() => {
+    if (visible) setHasBeenOpened(true);
+  }, [visible]);
+  const shouldRender = destroyOnClose ? visible : hasBeenOpened;
+  const handleClose = React.useCallback(() => {
+    onClose?.();
+  }, [onClose]);
+  const handleMaskClick = React.useCallback(
+    (event) => {
+      if (!maskClosable) return;
+      if (event.target === event.currentTarget) {
+        handleClose();
+      }
+    },
+    [maskClosable, handleClose]
+  );
+  chunkNEULKOYJ_js.useEscapeKey({ enabled: visible, onEscape: handleClose });
+  const previousVisible = React.useRef(false);
+  React.useEffect(() => {
+    if (visible === previousVisible.current) return;
+    previousVisible.current = visible;
+    const timer = window.setTimeout(() => {
+      if (visible) {
+        onAfterEnter?.();
+      } else {
+        onAfterLeave?.();
+      }
+    }, 300);
+    return () => window.clearTimeout(timer);
+  }, [visible, onAfterEnter, onAfterLeave]);
+  const reactId = React.useId();
+  const drawerId = React.useMemo(() => `tiger-drawer-${reactId}`, [reactId]);
+  const titleId = `${drawerId}-title`;
+  const {
+    ["aria-labelledby"]: _ariaLabelledby,
+    role: _role,
+    tabIndex: _tabIndex,
+    ...dialogDivProps
+  } = rest;
+  const ariaLabelledby = rest["aria-labelledby"] ?? (title || header ? titleId : void 0);
+  const dialogRef = React.useRef(null);
+  const closeButtonRef = React.useRef(null);
+  const previousActiveElementRef = React.useRef(null);
+  const resolvedCloseAriaLabel = tigercatCore.resolveLocaleText(
+    "Close drawer",
+    closeAriaLabel,
+    locale?.drawer?.closeAriaLabel,
+    locale?.common?.closeText
+  );
+  React.useEffect(() => {
+    if (!visible) return;
+    previousActiveElementRef.current = tigercatCore.captureActiveElement();
+    const timer = window.setTimeout(() => {
+      tigercatCore.focusFirst([closeButtonRef.current, dialogRef.current]);
+    }, 0);
+    return () => window.clearTimeout(timer);
+  }, [visible]);
+  React.useEffect(() => {
+    if (visible) return;
+    tigercatCore.restoreFocus(previousActiveElementRef.current);
+  }, [visible]);
+  const containerClasses = tigercatCore.classNames(
+    tigercatCore.getDrawerContainerClasses(zIndex),
+    !visible && "pointer-events-none"
+  );
+  const maskClasses = tigercatCore.getDrawerMaskClasses(visible);
+  const panelClasses = tigercatCore.classNames(
+    tigercatCore.getDrawerPanelClasses(placement, visible, size),
+    "flex flex-col",
+    className
+  );
+  const headerClasses = tigercatCore.getDrawerHeaderClasses();
+  const bodyClasses = tigercatCore.getDrawerBodyClasses(bodyClassName);
+  const footerClasses = tigercatCore.getDrawerFooterClasses();
+  const closeButtonClasses = tigercatCore.getDrawerCloseButtonClasses();
+  const titleClasses = tigercatCore.getDrawerTitleClasses();
+  if (!shouldRender) {
+    return null;
+  }
+  const drawerContent = /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: containerClasses,
+      style: { zIndex },
+      hidden: !visible,
+      "aria-hidden": !visible ? "true" : void 0,
+      "data-tiger-drawer-root": "",
+      children: [
+        mask && /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: maskClasses,
+            onClick: handleMaskClick,
+            "aria-hidden": "true",
+            "data-tiger-drawer-mask": ""
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsxs(
+          "div",
+          {
+            className: panelClasses,
+            style,
+            ...dialogDivProps,
+            role: "dialog",
+            "aria-modal": "true",
+            "aria-labelledby": ariaLabelledby,
+            tabIndex: -1,
+            ref: dialogRef,
+            "data-tiger-drawer": "",
+            children: [
+              (title || header || closable) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: headerClasses, children: [
+                (title || header) && /* @__PURE__ */ jsxRuntime.jsx("h3", { className: titleClasses, id: titleId, children: header || title }),
+                closable && /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: closeButtonClasses,
+                    onClick: handleClose,
+                    "aria-label": resolvedCloseAriaLabel,
+                    ref: closeButtonRef,
+                    children: /* @__PURE__ */ jsxRuntime.jsx(CloseIcon, {})
+                  }
+                )
+              ] }),
+              children && /* @__PURE__ */ jsxRuntime.jsx("div", { className: bodyClasses, children }),
+              footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: footerClasses, children: footer })
+            ]
+          }
+        )
+      ]
+    }
+  );
+  if (typeof document === "undefined") {
+    return null;
+  }
+  return reactDom.createPortal(drawerContent, document.body);
+};
+
+exports.Drawer = Drawer;

package/dist/chunk-5QKMQRCW.js

@@ -0,0 +1,89 @@
+'use strict';
+
+var chunkVSF4DF7N_js = require('./chunk-VSF4DF7N.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Radio = ({
+  value,
+  size,
+  disabled,
+  name,
+  checked,
+  defaultChecked = false,
+  onChange,
+  children,
+  className,
+  style,
+  ...props
+}) => {
+  const groupContext = react.useContext(chunkVSF4DF7N_js.RadioGroupContext);
+  const [internalChecked, setInternalChecked] = react.useState(defaultChecked);
+  const isCheckedControlled = checked !== void 0;
+  const isInGroup = !!groupContext;
+  const actualSize = size || groupContext?.size || "md";
+  const actualDisabled = disabled !== void 0 ? disabled : groupContext?.disabled || false;
+  const actualName = name || groupContext?.name || "";
+  const isChecked = checked !== void 0 ? checked : groupContext?.value !== void 0 ? groupContext.value === value : internalChecked;
+  const colors = tigercatCore.getRadioColorClasses();
+  const radioClasses = tigercatCore.getRadioVisualClasses({
+    size: actualSize,
+    checked: isChecked,
+    disabled: actualDisabled,
+    colors
+  });
+  const dotClasses = tigercatCore.getRadioDotClasses({
+    size: actualSize,
+    checked: isChecked,
+    colors
+  });
+  const labelClasses = tigercatCore.getRadioLabelClasses({
+    size: actualSize,
+    disabled: actualDisabled,
+    colors
+  });
+  const handleChange = (event) => {
+    if (actualDisabled) {
+      event.preventDefault();
+      return;
+    }
+    const newChecked = event.target.checked;
+    if (!newChecked) return;
+    if (!isCheckedControlled && !isInGroup) {
+      setInternalChecked(true);
+    }
+    onChange?.(value);
+    groupContext?.onChange?.(value);
+  };
+  const handleKeyDown = (event) => {
+    props.onKeyDown?.(event);
+    if (event.defaultPrevented) return;
+    if (actualDisabled) return;
+    if (event.key === "Enter") {
+      event.preventDefault();
+      const input = event.currentTarget;
+      if (!input.checked) input.click();
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("label", { className: tigercatCore.classNames("inline-flex items-center", className), style, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type: "radio",
+        className: "sr-only peer",
+        ...props,
+        name: actualName,
+        value,
+        checked: isChecked,
+        disabled: actualDisabled,
+        onChange: handleChange,
+        onKeyDown: handleKeyDown
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: radioClasses, "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: dotClasses }) }),
+    children && /* @__PURE__ */ jsxRuntime.jsx("span", { className: labelClasses, children })
+  ] });
+};
+
+exports.Radio = Radio;

package/dist/chunk-5ZVSFIZD.js

@@ -0,0 +1,50 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Badge.tsx
+var Badge = ({
+  variant = "danger",
+  size = "md",
+  type = "number",
+  content,
+  max = 99,
+  showZero = false,
+  position = "top-right",
+  standalone = true,
+  className,
+  children,
+  ["aria-label"]: ariaLabelProp,
+  ...props
+}) => {
+  const isDot = type === "dot";
+  const isHidden = tigercatCore.shouldHideBadge(content, type, showZero);
+  const displayContent = tigercatCore.formatBadgeContent(content, max, showZero);
+  const sizeClass = isDot ? tigercatCore.dotSizeClasses[size] : tigercatCore.badgeSizeClasses[size];
+  const badgeClasses = tigercatCore.classNames(
+    tigercatCore.badgeBaseClasses,
+    tigercatCore.getBadgeVariantClasses(variant),
+    sizeClass,
+    tigercatCore.badgeTypeClasses[type],
+    !standalone && tigercatCore.badgePositionClasses[position],
+    className
+  );
+  const computedAriaLabel = ariaLabelProp ?? (isDot ? "notification" : type === "number" ? `${displayContent} notifications` : `${displayContent ?? ""}`);
+  if (isHidden) {
+    if (standalone) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
+  }
+  const badgeElement = /* @__PURE__ */ jsxRuntime.jsx("span", { ...props, className: badgeClasses, role: "status", "aria-label": computedAriaLabel, children: !isDot && displayContent });
+  if (standalone) {
+    return badgeElement;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("span", { className: tigercatCore.badgeWrapperClasses, children: [
+    children,
+    badgeElement
+  ] });
+};
+
+exports.Badge = Badge;

package/dist/chunk-6MGEGOYJ.js

@@ -0,0 +1,108 @@
+'use strict';
+
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Loading.tsx
+var Loading = ({
+  variant = "spinner",
+  size = "md",
+  color = "primary",
+  text,
+  fullscreen = false,
+  delay = 0,
+  background = "rgba(255, 255, 255, 0.9)",
+  customColor,
+  className = "",
+  style,
+  ...props
+}) => {
+  react.useEffect(() => {
+    tigercatCore.injectLoadingAnimationStyles();
+  }, []);
+  const [visible, setVisible] = react.useState(delay === 0);
+  react.useEffect(() => {
+    if (delay > 0) {
+      const timer = setTimeout(() => {
+        setVisible(true);
+      }, delay);
+      return () => clearTimeout(timer);
+    }
+  }, [delay]);
+  const spinnerClasses = tigercatCore.getLoadingClasses(variant, size, color, customColor);
+  const textClasses = tigercatCore.getLoadingTextClasses(size, color, customColor);
+  const containerClasses = tigercatCore.classNames(
+    fullscreen ? tigercatCore.loadingFullscreenBaseClasses : tigercatCore.loadingContainerBaseClasses,
+    className
+  );
+  const mergedStyle = {
+    ...customColor ? { color: customColor } : null,
+    ...fullscreen ? { backgroundColor: background } : null,
+    ...style
+  };
+  const renderSpinner = () => {
+    const svg = tigercatCore.getSpinnerSVG(variant);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "svg",
+      {
+        className: spinnerClasses,
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: svg.viewBox,
+        children: svg.elements.map((el, index) => {
+          if (el.type === "circle") {
+            return /* @__PURE__ */ jsxRuntime.jsx("circle", { ...el.attrs }, index);
+          } else if (el.type === "path") {
+            return /* @__PURE__ */ jsxRuntime.jsx("path", { ...el.attrs }, index);
+          }
+          return null;
+        })
+      }
+    );
+  };
+  const renderDots = () => {
+    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
+    const steps = [0, 1, 2];
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingDotClasses(size, i, colorClass) }, i)) });
+  };
+  const renderBars = () => {
+    const colorClass = customColor ? "" : tigercatCore.loadingColorClasses[color];
+    const steps = [0, 1, 2];
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarsWrapperClasses(size), children: steps.map((i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: tigercatCore.getLoadingBarClasses(size, i, colorClass) }, i)) });
+  };
+  const renderIndicator = () => {
+    switch (variant) {
+      case "dots":
+        return renderDots();
+      case "bars":
+        return renderBars();
+      case "spinner":
+      case "ring":
+      case "pulse":
+      default:
+        return renderSpinner();
+    }
+  };
+  if (!visible) {
+    return null;
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: containerClasses,
+      style: mergedStyle,
+      role: "status",
+      "aria-label": text || "Loading",
+      "aria-live": "polite",
+      "aria-busy": true,
+      ...props,
+      children: [
+        renderIndicator(),
+        text && /* @__PURE__ */ jsxRuntime.jsx("div", { className: textClasses, children: text })
+      ]
+    }
+  );
+};
+
+exports.Loading = Loading;

package/dist/chunk-6PUSRC6S.js

@@ -0,0 +1,68 @@
+'use strict';
+
+var chunk2DOPHSZP_js = require('./chunk-2DOPHSZP.js');
+var react = require('react');
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+var BreadcrumbItem = ({
+  href,
+  target,
+  current = false,
+  separator: customSeparator,
+  className,
+  style,
+  onClick,
+  children,
+  icon,
+  ...props
+}) => {
+  const breadcrumbContext = chunk2DOPHSZP_js.useBreadcrumbContext();
+  const itemClasses = react.useMemo(
+    () => tigercatCore.getBreadcrumbItemClasses(current, className),
+    [current, className]
+  );
+  const linkClasses = react.useMemo(() => tigercatCore.getBreadcrumbLinkClasses(current), [current]);
+  const separatorClasses = react.useMemo(() => tigercatCore.getBreadcrumbSeparatorClasses(), []);
+  const separatorContent = react.useMemo(() => {
+    const sep = customSeparator !== void 0 ? customSeparator : breadcrumbContext?.separator || "/";
+    return tigercatCore.getSeparatorContent(sep);
+  }, [customSeparator, breadcrumbContext]);
+  const handleClick = react.useCallback(
+    (event) => {
+      if (!current) {
+        onClick?.(event);
+      }
+    },
+    [current, onClick]
+  );
+  const computedRel = react.useMemo(() => {
+    if (target === "_blank") {
+      return "noopener noreferrer";
+    }
+    return void 0;
+  }, [target]);
+  const contentElements = icon ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx("span", { className: "inline-flex", children: icon }),
+    children
+  ] }) : children;
+  const linkElement = href && !current ? /* @__PURE__ */ jsxRuntime.jsx(
+    "a",
+    {
+      className: linkClasses,
+      href,
+      target,
+      rel: computedRel,
+      "aria-current": current ? "page" : void 0,
+      onClick: handleClick,
+      children: contentElements
+    }
+  ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: linkClasses, "aria-current": current ? "page" : void 0, children: contentElements });
+  const separatorElement = !current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: separatorClasses, "aria-hidden": "true", children: separatorContent }) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("li", { className: itemClasses, style, ...props, children: [
+    linkElement,
+    separatorElement
+  ] });
+};
+
+exports.BreadcrumbItem = BreadcrumbItem;

package/dist/chunk-72ZRDBXN.js

@@ -0,0 +1,25 @@
+'use strict';
+
+var tigercatCore = require('@expcat/tigercat-core');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/components/Container.tsx
+var Container = ({
+  maxWidth = false,
+  center = true,
+  padding = true,
+  children,
+  className,
+  as: Component = "div",
+  ...props
+}) => {
+  const containerClasses = tigercatCore.getContainerClasses({
+    maxWidth,
+    center,
+    padding,
+    className
+  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Component, { ...props, className: containerClasses, children });
+};
+
+exports.Container = Container;