mainbase-ui 1.2.5 → 3.36.0

package/dist/esm/components/fieldset/index.js

@@ -0,0 +1,4 @@
+export { FieldsetContent, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot } from './fieldset.js';
+export { useFieldsetContext } from '@ark-ui/react/fieldset';
+import * as namespace from './namespace.js';
+export { namespace as Fieldset };

package/dist/esm/components/fieldset/namespace.js

@@ -0,0 +1 @@
+export { FieldsetContent as Content, FieldsetContext as Context, FieldsetErrorText as ErrorText, FieldsetHelperText as HelperText, FieldsetLegend as Legend, FieldsetRoot as Root } from './fieldset.js';

package/dist/esm/components/file-upload/file-upload.js

@@ -0,0 +1,98 @@
+"use client";
+import { FileUpload, useFileUploadContext } from '@ark-ui/react/file-upload';
+import { forwardRef, useMemo } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { For } from '../for/for.js';
+import { CloseIcon, FileIcon } from '../icons.js';
+import { Span } from '../span/index.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useFileUploadStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "fileUpload" });
+const FileUploadRootProvider = withProvider(FileUpload.RootProvider, "root", { forwardAsChild: true });
+const FileUploadRoot = withProvider(
+  FileUpload.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const FileUploadPropsProvider = PropsProvider;
+const FileUploadClearTrigger = withContext(FileUpload.ClearTrigger, "clearTrigger", { forwardAsChild: true });
+const FileUploadDropzone = withContext(FileUpload.Dropzone, "dropzone", { forwardAsChild: true });
+const FileUploadDropzoneContent = withContext("div", "dropzoneContent");
+const FileUploadItem = withContext(
+  FileUpload.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const FileUploadItemContent = withContext("div", "itemContent");
+const FileUploadItemDeleteTrigger = withContext(FileUpload.ItemDeleteTrigger, "itemDeleteTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(CloseIcon, null)
+  }
+});
+const FileUploadItemGroup = withContext(FileUpload.ItemGroup, "itemGroup", { forwardAsChild: true });
+const FileUploadItemName = withContext(FileUpload.ItemName, "itemName", { forwardAsChild: true });
+const FileUploadItemPreview = withContext(FileUpload.ItemPreview, "itemPreview", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(FileIcon, null)
+  }
+});
+const FileUploadItemPreviewImage = withContext(FileUpload.ItemPreviewImage, "itemPreviewImage", { forwardAsChild: true });
+const FileUploadItemSizeText = withContext(FileUpload.ItemSizeText, "itemSizeText", { forwardAsChild: true });
+const FileUploadLabel = withContext(FileUpload.Label, "label", { forwardAsChild: true });
+const FileUploadTrigger = withContext(FileUpload.Trigger, "trigger", { forwardAsChild: true });
+const FileUploadItems = (props) => {
+  const { showSize, clearable, files, ...rest } = props;
+  const fileUpload = useFileUploadContext();
+  const acceptedFiles = files ?? fileUpload.acceptedFiles;
+  return /* @__PURE__ */ React.createElement(For, { each: acceptedFiles }, (file) => /* @__PURE__ */ React.createElement(FileUploadItem, { file, key: file.name, ...rest }, /* @__PURE__ */ React.createElement(FileUploadItemPreview, null), showSize ? /* @__PURE__ */ React.createElement(FileUploadItemContent, null, /* @__PURE__ */ React.createElement(FileUploadItemName, null), /* @__PURE__ */ React.createElement(FileUploadItemSizeText, null)) : /* @__PURE__ */ React.createElement(FileUploadItemName, { flex: "1" }), clearable && /* @__PURE__ */ React.createElement(FileUploadItemDeleteTrigger, null)));
+};
+const FileUploadList = forwardRef(
+  function FileUploadList2(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    return /* @__PURE__ */ React.createElement(FileUploadItemGroup, { ref, ...rest }, /* @__PURE__ */ React.createElement(
+      FileUploadItems,
+      {
+        showSize,
+        clearable,
+        files
+      }
+    ));
+  }
+);
+const FileUploadFileText = forwardRef(function FileUploadFileText2(props, ref) {
+  const { fallback = "Select file(s)", ...rest } = props;
+  const fileUpload = useFileUploadContext();
+  const styles = useFileUploadStyles();
+  const acceptedFiles = fileUpload.acceptedFiles;
+  const fileText = useMemo(() => {
+    if (acceptedFiles.length === 1) {
+      return acceptedFiles[0].name;
+    }
+    if (acceptedFiles.length > 1) {
+      return `${acceptedFiles.length} files`;
+    }
+    return fallback;
+  }, [acceptedFiles, fallback]);
+  return /* @__PURE__ */ React.createElement(
+    Span,
+    {
+      ref,
+      "data-placeholder": fileText === fallback ? "" : void 0,
+      "data-scope": "file-upload",
+      "data-part": "file-text",
+      ...rest,
+      css: [styles.fileText, props.css]
+    },
+    fileText
+  );
+});
+const FileUploadContext = FileUpload.Context;
+const FileUploadHiddenInput = FileUpload.HiddenInput;
+
+export { FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadDropzoneContent, FileUploadFileText, FileUploadHiddenInput, FileUploadItem, FileUploadItemContent, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadItems, FileUploadLabel, FileUploadList, FileUploadPropsProvider, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, useFileUploadStyles };

package/dist/esm/components/file-upload/index.js

@@ -0,0 +1,4 @@
+export { FileUploadClearTrigger, FileUploadContext, FileUploadDropzone, FileUploadDropzoneContent, FileUploadFileText, FileUploadHiddenInput, FileUploadItem, FileUploadItemContent, FileUploadItemDeleteTrigger, FileUploadItemGroup, FileUploadItemName, FileUploadItemPreview, FileUploadItemPreviewImage, FileUploadItemSizeText, FileUploadItems, FileUploadLabel, FileUploadList, FileUploadPropsProvider, FileUploadRoot, FileUploadRootProvider, FileUploadTrigger, useFileUploadStyles } from './file-upload.js';
+export { useFileUpload, useFileUploadContext } from '@ark-ui/react/file-upload';
+import * as namespace from './namespace.js';
+export { namespace as FileUpload };

package/dist/esm/components/file-upload/namespace.js

@@ -0,0 +1 @@
+export { FileUploadClearTrigger as ClearTrigger, FileUploadContext as Context, FileUploadDropzone as Dropzone, FileUploadDropzoneContent as DropzoneContent, FileUploadFileText as FileText, FileUploadHiddenInput as HiddenInput, FileUploadItem as Item, FileUploadItemContent as ItemContent, FileUploadItemDeleteTrigger as ItemDeleteTrigger, FileUploadItemGroup as ItemGroup, FileUploadItemName as ItemName, FileUploadItemPreview as ItemPreview, FileUploadItemPreviewImage as ItemPreviewImage, FileUploadItemSizeText as ItemSizeText, FileUploadItems as Items, FileUploadLabel as Label, FileUploadList as List, FileUploadPropsProvider as PropsProvider, FileUploadRoot as Root, FileUploadRootProvider as RootProvider, FileUploadTrigger as Trigger } from './file-upload.js';

package/dist/esm/components/flex/flex.js

@@ -0,0 +1,40 @@
+"use client";
+import { forwardRef } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+
+const Flex = forwardRef(
+  function Flex2(props, ref) {
+    const {
+      direction,
+      align,
+      justify,
+      wrap,
+      basis,
+      grow,
+      shrink,
+      inline,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ React.createElement(
+      mainbase.div,
+      {
+        ref,
+        ...rest,
+        css: {
+          display: inline ? "inline-flex" : "flex",
+          flexDirection: direction,
+          alignItems: align,
+          justifyContent: justify,
+          flexWrap: wrap,
+          flexBasis: basis,
+          flexGrow: grow,
+          flexShrink: shrink,
+          ...props.css
+        }
+      }
+    );
+  }
+);
+Flex.displayName = "Flex";
+
+export { Flex };

package/dist/esm/components/flex/index.js

@@ -0,0 +1 @@
+export { Flex } from './flex.js';

package/dist/esm/components/float/float.js

@@ -0,0 +1,73 @@
+"use client";
+import { forwardRef, useMemo } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+import { mapObject } from '../../utils/walk-object.js';
+import '../../utils/unit.js';
+
+const Float = forwardRef(
+  function Float2(props, ref) {
+    const {
+      offsetX,
+      offsetY,
+      offset = "0",
+      placement = "top-end",
+      css: cssProp,
+      ...rest
+    } = props;
+    const styles = useMemo(
+      () => ({
+        display: "inline-flex",
+        justifyContent: "center",
+        alignItems: "center",
+        position: "absolute",
+        insetBlockStart: mapObject(placement, (v) => {
+          const [side] = v.split("-");
+          const map = {
+            top: offsetY ?? offset,
+            middle: "50%",
+            bottom: "auto"
+          };
+          return map[side];
+        }),
+        insetBlockEnd: mapObject(placement, (v) => {
+          const [side] = v.split("-");
+          const map = {
+            top: "auto",
+            middle: "50%",
+            bottom: offsetY ?? offset
+          };
+          return map[side];
+        }),
+        insetStart: mapObject(placement, (v) => {
+          const [, align] = v.split("-");
+          const map = {
+            start: offsetX ?? offset,
+            center: "50%",
+            end: "auto"
+          };
+          return map[align];
+        }),
+        insetEnd: mapObject(placement, (v) => {
+          const [, align] = v.split("-");
+          const map = {
+            start: "auto",
+            center: "50%",
+            end: offsetX ?? offset
+          };
+          return map[align];
+        }),
+        translate: mapObject(placement, (v) => {
+          const [side, align] = v.split("-");
+          const mapX = { start: "-50%", center: "-50%", end: "50%" };
+          const mapY = { top: "-50%", middle: "-50%", bottom: "50%" };
+          return `${mapX[align]} ${mapY[side]}`;
+        })
+      }),
+      [offset, offsetX, offsetY, placement]
+    );
+    return /* @__PURE__ */ React.createElement(mainbase.div, { ref, css: [styles, cssProp], ...rest });
+  }
+);
+Float.displayName = "Float";
+
+export { Float };

package/dist/esm/components/float/index.js

@@ -0,0 +1 @@
+export { Float } from './float.js';

package/dist/esm/components/floating-panel/floating-panel.js

@@ -0,0 +1,40 @@
+"use client";
+import { FloatingPanel } from '@ark-ui/react/floating-panel';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { For } from '../for/for.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: useFloatingPanelStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "floatingPanel" });
+const FloatingPanelRootProvider = withRootProvider(
+  FloatingPanel.RootProvider
+);
+const FloatingPanelRoot = withRootProvider(
+  FloatingPanel.Root,
+  {
+    defaultProps: {
+      lazyMount: true,
+      unmountOnExit: true,
+      minSize: { width: 240, height: 100 }
+    }
+  }
+);
+const FloatingPanelPropsProvider = PropsProvider;
+const FloatingPanelTrigger = withContext(FloatingPanel.Trigger, "trigger", { forwardAsChild: true });
+const FloatingPanelPositioner = withContext(FloatingPanel.Positioner, "positioner", { forwardAsChild: true });
+const FloatingPanelContent = withContext(FloatingPanel.Content, "content", { forwardAsChild: true });
+const FloatingPanelHeader = withContext(FloatingPanel.Header, "header", { forwardAsChild: true });
+const FloatingPanelBody = withContext(FloatingPanel.Body, "body", { forwardAsChild: true });
+const FloatingPanelTitle = withContext(FloatingPanel.Title, "title", { forwardAsChild: true });
+const FloatingPanelDragTrigger = withContext(FloatingPanel.DragTrigger, "dragTrigger", { forwardAsChild: true });
+const FloatingPanelResizeTrigger = withContext(FloatingPanel.ResizeTrigger, "resizeTrigger", { forwardAsChild: true });
+const RESIZE_AXES = ["n", "s", "e", "w", "ne", "nw", "se", "sw"];
+const FloatingPanelResizeTriggers = (props) => /* @__PURE__ */ React.createElement(For, { each: props.axes ?? RESIZE_AXES }, (axis) => /* @__PURE__ */ React.createElement(FloatingPanelResizeTrigger, { key: axis, ...props, axis }));
+const FloatingPanelStageTrigger = withContext(FloatingPanel.StageTrigger, "stageTrigger", { forwardAsChild: true });
+const FloatingPanelCloseTrigger = withContext(FloatingPanel.CloseTrigger, "closeTrigger", { forwardAsChild: true });
+const FloatingPanelControl = withContext(FloatingPanel.Control, "control", { forwardAsChild: true });
+
+export { FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelPropsProvider, FloatingPanelResizeTrigger, FloatingPanelResizeTriggers, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, useFloatingPanelStyles };

package/dist/esm/components/floating-panel/index.js

@@ -0,0 +1,4 @@
+export { FloatingPanelBody, FloatingPanelCloseTrigger, FloatingPanelContent, FloatingPanelControl, FloatingPanelDragTrigger, FloatingPanelHeader, FloatingPanelPositioner, FloatingPanelPropsProvider, FloatingPanelResizeTrigger, FloatingPanelResizeTriggers, FloatingPanelRoot, FloatingPanelRootProvider, FloatingPanelStageTrigger, FloatingPanelTitle, FloatingPanelTrigger, useFloatingPanelStyles } from './floating-panel.js';
+export { FloatingPanelContext, useFloatingPanel, useFloatingPanelContext } from '@ark-ui/react/floating-panel';
+import * as namespace from './namespace.js';
+export { namespace as FloatingPanel };

package/dist/esm/components/floating-panel/namespace.js

@@ -0,0 +1,2 @@
+export { FloatingPanelBody as Body, FloatingPanelCloseTrigger as CloseTrigger, FloatingPanelContent as Content, FloatingPanelControl as Control, FloatingPanelDragTrigger as DragTrigger, FloatingPanelHeader as Header, FloatingPanelPositioner as Positioner, FloatingPanelPropsProvider as PropsProvider, FloatingPanelResizeTrigger as ResizeTrigger, FloatingPanelResizeTriggers as ResizeTriggers, FloatingPanelRoot as Root, FloatingPanelRootProvider as RootProvider, FloatingPanelStageTrigger as StageTrigger, FloatingPanelTitle as Title, FloatingPanelTrigger as Trigger } from './floating-panel.js';
+export { FloatingPanelContext as Context } from '@ark-ui/react/floating-panel';

package/dist/esm/components/focus-trap/focus-trap.js

@@ -0,0 +1,7 @@
+"use client";
+import { FocusTrap as FocusTrap$1 } from '@ark-ui/react/focus-trap';
+import { mainbase } from '../../styled-system/factory.js';
+
+const FocusTrap = mainbase(FocusTrap$1);
+
+export { FocusTrap };

package/dist/esm/components/focus-trap/index.js

@@ -0,0 +1 @@
+export { FocusTrap } from './focus-trap.js';

package/dist/esm/components/for/for.js

@@ -0,0 +1,9 @@
+function For(props) {
+  const { each, fallback, children } = props;
+  if (each?.length === 0) {
+    return fallback || null;
+  }
+  return each?.map(children);
+}
+
+export { For };

package/dist/esm/components/for/index.js

@@ -0,0 +1 @@
+export { For } from './for.js';

package/dist/esm/components/format/index.js

@@ -0,0 +1,6 @@
+import { Format } from '@ark-ui/react/format';
+
+const FormatNumber = Format.Number;
+const FormatByte = Format.Byte;
+
+export { FormatByte, FormatNumber };

package/dist/esm/components/grid/grid-item.js

@@ -0,0 +1,44 @@
+"use client";
+import { forwardRef, useMemo } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+import { compact } from '../../utils/compact.js';
+import { mapObject } from '../../utils/walk-object.js';
+import '../../utils/unit.js';
+
+function spanFn(span) {
+  return mapObject(
+    span,
+    (value) => value === "auto" ? "auto" : `span ${value}/span ${value}`
+  );
+}
+const GridItem = forwardRef(
+  function GridItem2(props, ref) {
+    const {
+      area,
+      colSpan,
+      colStart,
+      colEnd,
+      rowEnd,
+      rowSpan,
+      rowStart,
+      css,
+      ...rest
+    } = props;
+    const styles = useMemo(
+      () => compact({
+        gridArea: area,
+        gridColumn: spanFn(colSpan),
+        gridRow: spanFn(rowSpan),
+        gridColumnStart: colStart,
+        gridColumnEnd: colEnd,
+        gridRowStart: rowStart,
+        gridRowEnd: rowEnd
+      }),
+      [area, colSpan, colStart, colEnd, rowEnd, rowSpan, rowStart]
+    );
+    return /* @__PURE__ */ React.createElement(mainbase.div, { ref, css: [styles, css], ...rest });
+  }
+);
+GridItem.displayName = "GridItem";
+
+export { GridItem };

package/dist/esm/components/grid/grid.js

@@ -0,0 +1,44 @@
+"use client";
+import { forwardRef } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+
+const Grid = forwardRef(
+  function Grid2(props, ref) {
+    const {
+      templateAreas,
+      column,
+      row,
+      autoFlow,
+      autoRows,
+      templateRows,
+      autoColumns,
+      templateColumns,
+      inline,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ React.createElement(
+      mainbase.div,
+      {
+        ...rest,
+        ref,
+        css: [
+          {
+            display: inline ? "inline-grid" : "grid",
+            gridTemplateAreas: templateAreas,
+            gridAutoColumns: autoColumns,
+            gridColumn: column,
+            gridRow: row,
+            gridAutoFlow: autoFlow,
+            gridAutoRows: autoRows,
+            gridTemplateRows: templateRows,
+            gridTemplateColumns: templateColumns
+          },
+          props.css
+        ]
+      }
+    );
+  }
+);
+Grid.displayName = "Grid";
+
+export { Grid };

package/dist/esm/components/grid/index.js

@@ -0,0 +1,2 @@
+export { Grid } from './grid.js';
+export { GridItem } from './grid-item.js';

package/dist/esm/components/group/group.js

@@ -0,0 +1,145 @@
+"use client";
+import { memo, forwardRef, useMemo, Children, isValidElement, cloneElement } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+import { dataAttr } from '../../utils/attr.js';
+import { cx } from '../../utils/cx.js';
+import '../../utils/unit.js';
+
+const StyledGroup = mainbase("div", {
+  base: {
+    display: "inline-flex",
+    gap: "var(--group-gap, 0.5rem)",
+    isolation: "isolate",
+    position: "relative",
+    "& [data-group-item]": {
+      _focusVisible: {
+        zIndex: 1
+      }
+    }
+  },
+  variants: {
+    orientation: {
+      horizontal: {
+        flexDirection: "row"
+      },
+      vertical: {
+        flexDirection: "column"
+      }
+    },
+    attached: {
+      true: {
+        gap: "0!"
+      }
+    },
+    grow: {
+      true: {
+        display: "flex",
+        "& > *": {
+          flex: 1
+        }
+      }
+    },
+    stacking: {
+      "first-on-top": {
+        "& > [data-group-item]": {
+          zIndex: "calc(var(--group-count) - var(--group-index))"
+        }
+      },
+      "last-on-top": {
+        "& > [data-group-item]": {
+          zIndex: "var(--group-index)"
+        }
+      }
+    }
+  },
+  compoundVariants: [
+    {
+      orientation: "horizontal",
+      attached: true,
+      css: {
+        "& > *[data-first]": {
+          borderEndRadius: "0!",
+          marginEnd: "-1px"
+        },
+        "& > *[data-between]": {
+          borderRadius: "0!",
+          marginEnd: "-1px"
+        },
+        "& > *[data-last]": {
+          borderStartRadius: "0!"
+        }
+      }
+    },
+    {
+      orientation: "vertical",
+      attached: true,
+      css: {
+        "& > *[data-first]": {
+          borderBottomRadius: "0!",
+          marginBottom: "-1px"
+        },
+        "& > *[data-between]": {
+          borderRadius: "0!",
+          marginBottom: "-1px"
+        },
+        "& > *[data-last]": {
+          borderTopRadius: "0!"
+        }
+      }
+    }
+  ],
+  defaultVariants: {
+    orientation: "horizontal"
+  }
+});
+const Group = memo(
+  forwardRef(function Group2(props, ref) {
+    const {
+      align = "center",
+      justify = "flex-start",
+      children,
+      wrap,
+      skip,
+      ...rest
+    } = props;
+    const _children = useMemo(() => {
+      let childArray = Children.toArray(children).filter(isValidElement);
+      if (childArray.length === 1) return childArray;
+      const validChildArray = childArray.filter((child) => !skip?.(child));
+      const validChildCount = validChildArray.length;
+      if (validChildArray.length === 1) return childArray;
+      return childArray.map((child) => {
+        const childProps = child.props;
+        if (skip?.(child)) return child;
+        const index = validChildArray.indexOf(child);
+        return cloneElement(child, {
+          ...childProps,
+          "data-group-item": "",
+          "data-first": dataAttr(index === 0),
+          "data-last": dataAttr(index === validChildCount - 1),
+          "data-between": dataAttr(index > 0 && index < validChildCount - 1),
+          style: {
+            "--group-count": validChildCount,
+            "--group-index": index,
+            ...childProps?.style ?? {}
+          }
+        });
+      });
+    }, [children, skip]);
+    return /* @__PURE__ */ React.createElement(
+      StyledGroup,
+      {
+        ref,
+        alignItems: align,
+        justifyContent: justify,
+        flexWrap: wrap,
+        ...rest,
+        className: cx("mainbase-group", props.className)
+      },
+      _children
+    );
+  })
+);
+Group.displayName = "Group";
+
+export { Group };

package/dist/esm/components/group/index.js

@@ -0,0 +1 @@
+export { Group } from './group.js';

package/dist/esm/components/heading/index.js

@@ -0,0 +1,10 @@
+"use client";
+import { createRecipeContext } from '../../styled-system/create-recipe-context.js';
+
+const { withContext, PropsProvider } = createRecipeContext({
+  key: "heading"
+});
+const Heading = withContext("h2");
+const HeadingPropsProvider = PropsProvider;
+
+export { Heading, HeadingPropsProvider };

package/dist/esm/components/highlight/highlight.js

@@ -0,0 +1,23 @@
+"use client";
+import { useHighlight } from '@ark-ui/react/highlight';
+import { Fragment } from 'react';
+import { For } from '../for/for.js';
+import { Mark } from '../mark/index.js';
+
+function Highlight(props) {
+  const { children, query, ignoreCase, matchAll, styles } = props;
+  if (typeof children !== "string") {
+    throw new Error("The children prop of Highlight must be a string");
+  }
+  const chunks = useHighlight({
+    query,
+    text: children,
+    matchAll,
+    ignoreCase
+  });
+  return /* @__PURE__ */ React.createElement(For, { each: chunks }, (chunk, index) => {
+    return chunk.match ? /* @__PURE__ */ React.createElement(Mark, { key: index, css: styles }, chunk.text) : /* @__PURE__ */ React.createElement(Fragment, { key: index }, chunk.text);
+  });
+}
+
+export { Highlight };

package/dist/esm/components/highlight/index.js

@@ -0,0 +1,2 @@
+export { Highlight } from './highlight.js';
+export { useHighlight } from '@ark-ui/react/highlight';

package/dist/esm/components/hover-card/hover-card.js

@@ -0,0 +1,30 @@
+"use client";
+import { HoverCard } from '@ark-ui/react/hover-card';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: useHoverCardStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "hoverCard" });
+const HoverCardRootProvider = withRootProvider(HoverCard.RootProvider);
+const HoverCardRoot = withRootProvider(
+  HoverCard.Root
+);
+const HoverCardPropsProvider = PropsProvider;
+const HoverCardTrigger = withContext(HoverCard.Trigger, "trigger", { forwardAsChild: true });
+const HoverCardPositioner = withContext(HoverCard.Positioner, "positioner", { forwardAsChild: true });
+const HoverCardContent = withContext(HoverCard.Content, "content", { forwardAsChild: true });
+const HoverCardArrowTip = withContext(HoverCard.ArrowTip, "arrowTip", { forwardAsChild: true });
+const HoverCardArrow = withContext(
+  HoverCard.Arrow,
+  "arrow",
+  {
+    forwardAsChild: true,
+    defaultProps: { children: /* @__PURE__ */ React.createElement(HoverCardArrowTip, null) }
+  }
+);
+const HoverCardContext = HoverCard.Context;
+
+export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles };

package/dist/esm/components/hover-card/index.js

@@ -0,0 +1,4 @@
+export { HoverCardArrow, HoverCardArrowTip, HoverCardContent, HoverCardContext, HoverCardPositioner, HoverCardPropsProvider, HoverCardRoot, HoverCardRootProvider, HoverCardTrigger, useHoverCardStyles } from './hover-card.js';
+import * as namespace from './namespace.js';
+export { namespace as HoverCard };
+export { useHoverCard, useHoverCardContext } from '@ark-ui/react/hover-card';

package/dist/esm/components/hover-card/namespace.js

@@ -0,0 +1 @@
+export { HoverCardArrow as Arrow, HoverCardArrowTip as ArrowTip, HoverCardContent as Content, HoverCardContext as Context, HoverCardPositioner as Positioner, HoverCardPropsProvider as PropsProvider, HoverCardRoot as Root, HoverCardRootProvider as RootProvider, HoverCardTrigger as Trigger } from './hover-card.js';