@cozeloop/components 0.0.1 → 0.0.3-beta-1769665914778

package/dist/es/hooks/use-mouse-down-offset.js

@@ -1,41 +0,0 @@
-import { useState, useRef, useCallback } from "react";
-import { useLatest, useMemoizedFn } from "ahooks";
-const useMouseDownOffset = (callback) => {
-  const [isActive, setIsActive] = useState(false);
-  const targetRef = useRef(null);
-  const [startPosition, setStartPosition] = useState(null);
-  const callbackRef = useLatest(callback);
-  const ref = useCallback((node) => {
-    if (targetRef.current) {
-      targetRef.current.removeEventListener("mousedown", handleMouseDown);
-    }
-    targetRef.current = node;
-    if (targetRef.current) {
-      targetRef.current.addEventListener("mousedown", handleMouseDown);
-    }
-  }, []);
-  const handleMouseDown = useMemoizedFn((event) => {
-    setIsActive(true);
-    setStartPosition({ offsetX: event.clientX, offsetY: event.clientY });
-    window.addEventListener("mousemove", handleMouseMove);
-    window.addEventListener("mouseup", handleMouseUp);
-  });
-  const handleMouseMove = useMemoizedFn((event) => {
-    if (startPosition) {
-      callbackRef.current({
-        offsetX: event.clientX - startPosition.offsetX,
-        offsetY: event.clientY - startPosition.offsetY
-      });
-    }
-  });
-  const handleMouseUp = useMemoizedFn(() => {
-    setIsActive(false);
-    setStartPosition(null);
-    window.removeEventListener("mousemove", handleMouseMove);
-    window.removeEventListener("mouseup", handleMouseUp);
-  });
-  return { isActive, ref };
-};
-export {
-  useMouseDownOffset
-};

package/dist/es/id-render/icon-button-container.js

@@ -1,61 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsx } from "react/jsx-runtime";
-import cls from "classnames";
-function IconButtonContainer(_a) {
-  var _b = _a, {
-    icon,
-    className,
-    style,
-    onClick
-  } = _b, rest = __objRest(_b, [
-    "icon",
-    "className",
-    "style",
-    "onClick"
-  ]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadProps(__spreadValues({}, rest), {
-      onClick,
-      style,
-      className: cls(
-        "inline-flex items-center justify-center w-5 h-5 rounded-[4px] cursor-pointer text-[var(--coz-fg-secondary)] hover:text-[var(--coz-fg-primary)] hover:bg-[var(--coz-mg-secondary-hovered)]",
-        className
-      ),
-      children: icon
-    })
-  );
-}
-export {
-  IconButtonContainer as default
-};

package/dist/es/id-render/index.js

@@ -1,78 +0,0 @@
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
-    };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-import { jsx, jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-import { IconCozCopy } from "@coze-arch/coze-design/icons";
-import { Toast, Tooltip } from "@coze-arch/coze-design";
-import IconButtonContainer from "./icon-button-container";
-function IDRender({
-  id,
-  showSuffixLength = 5,
-  enableCopy = true,
-  useTag = false,
-  defaultShowCopyBtn
-}) {
-  var _a;
-  const idString = (_a = id == null ? void 0 : id.toString()) != null ? _a : "";
-  const suffix = idString.slice(
-    Math.max(idString.length - showSuffixLength, 0),
-    idString.length
-  );
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      className: "group flex items-center gap-1",
-      onClick: (e) => e.stopPropagation(),
-      children: [
-        /* @__PURE__ */ jsx(Tooltip, { content: idString, theme: "dark", children: useTag ? /* @__PURE__ */ jsxs("div", { className: "shrink-0 h-5 flex items-center px-2 rounded-[3px] border border-solid border-[var(--coz-stroke-plus)] font-medium text-[var(--coz-fg-primary)]", children: [
-          "#",
-          suffix || "-"
-        ] }) : /* @__PURE__ */ jsxs("span", { className: "shrink-0", children: [
-          "#",
-          suffix || "-"
-        ] }) }),
-        enableCopy ? /* @__PURE__ */ jsx(Tooltip, { content: "复制 ID", theme: "dark", children: /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-          IconButtonContainer,
-          {
-            className: classNames(
-              "id-render-copy-action-button shrink-0 text-sm",
-              defaultShowCopyBtn ? "" : " hidden group-hover:flex"
-            ),
-            icon: /* @__PURE__ */ jsx(IconCozCopy, {}),
-            onClick: (e) => __async(this, null, function* () {
-              e.stopPropagation();
-              try {
-                yield navigator.clipboard.writeText(idString);
-                Toast.success("复制成功");
-              } catch (error) {
-                console.error(error);
-                Toast.error("复制失败");
-              }
-            })
-          }
-        ) }) }) : null
-      ]
-    }
-  );
-}
-export {
-  IDRender
-};

package/dist/es/index.js

@@ -1,66 +0,0 @@
-import { ColumnSelector } from "./columns-select";
-import { TooltipWhenDisabled } from "./tooltip-with-disabled";
-import { LoopTable } from "./table";
-import {
-  TableWithPagination,
-  DEFAULT_PAGE_SIZE,
-  PAGE_SIZE_OPTIONS
-} from "./table/table-with-pagination";
-import {
-  PageError,
-  PageLoading,
-  PageNoAuth,
-  PageNoContent,
-  PageNotFound,
-  FullPage
-} from "./page-content";
-import { TableColActions } from "./table-col-actions";
-import { LoopTabs } from "./tabs";
-import { LargeTxtRender } from "./large-txt-render";
-import { InputSlider } from "./input-slider";
-import { handleCopy } from "./utils/basic";
-import { TextWithCopy } from "./text-with-copy";
-import { IDRender } from "./id-render";
-import { default as default2 } from "./id-render/icon-button-container";
-import {
-  getColumnManageStorage,
-  setColumnsManageStorage,
-  dealColumnsWithStorage
-} from "./column-manage-storage";
-import { PrimaryPage } from "./primary-page";
-import { ResizeSidesheet } from "./resize-sidesheet";
-import {
-  InfiniteScrollTable
-} from "./infinite-scroll-table";
-import { TableHeader } from "./table-header";
-import { TableWithoutPagination } from "./table/table-without-pagniation";
-export {
-  ColumnSelector,
-  DEFAULT_PAGE_SIZE,
-  FullPage,
-  IDRender,
-  default2 as IconButtonContainer,
-  InfiniteScrollTable,
-  InputSlider,
-  LargeTxtRender,
-  LoopTable,
-  LoopTabs,
-  PAGE_SIZE_OPTIONS,
-  PageError,
-  PageLoading,
-  PageNoAuth,
-  PageNoContent,
-  PageNotFound,
-  PrimaryPage,
-  ResizeSidesheet,
-  TableColActions,
-  TableHeader,
-  TableWithPagination,
-  TableWithoutPagination,
-  TextWithCopy,
-  TooltipWhenDisabled,
-  dealColumnsWithStorage,
-  getColumnManageStorage,
-  handleCopy,
-  setColumnsManageStorage
-};

package/dist/es/infinite-scroll-table/index.js

@@ -1,98 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsx } from "react/jsx-runtime";
-import {
-  forwardRef,
-  useRef,
-  useImperativeHandle
-} from "react";
-import classNames from "classnames";
-import { useSize, useInfiniteScroll } from "ahooks";
-import { IconCozIllusEmpty } from "@coze-arch/coze-design/illustrations";
-import { EmptyState } from "@coze-arch/coze-design";
-import { LoopTable } from "../table";
-const InfiniteScrollTable = forwardRef(
-  (_a, ref) => {
-    var _b = _a, { service, options, className } = _b, restTableProps = __objRest(_b, ["service", "options", "className"]);
-    var _a2, _b2;
-    const containerRef = useRef(null);
-    const hookRes = useInfiniteScroll((d) => service == null ? void 0 : service(d), __spreadProps(__spreadValues({
-      isNoMore: (d) => !(d == null ? void 0 : d.hasMore)
-    }, options), {
-      reloadDeps: [...(options == null ? void 0 : options.reloadDeps) || []]
-    }));
-    const { data, loading, loadingMore, noMore, loadMore } = hookRes;
-    const scrollSize = useSize(containerRef);
-    const height = (scrollSize == null ? void 0 : scrollSize.height) || 0;
-    useImperativeHandle(ref, () => ({
-      // @ts-expect-error type
-      hookRes
-    }));
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: classNames("w-full h-full overflow-hidden", className),
-        ref: containerRef,
-        children: /* @__PURE__ */ jsx(
-          LoopTable,
-          {
-            tableProps: __spreadProps(__spreadValues({}, restTableProps.tableProps), {
-              loading: loading || loadingMore,
-              pagination: false,
-              dataSource: (data == null ? void 0 : data.list) || [],
-              scroll: __spreadValues({
-                y: height - 48
-              }, (_a2 = restTableProps.tableProps) == null ? void 0 : _a2.scroll)
-            }),
-            empty: (_b2 = restTableProps.empty) != null ? _b2 : /* @__PURE__ */ jsx(
-              EmptyState,
-              {
-                size: "full_screen",
-                icon: /* @__PURE__ */ jsx(IconCozIllusEmpty, {}),
-                title: "暂无数据"
-              }
-            ),
-            enableLoad: true,
-            loadMode: "cursor",
-            hasMore: !noMore,
-            onLoad: loadMore,
-            offsetY: 0,
-            strictDataSourceProp: true
-          }
-        )
-      }
-    );
-  }
-);
-export {
-  InfiniteScrollTable
-};

package/dist/es/input-slider/index.js

@@ -1,123 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { isInteger, isUndefined } from "lodash-es";
-import classNames from "classnames";
-import {
-  CozInputNumber,
-  Slider
-} from "@coze-arch/coze-design";
-import styles from "./index.module";
-const formateDecimalPlacesString = (value, prevValue, decimalPlaces) => {
-  if (isUndefined(decimalPlaces)) {
-    return value.toString();
-  }
-  const numberValue = Number(value);
-  const stringValue = value.toString();
-  if (Number.isNaN(numberValue)) {
-    return `${value}`;
-  }
-  if (decimalPlaces === 0 && !isInteger(Number(value)) && prevValue) {
-    return `${prevValue}`;
-  }
-  const decimalPointIndex = stringValue.indexOf(".");
-  if (decimalPointIndex < 0) {
-    return stringValue;
-  }
-  const formattedValue = stringValue.substring(
-    0,
-    decimalPointIndex + 1 + decimalPlaces
-  );
-  if (formattedValue.endsWith(".") && decimalPlaces === 0) {
-    return formattedValue.substring(0, formattedValue.length - 1);
-  }
-  return formattedValue;
-};
-function getDecimalPlaces(num) {
-  if (!num) {
-    return 0;
-  }
-  const numStr = num.toString();
-  if (numStr.includes(".")) {
-    const decimalPart = numStr.split(".")[1];
-    return decimalPart.length;
-  }
-  return 0;
-}
-const formateDecimalPlacesNumber = (value, prevValue, decimalPlaces, isPasted) => {
-  if (isUndefined(decimalPlaces)) {
-    if (isPasted) {
-      return value;
-    }
-    const currentDecimalPlaces = getDecimalPlaces(value);
-    const prevDecimalPlaces = getDecimalPlaces(prevValue);
-    if (prevDecimalPlaces === 2 && currentDecimalPlaces > 2 && !isUndefined(prevValue) && Math.abs(prevValue - value).toFixed(2) === "0.01") {
-      const pow2 = Math.pow(10, 2);
-      return Math.round(value * pow2) / pow2;
-    }
-    return value;
-  }
-  if (decimalPlaces === 0 && !isInteger(value) && prevValue) {
-    return prevValue;
-  }
-  const pow = Math.pow(10, decimalPlaces);
-  return Math.round(value * pow) / pow;
-};
-const InputSlider = ({
-  value,
-  onChange,
-  max = 1,
-  min = 0,
-  step = 1,
-  disabled,
-  decimalPlaces,
-  marks,
-  className
-}) => {
-  const isPasted = useRef(false);
-  const onNumberChange = (numberValue) => {
-    const formattedValue = formateDecimalPlacesNumber(
-      numberValue,
-      value,
-      decimalPlaces,
-      isPasted.current
-    );
-    isPasted.current = false;
-    onChange == null ? void 0 : onChange(formattedValue);
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classNames(styles["input-slider"], className), children: [
-    /* @__PURE__ */ jsx(
-      Slider,
-      {
-        disabled,
-        value,
-        max,
-        min,
-        step,
-        marks,
-        onChange: (v) => {
-          if (typeof v === "number") {
-            onChange == null ? void 0 : onChange(v);
-          }
-        }
-      },
-      `${min}-${max}`
-    ),
-    /* @__PURE__ */ jsx(
-      CozInputNumber,
-      {
-        className: styles["input-number"],
-        value,
-        disabled,
-        formatter: (inputValue) => formateDecimalPlacesString(inputValue, value),
-        onNumberChange,
-        max,
-        min,
-        step,
-        onPaste: () => isPasted.current = true
-      }
-    )
-  ] });
-};
-export {
-  InputSlider
-};

package/dist/es/input-slider/index.module.js

@@ -1,5 +0,0 @@
-import "./index_module.css";
-var index_module_default = { "input-slider": "input-slider_e1e72", "input-number": "input-number_e1e72" };
-export {
-  index_module_default as default
-};

package/dist/es/input-slider/index_module.css

@@ -1,21 +0,0 @@
-/* stylelint-disable declaration-no-important */
-.input-slider_e1e72 {
-  display: flex;
-  column-gap: 8px;
-  align-items: center;
-}
-.input-slider_e1e72 .semi-slider {
-  flex: 1 1;
-  padding-left: 14px;
-}
-.input-slider_e1e72 .semi-slider-handle {
-  width: 12px !important;
-  height: 12px !important;
-  margin-top: 10px !important;
-}
-.input-slider_e1e72 .input-number_e1e72 {
-  width: 90px;
-}
-.input-slider_e1e72 .input-number_e1e72 .semi-input-number-suffix-btns {
-  height: auto !important;
-}

package/dist/es/large-txt-render/index.js

@@ -1,38 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef } from "react";
-import { useInfiniteScroll } from "ahooks";
-const PER_PRE_MAX_LENGTH = 25e3;
-const LargeTxtRender = (props) => {
-  const { text } = props;
-  const ref = useRef(null);
-  const getMoreTextChunk = (startIndex) => {
-    const endIndex = startIndex + PER_PRE_MAX_LENGTH;
-    const chunk = text.slice(startIndex, endIndex);
-    const hasMore = endIndex < text.length;
-    return {
-      list: [chunk],
-      nextId: hasMore ? endIndex.toString() : void 0
-    };
-  };
-  const { data } = useInfiniteScroll(
-    (d) => {
-      const startIndex = d ? parseInt(d.nextId) : 0;
-      return Promise.resolve(getMoreTextChunk(startIndex));
-    },
-    {
-      target: ref,
-      isNoMore: (d) => (d == null ? void 0 : d.nextId) === void 0
-    }
-  );
-  return /* @__PURE__ */ jsx(
-    "pre",
-    {
-      ref,
-      className: "m-0 break-words whitespace-pre-wrap max-h-full overflow-y-auto text-[13px] leading-4 text-[var(--coz-fg-primary)] font-normal",
-      dangerouslySetInnerHTML: { __html: (data == null ? void 0 : data.list.join("")) || "" }
-    }
-  );
-};
-export {
-  LargeTxtRender
-};

package/dist/es/page-content/index.js

@@ -1,108 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-import { jsx } from "react/jsx-runtime";
-import classNames from "classnames";
-import {
-  IconCozIllus404Dark,
-  IconCozIllus404,
-  IconCozIllusErrorDark,
-  IconCozIllusError,
-  IconCozIllusLock,
-  IconCozIllusLockDark,
-  IconCozIllusEmpty,
-  IconCozIllusEmptyDark
-} from "@coze-arch/coze-design/illustrations";
-import { Empty, Spin } from "@coze-arch/coze-design";
-function FullPage({ children, className, style }) {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: classNames(
-        "w-full h-full flex items-center justify-center bg-semi-bg-1 z-10",
-        className
-      ),
-      style,
-      children
-    }
-  );
-}
-function PageLoading(props) {
-  return /* @__PURE__ */ jsx(FullPage, { className: props.className, style: props.style, children: /* @__PURE__ */ jsx(Spin, { wrapperClassName: "w-full h-full", spinning: true, tip: props.tip }) });
-}
-function PageNotFound(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
-    Empty,
-    __spreadValues({
-      image: /* @__PURE__ */ jsx(IconCozIllus404, { className: "text-[160px]" }),
-      darkModeImage: /* @__PURE__ */ jsx(IconCozIllus404Dark, { className: "text-[160px]" }),
-      description: "页面丢失了"
-    }, props)
-  ) });
-}
-function PageError(_c) {
-  var _d = _c, { className } = _d, props = __objRest(_d, ["className"]);
-  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
-    Empty,
-    __spreadValues({
-      image: /* @__PURE__ */ jsx(IconCozIllusError, { className: "text-[160px]" }),
-      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusErrorDark, { className: "text-[160px]" }),
-      description: "页面加载失败"
-    }, props)
-  ) });
-}
-function PageNoAuth(_e) {
-  var _f = _e, { className } = _f, props = __objRest(_f, ["className"]);
-  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
-    Empty,
-    __spreadValues({
-      image: /* @__PURE__ */ jsx(IconCozIllusLock, { className: "text-[160px]" }),
-      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusLockDark, { className: "text-[160px]" }),
-      description: "暂无权限"
-    }, props)
-  ) });
-}
-function PageNoContent(_g) {
-  var _h = _g, { className } = _h, props = __objRest(_h, ["className"]);
-  return /* @__PURE__ */ jsx(FullPage, { className, children: /* @__PURE__ */ jsx(
-    Empty,
-    __spreadValues({
-      image: /* @__PURE__ */ jsx(IconCozIllusEmpty, { className: "text-[160px]" }),
-      darkModeImage: /* @__PURE__ */ jsx(IconCozIllusEmptyDark, { className: "text-[160px]" })
-    }, props)
-  ) });
-}
-export {
-  FullPage,
-  PageError,
-  PageLoading,
-  PageNoAuth,
-  PageNoContent,
-  PageNotFound
-};

package/dist/es/primary-page/index.js

@@ -1,4 +0,0 @@
-import { PrimaryPage } from "./primary-header";
-export {
-  PrimaryPage
-};

package/dist/es/primary-page/primary-header.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import classNames from "classnames";
-const PrimaryPage = ({
-  pageTitle,
-  filterSlot,
-  children,
-  contentClassName,
-  className,
-  titleSlot
-}) => /* @__PURE__ */ jsxs(
-  "div",
-  {
-    className: classNames(
-      "pt-2 pb-3 h-full max-h-full flex flex-col",
-      className
-    ),
-    children: [
-      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between py-4 px-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[20px] font-medium leading-6 coz-fg-plus ", children: pageTitle }),
-        /* @__PURE__ */ jsx("div", { children: titleSlot })
-      ] }),
-      filterSlot ? /* @__PURE__ */ jsx("div", { className: "box-border coz-fg-secondary pt-1 pb-3 px-6", children: filterSlot }) : null,
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: classNames(
-            "flex-1 h-full max-h-full overflow-hidden px-6",
-            contentClassName
-          ),
-          children
-        }
-      )
-    ]
-  }
-);
-export {
-  PrimaryPage
-};