mainbase-ui 1.2.5 → 3.37.0

package/dist/esm/components/loader/loader-overlay.js

@@ -0,0 +1,17 @@
+"use client";
+import { mainbase } from '../../styled-system/factory.js';
+
+const LoaderOverlay = mainbase("div", {
+  base: {
+    pos: "absolute",
+    inset: "0",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    boxSize: "full",
+    gap: "2"
+  }
+});
+LoaderOverlay.displayName = "LoaderOverlay";
+
+export { LoaderOverlay };

package/dist/esm/components/loader/loader.js

@@ -0,0 +1,36 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import * as React from 'react';
+import { AbsoluteCenter } from '../absolute-center/absolute-center.js';
+import { Span } from '../span/index.js';
+import { Spinner } from '../spinner/spinner.js';
+
+const Loader = React.forwardRef(
+  function Loader2(props, ref) {
+    const {
+      spinner = /* @__PURE__ */ jsx(Spinner, { size: "inherit", borderWidth: "0.125em", color: "inherit" }),
+      spinnerPlacement = "start",
+      children,
+      text,
+      visible = true,
+      ...rest
+    } = props;
+    if (!visible) return children;
+    if (text) {
+      return /* @__PURE__ */ jsxs(Span, { ref, display: "contents", ...rest, children: [
+        spinnerPlacement === "start" && spinner,
+        text,
+        spinnerPlacement === "end" && spinner
+      ] });
+    }
+    if (spinner) {
+      return /* @__PURE__ */ jsxs(Span, { ref, display: "contents", ...rest, children: [
+        /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: spinner }),
+        /* @__PURE__ */ jsx(Span, { visibility: "hidden", display: "contents", children })
+      ] });
+    }
+    return /* @__PURE__ */ jsx(Span, { ref, display: "contents", ...rest, children });
+  }
+);
+Loader.displayName = "Loader";
+
+export { Loader };

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

@@ -0,0 +1 @@
+export { LocaleProvider, useFilter, useLocaleContext } from '@ark-ui/react/locale';

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

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

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

@@ -0,0 +1,4 @@
+export { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueePropsProvider, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, useMarqueeStyles } from './marquee.js';
+import * as namespace from './namespace.js';
+export { namespace as Marquee };
+export { useMarquee, useMarqueeContext } from '@ark-ui/react/marquee';

package/dist/esm/components/marquee/marquee.js

@@ -0,0 +1,33 @@
+"use client";
+import { Marquee } from '@ark-ui/react/marquee';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withContext,
+  useStyles: useMarqueeStyles,
+  PropsProvider,
+  withProvider
+} = createSlotRecipeContext({ key: "marquee" });
+const MarqueeRootProvider = withProvider(Marquee.RootProvider, "root");
+const MarqueeRoot = withProvider(
+  Marquee.Root,
+  "root"
+);
+const MarqueePropsProvider = PropsProvider;
+const MarqueeContent = withContext(
+  Marquee.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const MarqueeViewport = withContext(Marquee.Viewport, "viewport", { forwardAsChild: true });
+const MarqueeItem = withContext(
+  Marquee.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const MarqueeEdge = withContext(
+  Marquee.Edge,
+  "edge"
+);
+
+export { MarqueeContent, MarqueeEdge, MarqueeItem, MarqueePropsProvider, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, useMarqueeStyles };

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

@@ -0,0 +1 @@
+export { MarqueeContent as Content, MarqueeEdge as Edge, MarqueeItem as Item, MarqueePropsProvider as PropsProvider, MarqueeRoot as Root, MarqueeRootProvider as RootProvider, MarqueeViewport as Viewport } from './marquee.js';

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

@@ -0,0 +1,4 @@
+export { MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemCommand, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuPropsProvider, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuStyles } from './menu.js';
+export { useMenu, useMenuContext, useMenuItemContext } from '@ark-ui/react/menu';
+import * as namespace from './namespace.js';
+export { namespace as Menu };

package/dist/esm/components/menu/menu.js

@@ -0,0 +1,91 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Menu } from '@ark-ui/react/menu';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { CheckIcon } from '../icons.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: useMenuStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "menu" });
+const MenuRootProvider = withRootProvider(
+  Menu.RootProvider
+);
+const MenuRoot = withRootProvider(Menu.Root, {
+  defaultProps: { lazyMount: true, unmountOnExit: true }
+});
+const MenuPropsProvider = PropsProvider;
+const MenuTrigger = withContext(
+  Menu.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const MenuContextTrigger = withContext(Menu.ContextTrigger, "contextTrigger", { forwardAsChild: true });
+const MenuPositioner = withContext(
+  Menu.Positioner,
+  "positioner",
+  { forwardAsChild: true }
+);
+const MenuSeparator = withContext(
+  Menu.Separator,
+  "separator",
+  { forwardAsChild: true }
+);
+const MenuContent = withContext(
+  Menu.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const MenuArrowTip = withContext(
+  Menu.ArrowTip,
+  "arrowTip",
+  { forwardAsChild: true }
+);
+const MenuArrow = withContext(
+  Menu.Arrow,
+  "arrow",
+  { forwardAsChild: true, defaultProps: { children: /* @__PURE__ */ jsx(MenuArrowTip, {}) } }
+);
+const MenuIndicator = withContext(
+  Menu.Indicator,
+  "indicator",
+  { forwardAsChild: true }
+);
+const MenuItemGroup = withContext(
+  Menu.ItemGroup,
+  "itemGroup",
+  { forwardAsChild: true }
+);
+const MenuItemGroupLabel = withContext(Menu.ItemGroupLabel, "itemGroupLabel", { forwardAsChild: true });
+const MenuItem = withContext(
+  Menu.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const MenuTriggerItem = withContext(Menu.TriggerItem, "item", { forwardAsChild: true });
+const MenuItemText = withContext(
+  Menu.ItemText,
+  "itemText",
+  { forwardAsChild: true }
+);
+const MenuItemCommand = withContext(
+  "kbd",
+  "itemCommand"
+);
+const MenuItemIndicator = withContext(Menu.ItemIndicator, "itemIndicator", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ jsx(CheckIcon, { boxSize: "4" }) }
+});
+const MenuCheckboxItem = withContext(Menu.CheckboxItem, "item", { forwardAsChild: true });
+const MenuRadioItemGroup = withContext(Menu.RadioItemGroup, "itemGroup", { forwardAsChild: true });
+const MenuRadioItem = withContext(
+  Menu.RadioItem,
+  "item",
+  { forwardAsChild: true }
+);
+const MenuContext = Menu.Context;
+const MenuItemContext = Menu.ItemContext;
+
+export { MenuArrow, MenuArrowTip, MenuCheckboxItem, MenuContent, MenuContext, MenuContextTrigger, MenuIndicator, MenuItem, MenuItemCommand, MenuItemContext, MenuItemGroup, MenuItemGroupLabel, MenuItemIndicator, MenuItemText, MenuPositioner, MenuPropsProvider, MenuRadioItem, MenuRadioItemGroup, MenuRoot, MenuRootProvider, MenuSeparator, MenuTrigger, MenuTriggerItem, useMenuStyles };

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

@@ -0,0 +1 @@
+export { MenuArrow as Arrow, MenuArrowTip as ArrowTip, MenuCheckboxItem as CheckboxItem, MenuContent as Content, MenuContext as Context, MenuContextTrigger as ContextTrigger, MenuIndicator as Indicator, MenuItem as Item, MenuItemCommand as ItemCommand, MenuItemContext as ItemContext, MenuItemGroup as ItemGroup, MenuItemGroupLabel as ItemGroupLabel, MenuItemIndicator as ItemIndicator, MenuItemText as ItemText, MenuPositioner as Positioner, MenuRadioItem as RadioItem, MenuRadioItemGroup as RadioItemGroup, MenuRoot as Root, MenuPropsProvider as RootPropsProvider, MenuRootProvider as RootProvider, MenuSeparator as Separator, MenuTrigger as Trigger, MenuTriggerItem as TriggerItem } from './menu.js';

package/dist/esm/components/native-select/index.js

@@ -0,0 +1,3 @@
+export { NativeSelectField, NativeSelectIndicator, NativeSelectPropsProvider, NativeSelectRoot, useNativeSelectStyles } from './native-select.js';
+import * as namespace from './namespace.js';
+export { namespace as NativeSelect };

package/dist/esm/components/native-select/namespace.js

@@ -0,0 +1 @@
+export { NativeSelectField as Field, NativeSelectIndicator as Indicator, NativeSelectPropsProvider as PropsProvider, NativeSelectRoot as Root } from './native-select.js';

package/dist/esm/components/native-select/native-select.js

@@ -0,0 +1,73 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { useFieldContext, Field } from '@ark-ui/react/field';
+import { forwardRef } from 'react';
+import { createContext } from '../../create-context.js';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { dataAttr } from '../../utils/attr.js';
+import { cx } from '../../utils/cx.js';
+import { ChevronDownIcon } from '../icons.js';
+
+const [NativeSelectBasePropsProvider, useNativeSelectBaseProps] = createContext({
+  name: "NativeSelectBasePropsContext",
+  hookName: "useNativeSelectBaseProps",
+  providerName: "<NativeSelectRoot />",
+  strict: false
+});
+const {
+  withProvider,
+  useClassNames,
+  useStyles: useNativeSelectStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "nativeSelect" });
+const NativeSelectRoot = withProvider("div", "root", {
+  wrapElement(element, props) {
+    const field = useFieldContext();
+    const disabled = Boolean(field?.disabled ?? props.disabled);
+    const invalid = Boolean(field?.invalid ?? props.invalid);
+    return /* @__PURE__ */ jsx(NativeSelectBasePropsProvider, { value: { disabled, invalid }, children: element });
+  }
+});
+const NativeSelectPropsProvider = PropsProvider;
+const StyledSelect = mainbase(Field.Select, {}, { forwardAsChild: true });
+const NativeSelectField = forwardRef(function NativeSelectField2(props, ref) {
+  const { children, placeholder, unstyled, ...restProps } = props;
+  const { disabled, invalid } = useNativeSelectBaseProps();
+  const styles = useNativeSelectStyles();
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsxs(
+    StyledSelect,
+    {
+      disabled,
+      "data-invalid": dataAttr(invalid),
+      ...restProps,
+      ref,
+      className: cx(classNames.field, props.className),
+      css: [!unstyled ? styles.field : void 0, props.css],
+      children: [
+        placeholder && /* @__PURE__ */ jsx("option", { value: "", children: placeholder }),
+        children
+      ]
+    }
+  );
+});
+function NativeSelectIndicator(props) {
+  const { unstyled, ...restProps } = props;
+  const styles = useNativeSelectStyles();
+  const { disabled, invalid } = useNativeSelectBaseProps();
+  const classNames = useClassNames();
+  return /* @__PURE__ */ jsx(
+    mainbase.div,
+    {
+      ...restProps,
+      "data-disabled": dataAttr(disabled),
+      "data-invalid": dataAttr(invalid),
+      className: cx(classNames.indicator, props.className),
+      css: [!unstyled ? styles.indicator : void 0, props.css],
+      children: props.children ?? /* @__PURE__ */ jsx(ChevronDownIcon, {})
+    }
+  );
+}
+
+export { NativeSelectField, NativeSelectIndicator, NativeSelectPropsProvider, NativeSelectRoot, useNativeSelectStyles };

package/dist/esm/components/number-input/index.js

@@ -0,0 +1,4 @@
+export { NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputPropsProvider, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, useNumberInputStyles } from './number-input.js';
+export { useNumberInput, useNumberInputContext } from '@ark-ui/react/number-input';
+import * as namespace from './namespace.js';
+export { namespace as NumberInput };

package/dist/esm/components/number-input/namespace.js

@@ -0,0 +1 @@
+export { NumberInputContext as Context, NumberInputControl as Control, NumberInputDecrementTrigger as DecrementTrigger, NumberInputIncrementTrigger as IncrementTrigger, NumberInputInput as Input, NumberInputLabel as Label, NumberInputPropsProvider as PropsProvider, NumberInputRoot as Root, NumberInputRootProvider as RootProvider, NumberInputScrubber as Scrubber, NumberInputValueText as ValueText } from './number-input.js';

package/dist/esm/components/number-input/number-input.js

@@ -0,0 +1,39 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { NumberInput } from '@ark-ui/react/number-input';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { ChevronUpIcon, ChevronDownIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useNumberInputStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "numberInput" });
+const NumberInputRootProvider = withProvider(NumberInput.RootProvider, "root", { forwardAsChild: true });
+const NumberInputRoot = withProvider(NumberInput.Root, "root", { forwardAsChild: true });
+const NumberInputPropsProvider = PropsProvider;
+const NumberInputLabel = withContext(NumberInput.Label, "label", { forwardAsChild: true });
+const NumberInputInput = withContext(NumberInput.Input, "input", { forwardAsChild: true });
+const NumberInputIncrementTrigger = withContext(NumberInput.IncrementTrigger, "incrementTrigger", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ jsx(ChevronUpIcon, {}) }
+});
+const NumberInputDecrementTrigger = withContext(NumberInput.DecrementTrigger, "decrementTrigger", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) }
+});
+const NumberInputControl = withContext(NumberInput.Control, "control", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(NumberInputIncrementTrigger, {}),
+      /* @__PURE__ */ jsx(NumberInputDecrementTrigger, {})
+    ] })
+  }
+});
+const NumberInputScrubber = withContext(NumberInput.Scrubber, "scrubber", { forwardAsChild: true });
+const NumberInputValueText = withContext(NumberInput.ValueText, "valueText", { forwardAsChild: true });
+const NumberInputContext = NumberInput.Context;
+
+export { NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputPropsProvider, NumberInputRoot, NumberInputRootProvider, NumberInputScrubber, NumberInputValueText, useNumberInputStyles };

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

@@ -0,0 +1,4 @@
+export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPageText, PaginationPrevTrigger, PaginationPropsProvider, PaginationRoot, PaginationRootProvider, usePaginationStyles } from './pagination.js';
+export { usePagination, usePaginationContext } from '@ark-ui/react/pagination';
+import * as namespace from './namespace.js';
+export { namespace as Pagination };

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

@@ -0,0 +1 @@
+export { PaginationContext as Context, PaginationEllipsis as Ellipsis, PaginationItem as Item, PaginationItems as Items, PaginationNextTrigger as NextTrigger, PaginationPageText as PageText, PaginationPrevTrigger as PrevTrigger, PaginationPropsProvider as PropsProvider, PaginationRoot as Root, PaginationRootProvider as RootProvider } from './pagination.js';

package/dist/esm/components/pagination/pagination.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Pagination, usePaginationContext } from '@ark-ui/react/pagination';
+import { forwardRef, useMemo } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { Box } from '../box/index.js';
+import '../button/button.js';
+import { IconButton } from '../button/icon-button.js';
+import '../button/button-group.js';
+import '../button/close-button.js';
+import { For } from '../for/for.js';
+import { EllipsisIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: usePaginationStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "pagination" });
+const PaginationRootProvider = withProvider(Pagination.RootProvider, "root", {
+  forwardAsChild: true,
+  forwardProps: ["page"]
+});
+const PaginationRoot = withProvider(
+  Pagination.Root,
+  "root",
+  { forwardAsChild: true, forwardProps: ["page"] }
+);
+const PaginationPropsProvider = PropsProvider;
+const PaginationEllipsis = withContext(Pagination.Ellipsis, "ellipsis", { forwardAsChild: true });
+const PaginationItem = withContext(Pagination.Item, "item", { forwardAsChild: true });
+const PaginationNextTrigger = withContext(Pagination.NextTrigger, "nextTrigger", { forwardAsChild: true });
+const PaginationPrevTrigger = withContext(Pagination.PrevTrigger, "prevTrigger", { forwardAsChild: true });
+const PaginationContext = Pagination.Context;
+const PaginationPageText = forwardRef(function PaginationPageText2(props, ref) {
+  const { format = "compact", ...rest } = props;
+  const { page, totalPages, pageRange, count } = usePaginationContext();
+  const content = useMemo(() => {
+    if (typeof format === "function") {
+      return format({ page, totalPages, pageRange, count });
+    }
+    if (format === "short") return `${page} / ${totalPages}`;
+    if (format === "compact") return `${page} of ${totalPages}`;
+    return `${pageRange.start + 1} - ${Math.min(pageRange.end, count)} of ${count}`;
+  }, [format, page, totalPages, pageRange, count]);
+  return /* @__PURE__ */ jsx(Box, { fontWeight: "medium", ref, ...rest, children: content });
+});
+const PaginationItems = (props) => {
+  const { pages } = usePaginationContext();
+  const { render, ellipsis, ...rest } = props;
+  return /* @__PURE__ */ jsx(For, { each: pages, children: (page, index) => {
+    if (page.type === "ellipsis") {
+      return /* @__PURE__ */ jsx(PaginationEllipsis, { asChild: true, index, ...rest, children: ellipsis || /* @__PURE__ */ jsx(IconButton, { as: "span", children: /* @__PURE__ */ jsx(EllipsisIcon, {}) }) }, index);
+    }
+    return /* @__PURE__ */ jsx(
+      PaginationItem,
+      {
+        asChild: true,
+        type: "page",
+        value: page.value,
+        ...rest,
+        children: render(page)
+      },
+      index
+    );
+  } });
+};
+
+export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationItems, PaginationNextTrigger, PaginationPageText, PaginationPrevTrigger, PaginationPropsProvider, PaginationRoot, PaginationRootProvider, usePaginationStyles };

package/dist/esm/components/pin-input/index.js

@@ -0,0 +1,4 @@
+export { PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputPropsProvider, PinInputRoot, PinInputRootProvider, usePinInputStyles } from './pin-input.js';
+import * as namespace from './namespace.js';
+export { namespace as PinInput };
+export { usePinInput, usePinInputContext } from '@ark-ui/react/pin-input';

package/dist/esm/components/pin-input/namespace.js

@@ -0,0 +1 @@
+export { PinInputContext as Context, PinInputControl as Control, PinInputHiddenInput as HiddenInput, PinInputInput as Input, PinInputLabel as Label, PinInputPropsProvider as PropsProvider, PinInputRoot as Root, PinInputRootProvider as RootProvider } from './pin-input.js';

package/dist/esm/components/pin-input/pin-input.js

@@ -0,0 +1,32 @@
+"use client";
+import { PinInput } from '@ark-ui/react/pin-input';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: usePinInputStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "pinInput" });
+const PinInputRootProvider = withProvider(PinInput.RootProvider, "root", { forwardAsChild: true });
+const PinInputRoot = withProvider(
+  PinInput.Root,
+  "root",
+  { forwardProps: ["mask"], forwardAsChild: true }
+);
+const PinInputPropsProvider = PropsProvider;
+const PinInputControl = withContext(PinInput.Control, "control", { forwardAsChild: true });
+const PinInputInput = withContext(
+  PinInput.Input,
+  "input",
+  { forwardAsChild: true }
+);
+const PinInputLabel = withContext(
+  PinInput.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const PinInputContext = PinInput.Context;
+const PinInputHiddenInput = PinInput.HiddenInput;
+
+export { PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputPropsProvider, PinInputRoot, PinInputRootProvider, usePinInputStyles };

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

@@ -0,0 +1,4 @@
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles } from './popover.js';
+import * as namespace from './namespace.js';
+export { namespace as Popover };
+export { usePopover, usePopoverContext } from '@ark-ui/react/popover';

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

@@ -0,0 +1 @@
+export { PopoverAnchor as Anchor, PopoverArrow as Arrow, PopoverArrowTip as ArrowTip, PopoverBody as Body, PopoverCloseTrigger as CloseTrigger, PopoverContent as Content, PopoverContext as Context, PopoverDescription as Description, PopoverFooter as Footer, PopoverHeader as Header, PopoverPositioner as Positioner, PopoverPropsProvider as PropsProvider, PopoverRoot as Root, PopoverRootProvider as RootProvider, PopoverTitle as Title, PopoverTrigger as Trigger, usePopoverStyles } from './popover.js';

package/dist/esm/components/popover/popover.js

@@ -0,0 +1,60 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Popover } from '@ark-ui/react/popover';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: usePopoverStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "popover" });
+const PopoverRootProvider = withRootProvider(
+  Popover.RootProvider
+);
+const PopoverRoot = withRootProvider(Popover.Root);
+const PopoverPropsProvider = PropsProvider;
+const PopoverTrigger = withContext(Popover.Trigger, "trigger", { forwardAsChild: true });
+const PopoverPositioner = withContext(Popover.Positioner, "positioner", { forwardAsChild: true });
+const PopoverContent = withContext(
+  Popover.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const PopoverArrowTip = withContext(Popover.ArrowTip, "arrowTip", { forwardAsChild: true });
+const PopoverArrow = withContext(
+  Popover.Arrow,
+  "arrow",
+  {
+    forwardAsChild: true,
+    defaultProps: { children: /* @__PURE__ */ jsx(PopoverArrowTip, {}) }
+  }
+);
+const PopoverCloseTrigger = withContext(Popover.CloseTrigger, "closeTrigger", { forwardAsChild: true });
+const PopoverIndicator = withContext(Popover.Indicator, "indicator", { forwardAsChild: true });
+const PopoverTitle = withContext(
+  Popover.Title,
+  "title",
+  { forwardAsChild: true }
+);
+const PopoverDescription = withContext(Popover.Description, "description", { forwardAsChild: true });
+const PopoverFooter = withContext(
+  "footer",
+  "footer"
+);
+const PopoverHeader = withContext(
+  "header",
+  "header"
+);
+const PopoverBody = withContext(
+  "div",
+  "body"
+);
+const PopoverAnchor = withContext(
+  Popover.Anchor,
+  void 0,
+  { forwardAsChild: true }
+);
+const PopoverContext = Popover.Context;
+
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverBody, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverFooter, PopoverHeader, PopoverIndicator, PopoverPositioner, PopoverPropsProvider, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, usePopoverStyles };

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

@@ -0,0 +1 @@
+export { Portal } from '@ark-ui/react/portal';

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

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

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

@@ -0,0 +1,4 @@
+export { ProgressContext, ProgressLabel, ProgressPropsProvider, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, useProgressStyles } from './progress.js';
+import * as namespace from './namespace.js';
+export { namespace as Progress };
+export { useProgress, useProgressContext } from '@ark-ui/react/progress';

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

@@ -0,0 +1 @@
+export { ProgressContext as Context, ProgressLabel as Label, ProgressPropsProvider as PropsProvider, ProgressRange as Range, ProgressRoot as Root, ProgressRootProvider as RootProvider, ProgressTrack as Track, ProgressValueText as ValueText } from './progress.js';

package/dist/esm/components/progress/progress.js

@@ -0,0 +1,35 @@
+"use client";
+import { Progress } from '@ark-ui/react/progress';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useProgressStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "progress" });
+const ProgressRootProvider = withProvider(Progress.RootProvider, "root", { forwardAsChild: true });
+const ProgressRoot = withProvider(
+  Progress.Root,
+  "root"
+);
+const ProgressPropsProvider = PropsProvider;
+const ProgressLabel = withContext(
+  Progress.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const ProgressTrack = withContext(
+  Progress.Track,
+  "track",
+  { forwardAsChild: true }
+);
+const ProgressRange = withContext(
+  Progress.Range,
+  "range",
+  { forwardAsChild: true }
+);
+const ProgressValueText = withContext(Progress.ValueText, "valueText", { forwardAsChild: true });
+const ProgressContext = Progress.Context;
+
+export { ProgressContext, ProgressLabel, ProgressPropsProvider, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, useProgressStyles };

package/dist/esm/components/progress-circle/index.js

@@ -0,0 +1,3 @@
+export { ProgressCircleCircle, ProgressCircleContext, ProgressCircleLabel, ProgressCirclePropsProvider, ProgressCircleRange, ProgressCircleRoot, ProgressCircleRootProvider, ProgressCircleTrack, ProgressCircleValueText, useProgressCircleStyles } from './progress-circle.js';
+import * as namespace from './namespace.js';
+export { namespace as ProgressCircle };

package/dist/esm/components/progress-circle/namespace.js

@@ -0,0 +1 @@
+export { ProgressCircleCircle as Circle, ProgressCircleLabel as Label, ProgressCirclePropsProvider as PropsProvider, ProgressCircleRange as Range, ProgressCircleRoot as Root, ProgressCircleRootProvider as RootProvider, ProgressCircleTrack as Track, ProgressCircleValueText as ValueText } from './progress-circle.js';

package/dist/esm/components/progress-circle/progress-circle.js

@@ -0,0 +1,21 @@
+"use client";
+import { Progress } from '@ark-ui/react/progress';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useProgressCircleStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "progressCircle" });
+const ProgressCircleRootProvider = withProvider(Progress.RootProvider, "root", { forwardAsChild: true });
+const ProgressCircleRoot = withProvider(Progress.Root, "root", { forwardAsChild: true });
+const ProgressCirclePropsProvider = PropsProvider;
+const ProgressCircleLabel = withContext(Progress.Label, "label", { forwardAsChild: true });
+const ProgressCircleCircle = withContext(Progress.Circle, "circle", { forwardAsChild: true });
+const ProgressCircleTrack = withContext(Progress.CircleTrack, "circleTrack", { forwardAsChild: true });
+const ProgressCircleRange = withContext(Progress.CircleRange, "circleRange", { forwardAsChild: true });
+const ProgressCircleValueText = withContext(Progress.ValueText, "valueText", { forwardAsChild: true });
+const ProgressCircleContext = Progress.Context;
+
+export { ProgressCircleCircle, ProgressCircleContext, ProgressCircleLabel, ProgressCirclePropsProvider, ProgressCircleRange, ProgressCircleRoot, ProgressCircleRootProvider, ProgressCircleTrack, ProgressCircleValueText, useProgressCircleStyles };

package/dist/esm/components/qr-code/index.js

@@ -0,0 +1,4 @@
+export { QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodePropsProvider, QrCodeRoot, QrCodeRootProvider, useQrCodeStyles } from './qr-code.js';
+export { useQrCode, useQrCodeContext } from '@ark-ui/react/qr-code';
+import * as namespace from './namespace.js';
+export { namespace as QrCode };

package/dist/esm/components/qr-code/namespace.js

@@ -0,0 +1,2 @@
+export { QrCodeDownloadTrigger as DownloadTrigger, QrCodeFrame as Frame, QrCodeOverlay as Overlay, QrCodePattern as Pattern, QrCodePropsProvider as PropsProvider, QrCodeRoot as Root, QrCodeRootProvider as RootProvider } from './qr-code.js';
+export { QrCodeContext as Context } from '@ark-ui/react/qr-code';