@ktnpm_devops/react-component 0.13.1 → 0.14.0

package/dist/index19.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const Chip_module = require("./index60.cjs");
+const clsx = require("./index58.cjs");
+const Chip_module = require("./index59.cjs");
 const Chip = react.forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
     "button",

package/dist/index19.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index60.js";
+import { clsx } from "./index58.js";
+import styles from "./index59.js";
 const Chip = forwardRef(
   ({ className, value, selected = false, size = "md", type = "button", onToggle, ...props }, ref) => /* @__PURE__ */ jsx(
     "button",

package/dist/index20.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const ChipGroup_module = require("./index72.cjs");
+const clsx = require("./index58.cjs");
+const ChipGroup_module = require("./index76.cjs");
 const Chip = require("./index19.cjs");
 const ChipGroup = react.forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index20.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef, useMemo } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index72.js";
+import { clsx } from "./index58.js";
+import styles from "./index76.js";
 import { Chip } from "./index19.js";
 const ChipGroup = forwardRef(
   ({ options, selected, onToggle, size = "md", className, ...props }, ref) => {

package/dist/index21.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const Col_module = require("./index87.cjs");
+const clsx = require("./index58.cjs");
+const Col_module = require("./index68.cjs");
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index21.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index87.js";
+import { clsx } from "./index58.js";
+import styles from "./index68.js";
 const GRID_COLUMNS = 12;
 function toFlexValue(value) {
   if (value === true) return 1;

package/dist/index22.cjs

@@ -4,9 +4,9 @@ const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactDom = require("react-dom");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index59.cjs");
-const clsx = require("./index57.cjs");
-const ContextMenu_module = require("./index113.cjs");
+const constants = require("./index71.cjs");
+const clsx = require("./index58.cjs");
+const ContextMenu_module = require("./index103.cjs");
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = react.useRef(null);
   const [focusedIndex, setFocusedIndex] = react.useState(-1);

package/dist/index22.js

@@ -2,9 +2,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState, useCallback, useEffect } from "react";
 import { createPortal } from "react-dom";
 import { useEscapeKey } from "./index5.js";
-import { CONTEXT_MENU_MARGIN } from "./index59.js";
-import { clsx } from "./index57.js";
-import styles from "./index113.js";
+import { CONTEXT_MENU_MARGIN } from "./index71.js";
+import { clsx } from "./index58.js";
+import styles from "./index103.js";
 const ContextMenu = ({ x, y, items, onClose }) => {
   const menuRef = useRef(null);
   const [focusedIndex, setFocusedIndex] = useState(-1);

package/dist/index23.cjs

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const ReactECharts = require("echarts-for-react");
-const clsx = require("./index57.cjs");
-const constants = require("./index59.cjs");
-const CounterTimeseriesChart_module = require("./index110.cjs");
+const clsx = require("./index58.cjs");
+const constants = require("./index71.cjs");
+const CounterTimeseriesChart_module = require("./index108.cjs");
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index23.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
 import ReactECharts from "echarts-for-react";
-import { clsx } from "./index57.js";
-import { CHART_COLORS } from "./index59.js";
-import styles from "./index110.js";
+import { clsx } from "./index58.js";
+import { CHART_COLORS } from "./index71.js";
+import styles from "./index108.js";
 const DEFAULT_TIME_RANGE_OPTIONS = ["auto", "1h", "6h", "24h", "7d", "30d"];
 const buildMarkAreas = (annotations) => annotations.filter((a) => a.end).map((a) => [
   { name: a.label, xAxis: a.start, itemStyle: { color: a.color ?? "rgba(255,107,90,0.12)" } },

package/dist/index24.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const constants = require("./index59.cjs");
-const CountersAnalysisCard_module = require("./index101.cjs");
+const clsx = require("./index58.cjs");
+const constants = require("./index71.cjs");
+const CountersAnalysisCard_module = require("./index100.cjs");
 const CounterTimeseriesChart = require("./index23.cjs");
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index24.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useMemo } from "react";
-import { clsx } from "./index57.js";
-import { COUNTERS_PAGE_SIZE } from "./index59.js";
-import styles from "./index101.js";
+import { clsx } from "./index58.js";
+import { COUNTERS_PAGE_SIZE } from "./index71.js";
+import styles from "./index100.js";
 import { CounterTimeseriesChart } from "./index23.js";
 const COLUMN_HEADERS = [
   { key: "counter", label: "Counter" },

package/dist/index25.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
+const clsx = require("./index58.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
 const format = require("./index8.cjs");
-const CustomRangePicker_module = require("./index64.cjs");
+const CustomRangePicker_module = require("./index88.cjs");
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index25.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index57.js";
+import { clsx } from "./index58.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
 import { formatLocalISOString } from "./index8.js";
-import styles from "./index64.js";
+import styles from "./index88.js";
 const formatInputValue = (iso) => {
   if (!iso) return "";
   const date = new Date(iso);

package/dist/index26.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const clsx = require("./index57.cjs");
-const DashboardLayout_module = require("./index95.cjs");
+const clsx = require("./index58.cjs");
+const DashboardLayout_module = require("./index112.cjs");
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index26.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { clsx } from "./index57.js";
-import styles from "./index95.js";
+import { clsx } from "./index58.js";
+import styles from "./index112.js";
 const DashboardLayout = ({
   sidebar,
   filterBar,

package/dist/index27.cjs

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
+const clsx = require("./index58.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const DatePickerDropdown_module = require("./index82.cjs");
+const DatePickerDropdown_module = require("./index87.cjs");
 const MONTHS = [
   "January",
   "February",

package/dist/index27.js

@@ -1,9 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useCallback, useEffect, useMemo } from "react";
-import { clsx } from "./index57.js";
+import { clsx } from "./index58.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import styles from "./index82.js";
+import styles from "./index87.js";
 const MONTHS = [
   "January",
   "February",

package/dist/index28.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const EmptyState_module = require("./index70.cjs");
+const clsx = require("./index58.cjs");
+const EmptyState_module = require("./index101.cjs");
 const EmptyState = react.forwardRef(
   ({ title, description, icon, action, variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxs(
     "div",

package/dist/index28.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index70.js";
+import { clsx } from "./index58.js";
+import styles from "./index101.js";
 const EmptyState = forwardRef(
   ({ title, description, icon, action, variant = "default", className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",

package/dist/index29.cjs

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
+const clsx = require("./index58.cjs");
 const useClickOutside = require("./index4.cjs");
 const useEscapeKey = require("./index5.cjs");
-const constants = require("./index59.cjs");
-const FilterDropdown_module = require("./index89.cjs");
+const constants = require("./index71.cjs");
+const FilterDropdown_module = require("./index72.cjs");
 const Chip = require("./index19.cjs");
 const FilterDropdown = ({
   label,

package/dist/index29.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { clsx } from "./index57.js";
+import { clsx } from "./index58.js";
 import { useClickOutside } from "./index4.js";
 import { useEscapeKey } from "./index5.js";
-import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index59.js";
-import styles from "./index89.js";
+import { SVG_STROKE_WIDTH, SVG_VIEWBOX, ICON_SIZE } from "./index71.js";
+import styles from "./index72.js";
 import { Chip } from "./index19.js";
 const FilterDropdown = ({
   label,

package/dist/index30.cjs

@@ -3,15 +3,15 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const reactLeaflet = require("react-leaflet");
-const clsx = require("./index57.cjs");
+const clsx = require("./index58.cjs");
 const useThemeMode = require("./index7.cjs");
-const constants = require("./index59.cjs");
-const normalizePoints = require("./index104.cjs");
-const buildMarkerStyle = require("./index105.cjs");
-const MapViewport = require("./index106.cjs");
-const MapLegend = require("./index107.cjs");
-const PointListing = require("./index108.cjs");
-const GeoMapCard_module = require("./index109.cjs");
+const constants = require("./index71.cjs");
+const normalizePoints = require("./index81.cjs");
+const buildMarkerStyle = require("./index82.cjs");
+const MapViewport = require("./index83.cjs");
+const MapLegend = require("./index84.cjs");
+const PointListing = require("./index85.cjs");
+const GeoMapCard_module = require("./index86.cjs");
 const EmptyState = require("./index28.cjs");
 const buildNotice = (info, maxPoints) => {
   const reasons = [];

package/dist/index30.js

@@ -1,15 +1,15 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useMemo, useEffect } from "react";
 import { MapContainer, TileLayer, CircleMarker, Tooltip } from "react-leaflet";
-import { clsx } from "./index57.js";
+import { clsx } from "./index58.js";
 import { useThemeMode } from "./index7.js";
-import { GEO_MAP, BASEMAP_TILES } from "./index59.js";
-import { normalizePoints } from "./index104.js";
-import { buildCategoryColors, buildLegendItems, buildWeightScale, buildMarkerStyle } from "./index105.js";
-import { MapViewport } from "./index106.js";
-import { MapLegend } from "./index107.js";
-import { PointListing } from "./index108.js";
-import styles from "./index109.js";
+import { GEO_MAP, BASEMAP_TILES } from "./index71.js";
+import { normalizePoints } from "./index81.js";
+import { buildCategoryColors, buildLegendItems, buildWeightScale, buildMarkerStyle } from "./index82.js";
+import { MapViewport } from "./index83.js";
+import { MapLegend } from "./index84.js";
+import { PointListing } from "./index85.js";
+import styles from "./index86.js";
 import { EmptyState } from "./index28.js";
 const buildNotice = (info, maxPoints) => {
   const reasons = [];

package/dist/index31.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const HeatmapMatrix_module = require("./index97.cjs");
+const clsx = require("./index58.cjs");
+const HeatmapMatrix_module = require("./index116.cjs");
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index31.js

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index97.js";
+import { clsx } from "./index58.js";
+import styles from "./index116.js";
 function activateOnKey(event, action) {
   if (event.key === "Enter" || event.key === " ") {
     event.preventDefault();

package/dist/index32.cjs

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const Input_module = require("./index66.cjs");
+const clsx = require("./index58.cjs");
+const Input_module = require("./index63.cjs");
 const Input = react.forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("input", { ref, type, className: clsx.clsx(Input_module.default.root, className), ...props })
 );

package/dist/index32.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-import { clsx } from "./index57.js";
-import styles from "./index66.js";
+import { clsx } from "./index58.js";
+import styles from "./index63.js";
 const Input = forwardRef(
   ({ className, type = "text", ...props }, ref) => /* @__PURE__ */ jsx("input", { ref, type, className: clsx(styles.root, className), ...props })
 );

package/dist/index33.cjs

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
-const clsx = require("./index57.cjs");
-const constants = require("./index59.cjs");
-const LiveExplorerTable_module = require("./index96.cjs");
+const clsx = require("./index58.cjs");
+const constants = require("./index71.cjs");
+const LiveExplorerTable_module = require("./index102.cjs");
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index33.js

@@ -1,8 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useRef, useEffect, useCallback } from "react";
-import { clsx } from "./index57.js";
-import { MIN_COLUMN_WIDTH } from "./index59.js";
-import styles from "./index96.js";
+import { clsx } from "./index58.js";
+import { MIN_COLUMN_WIDTH } from "./index71.js";
+import styles from "./index102.js";
 const SKELETON_ROWS = 5;
 const FULL_PERCENT = 100;
 const LiveExplorerTable = ({

package/dist/index34.cjs

@@ -3,10 +3,10 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const react = require("react");
 const lucideReact = require("lucide-react");
-const clsx = require("./index57.cjs");
-const constants = require("./index59.cjs");
-const Loading_module = require("./index74.cjs");
-const Modal = require("./index35.cjs");
+const clsx = require("./index58.cjs");
+const constants = require("./index71.cjs");
+const Loading_module = require("./index94.cjs");
+const Modal = require("./index36.cjs");
 const noop = () => {
 };
 const LoadingBase = react.forwardRef(

package/dist/index34.js

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { memo, forwardRef, useState, useEffect, useImperativeHandle } from "react";
 import { Check } from "lucide-react";
-import { clsx } from "./index57.js";
-import { ICON_SIZE } from "./index59.js";
-import styles from "./index74.js";
-import { Modal } from "./index35.js";
+import { clsx } from "./index58.js";
+import { ICON_SIZE } from "./index71.js";
+import styles from "./index94.js";
+import { Modal } from "./index36.js";
 const noop = () => {
 };
 const LoadingBase = forwardRef(

package/dist/index35.cjs

@@ -1,42 +1,24 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const reactDom = require("react-dom");
-const clsx = require("./index57.cjs");
-const useEscapeKey = require("./index5.cjs");
-const Modal_module = require("./index84.cjs");
-const Modal = ({
-  open,
-  title,
-  onClose,
-  children,
-  footer,
-  portalTarget,
-  className,
-  bodyClassName,
-  style,
-  closeLabel = "×"
-}) => {
-  useEscapeKey.useEscapeKey(onClose, open);
-  if (!open) return null;
-  const modalContent = /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(Modal_module.default.root, className), style, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: Modal_module.default.header, children: [
-      title ? /* @__PURE__ */ jsxRuntime.jsx("h2", { className: Modal_module.default.title, children: title }) : /* @__PURE__ */ jsxRuntime.jsx("span", {}),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: Modal_module.default.closeBtn,
-          "aria-label": "Close modal",
-          children: closeLabel
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(Modal_module.default.body, bodyClassName), children }),
-    footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: Modal_module.default.footer, children: footer })
-  ] }) });
-  return reactDom.createPortal(modalContent, portalTarget ?? document.body);
-};
-exports.Modal = Modal;
+const react = require("react");
+const clsx = require("./index58.cjs");
+const markdown = require("./index69.cjs");
+const MarkdownContent_module = require("./index70.cjs");
+const MarkdownContent = react.forwardRef(
+  ({ markdown: markdown$1, className, ...props }, ref) => {
+    const html = react.useMemo(() => markdown.parseMarkdown(markdown$1), [markdown$1]);
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        ref,
+        className: clsx.clsx(MarkdownContent_module.default.root, className),
+        dangerouslySetInnerHTML: { __html: html },
+        ...props
+      }
+    );
+  }
+);
+MarkdownContent.displayName = "MarkdownContent";
+exports.MarkdownContent = MarkdownContent;
 //# sourceMappingURL=index35.cjs.map

package/dist/index35.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index35.cjs","sources":["../src/primitives/Modal/Modal.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport clsx from 'clsx';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport styles from './Modal.module.css';\n\nexport interface ModalProps {\n  open: boolean;\n  title?: ReactNode;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  portalTarget?: HTMLElement;\n  className?: string;\n  bodyClassName?: string;\n  style?: CSSProperties;\n  closeLabel?: ReactNode;\n}\n\nexport const Modal = ({\n  open,\n  title,\n  onClose,\n  children,\n  footer,\n  portalTarget,\n  className,\n  bodyClassName,\n  style,\n  closeLabel = '\\u00D7',\n}: ModalProps) => {\n  useEscapeKey(onClose, open);\n\n  if (!open) return null;\n\n  const modalContent = (\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.root, className)} style={style}>\n        <div className={styles.header}>\n          {title ? <h2 className={styles.title}>{title}</h2> : <span />}\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={styles.closeBtn}\n            aria-label=\"Close modal\"\n          >\n            {closeLabel}\n          </button>\n        </div>\n        <div className={clsx(styles.body, bodyClassName)}>{children}</div>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, portalTarget ?? document.body);\n};\n"],"names":["useEscapeKey","jsx","styles","jsxs","clsx","createPortal"],"mappings":";;;;;;;AAmBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChBA,eAAAA,aAAa,SAAS,IAAI;AAE1B,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,eACJC,+BAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,SAAS,MAAK,UAAS,cAAW,QACvD,UAAAC,gCAAC,SAAI,WAAWC,KAAAA,KAAKF,qBAAO,MAAM,SAAS,GAAG,OAC5C,UAAA;AAAA,IAAAC,2BAAAA,KAAC,OAAA,EAAI,WAAWD,aAAAA,QAAO,QACpB,UAAA;AAAA,MAAA,QAAQD,2BAAAA,IAAC,QAAG,WAAWC,aAAAA,QAAO,OAAQ,UAAA,MAAA,CAAM,mCAAS,QAAA,CAAA,CAAK;AAAA,MAC3DD,2BAAAA;AAAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAWC,aAAAA,QAAO;AAAA,UAClB,cAAW;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,IACAD,+BAAC,SAAI,WAAWG,KAAAA,KAAKF,aAAAA,QAAO,MAAM,aAAa,GAAI,UAAS;AAAA,IAC3D,UAAUD,2BAAAA,IAAC,OAAA,EAAI,WAAWC,aAAAA,QAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CACpD,EAAA,CACF;AAGF,SAAOG,SAAAA,aAAa,cAAc,gBAAgB,SAAS,IAAI;AACjE;;"}
+{"version":3,"file":"index35.cjs","sources":["../src/primitives/MarkdownContent/MarkdownContent.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport clsx from 'clsx';\nimport { parseMarkdown } from '../../utils/markdown';\nimport type { MarkdownContentProps } from './MarkdownContent.types';\nimport styles from './MarkdownContent.module.css';\n\nexport const MarkdownContent = forwardRef<HTMLDivElement, MarkdownContentProps>(\n  ({ markdown, className, ...props }, ref) => {\n    const html = useMemo(() => parseMarkdown(markdown), [markdown]);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, className)}\n        dangerouslySetInnerHTML={{ __html: html }}\n        {...props}\n      />\n    );\n  },\n);\n\nMarkdownContent.displayName = 'MarkdownContent';\n"],"names":["forwardRef","markdown","useMemo","parseMarkdown","jsx","clsx","styles"],"mappings":";;;;;;;AAMO,MAAM,kBAAkBA,MAAAA;AAAAA,EAC7B,CAAC,EAAA,UAAEC,YAAU,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC1C,UAAM,OAAOC,MAAAA,QAAQ,MAAMC,SAAAA,cAAcF,UAAQ,GAAG,CAACA,UAAQ,CAAC;AAE9D,WACEG,2BAAAA;AAAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAWC,KAAAA,KAAKC,+BAAO,MAAM,SAAS;AAAA,QACtC,yBAAyB,EAAE,QAAQ,KAAA;AAAA,QAClC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,gBAAgB,cAAc;;"}

package/dist/index35.js

@@ -1,42 +1,24 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { createPortal } from "react-dom";
-import { clsx } from "./index57.js";
-import { useEscapeKey } from "./index5.js";
-import styles from "./index84.js";
-const Modal = ({
-  open,
-  title,
-  onClose,
-  children,
-  footer,
-  portalTarget,
-  className,
-  bodyClassName,
-  style,
-  closeLabel = "×"
-}) => {
-  useEscapeKey(onClose, open);
-  if (!open) return null;
-  const modalContent = /* @__PURE__ */ jsx("div", { className: styles.overlay, role: "dialog", "aria-modal": "true", children: /* @__PURE__ */ jsxs("div", { className: clsx(styles.root, className), style, children: [
-    /* @__PURE__ */ jsxs("div", { className: styles.header, children: [
-      title ? /* @__PURE__ */ jsx("h2", { className: styles.title, children: title }) : /* @__PURE__ */ jsx("span", {}),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onClose,
-          className: styles.closeBtn,
-          "aria-label": "Close modal",
-          children: closeLabel
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx("div", { className: clsx(styles.body, bodyClassName), children }),
-    footer && /* @__PURE__ */ jsx("div", { className: styles.footer, children: footer })
-  ] }) });
-  return createPortal(modalContent, portalTarget ?? document.body);
-};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef, useMemo } from "react";
+import { clsx } from "./index58.js";
+import { parseMarkdown } from "./index69.js";
+import styles from "./index70.js";
+const MarkdownContent = forwardRef(
+  ({ markdown, className, ...props }, ref) => {
+    const html = useMemo(() => parseMarkdown(markdown), [markdown]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: clsx(styles.root, className),
+        dangerouslySetInnerHTML: { __html: html },
+        ...props
+      }
+    );
+  }
+);
+MarkdownContent.displayName = "MarkdownContent";
 export {
-  Modal
+  MarkdownContent
 };
 //# sourceMappingURL=index35.js.map

package/dist/index35.js.map

@@ -1 +1 @@
-{"version":3,"file":"index35.js","sources":["../src/primitives/Modal/Modal.tsx"],"sourcesContent":["import { type CSSProperties, type ReactNode } from 'react';\nimport { createPortal } from 'react-dom';\nimport clsx from 'clsx';\nimport { useEscapeKey } from '../../hooks/useEscapeKey';\nimport styles from './Modal.module.css';\n\nexport interface ModalProps {\n  open: boolean;\n  title?: ReactNode;\n  onClose: () => void;\n  children: ReactNode;\n  footer?: ReactNode;\n  portalTarget?: HTMLElement;\n  className?: string;\n  bodyClassName?: string;\n  style?: CSSProperties;\n  closeLabel?: ReactNode;\n}\n\nexport const Modal = ({\n  open,\n  title,\n  onClose,\n  children,\n  footer,\n  portalTarget,\n  className,\n  bodyClassName,\n  style,\n  closeLabel = '\\u00D7',\n}: ModalProps) => {\n  useEscapeKey(onClose, open);\n\n  if (!open) return null;\n\n  const modalContent = (\n    <div className={styles.overlay} role=\"dialog\" aria-modal=\"true\">\n      <div className={clsx(styles.root, className)} style={style}>\n        <div className={styles.header}>\n          {title ? <h2 className={styles.title}>{title}</h2> : <span />}\n          <button\n            type=\"button\"\n            onClick={onClose}\n            className={styles.closeBtn}\n            aria-label=\"Close modal\"\n          >\n            {closeLabel}\n          </button>\n        </div>\n        <div className={clsx(styles.body, bodyClassName)}>{children}</div>\n        {footer && <div className={styles.footer}>{footer}</div>}\n      </div>\n    </div>\n  );\n\n  return createPortal(modalContent, portalTarget ?? document.body);\n};\n"],"names":[],"mappings":";;;;;AAmBO,MAAM,QAAQ,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChB,eAAa,SAAS,IAAI;AAE1B,MAAI,CAAC,KAAM,QAAO;AAElB,QAAM,eACJ,oBAAC,OAAA,EAAI,WAAW,OAAO,SAAS,MAAK,UAAS,cAAW,QACvD,UAAA,qBAAC,SAAI,WAAW,KAAK,OAAO,MAAM,SAAS,GAAG,OAC5C,UAAA;AAAA,IAAA,qBAAC,OAAA,EAAI,WAAW,OAAO,QACpB,UAAA;AAAA,MAAA,QAAQ,oBAAC,QAAG,WAAW,OAAO,OAAQ,UAAA,MAAA,CAAM,wBAAS,QAAA,CAAA,CAAK;AAAA,MAC3D;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAS;AAAA,UACT,WAAW,OAAO;AAAA,UAClB,cAAW;AAAA,UAEV,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH,GACF;AAAA,IACA,oBAAC,SAAI,WAAW,KAAK,OAAO,MAAM,aAAa,GAAI,UAAS;AAAA,IAC3D,UAAU,oBAAC,OAAA,EAAI,WAAW,OAAO,QAAS,UAAA,OAAA,CAAO;AAAA,EAAA,EAAA,CACpD,EAAA,CACF;AAGF,SAAO,aAAa,cAAc,gBAAgB,SAAS,IAAI;AACjE;"}
+{"version":3,"file":"index35.js","sources":["../src/primitives/MarkdownContent/MarkdownContent.tsx"],"sourcesContent":["import { forwardRef, useMemo } from 'react';\nimport clsx from 'clsx';\nimport { parseMarkdown } from '../../utils/markdown';\nimport type { MarkdownContentProps } from './MarkdownContent.types';\nimport styles from './MarkdownContent.module.css';\n\nexport const MarkdownContent = forwardRef<HTMLDivElement, MarkdownContentProps>(\n  ({ markdown, className, ...props }, ref) => {\n    const html = useMemo(() => parseMarkdown(markdown), [markdown]);\n\n    return (\n      <div\n        ref={ref}\n        className={clsx(styles.root, className)}\n        dangerouslySetInnerHTML={{ __html: html }}\n        {...props}\n      />\n    );\n  },\n);\n\nMarkdownContent.displayName = 'MarkdownContent';\n"],"names":[],"mappings":";;;;;AAMO,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,GAAG,MAAA,GAAS,QAAQ;AAC1C,UAAM,OAAO,QAAQ,MAAM,cAAc,QAAQ,GAAG,CAAC,QAAQ,CAAC;AAE9D,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW,KAAK,OAAO,MAAM,SAAS;AAAA,QACtC,yBAAyB,EAAE,QAAQ,KAAA;AAAA,QAClC,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,gBAAgB,cAAc;"}