mainbase-ui 1.2.5-b → 3.36.0

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

@@ -0,0 +1,16 @@
+"use client";
+import { forwardRef } from 'react';
+import { EMPTY_SLOT_STYLES } from '../../styled-system/empty.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { useRecipe } from '../../styled-system/use-recipe.js';
+
+const InputAddon = forwardRef(
+  function InputAddon2({ unstyled, ...props }, ref) {
+    const recipe = useRecipe({ key: "inputAddon", recipe: props.recipe });
+    const [variantProps, localProps] = recipe.splitVariantProps(props);
+    const styles = unstyled ? EMPTY_SLOT_STYLES : recipe(variantProps);
+    return /* @__PURE__ */ React.createElement(mainbase.div, { ref, ...localProps, css: [styles, props.css] });
+  }
+);
+
+export { InputAddon };

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

@@ -0,0 +1 @@
+export { InputElement } from './input-element.js';

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

@@ -0,0 +1,28 @@
+"use client";
+import { mainbase } from '../../styled-system/factory.js';
+
+const InputElement = mainbase("div", {
+  base: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    position: "absolute",
+    zIndex: 2,
+    color: "fg.muted",
+    height: "full",
+    fontSize: "sm",
+    px: "3"
+  },
+  variants: {
+    placement: {
+      start: {
+        insetInlineStart: "0"
+      },
+      end: {
+        insetInlineEnd: "0"
+      }
+    }
+  }
+});
+
+export { InputElement };

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

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

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

@@ -0,0 +1,49 @@
+"use client";
+import { forwardRef, Children, cloneElement } from 'react';
+import { Group } from '../group/group.js';
+import { InputAddon } from '../input-addon/input-addon.js';
+import { InputElement } from '../input-element/input-element.js';
+
+const InputGroup = forwardRef(
+  function InputGroup2(props, ref) {
+    const {
+      startElement,
+      startElementProps,
+      endElement,
+      endElementProps,
+      startAddon,
+      startAddonProps,
+      endAddon,
+      endAddonProps,
+      children,
+      startOffset = "0px",
+      endOffset = "0px",
+      ...rest
+    } = props;
+    const child = Children.only(children);
+    const attached = Boolean(startAddon || endAddon);
+    return /* @__PURE__ */ React.createElement(
+      Group,
+      {
+        width: "full",
+        ref,
+        attached,
+        skip: (el) => el.type === InputElement,
+        ...rest
+      },
+      startAddon && /* @__PURE__ */ React.createElement(InputAddon, { ...startAddonProps }, startAddon),
+      startElement && /* @__PURE__ */ React.createElement(InputElement, { pointerEvents: "none", ...startElementProps }, startElement),
+      cloneElement(child, {
+        ...startElement && {
+          ps: `calc(var(--input-height) - ${startOffset})`
+        },
+        ...endElement && { pe: `calc(var(--input-height) - ${endOffset})` },
+        ...children.props
+      }),
+      endElement && /* @__PURE__ */ React.createElement(InputElement, { placement: "end", ...endElementProps }, endElement),
+      endAddon && /* @__PURE__ */ React.createElement(InputAddon, { ...endAddonProps }, endAddon)
+    );
+  }
+);
+
+export { InputGroup };

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

@@ -0,0 +1 @@
+export { Kbd } from './kbd.js';

package/dist/esm/components/kbd/kbd.js

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

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

@@ -0,0 +1,2 @@
+export { Link, LinkPropsProvider } from './link.js';
+export { LinkBox, LinkOverlay } from './link-box.js';

package/dist/esm/components/link/link-box.js

@@ -0,0 +1,62 @@
+"use client";
+import { forwardRef } from 'react';
+import { mainbase } from '../../styled-system/factory.js';
+import { cx } from '../../utils/cx.js';
+import '../../utils/unit.js';
+
+const LinkOverlay = forwardRef(
+  function LinkOverlay2(props, ref) {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ React.createElement(
+      mainbase.a,
+      {
+        ...rest,
+        ref,
+        className: cx("mainbase-linkbox__overlay", className),
+        css: [
+          {
+            position: "static",
+            "&::before": {
+              content: "''",
+              cursor: "inherit",
+              display: "block",
+              position: "absolute",
+              top: 0,
+              left: 0,
+              zIndex: 0,
+              width: "100%",
+              height: "100%"
+            }
+          },
+          props.css
+        ]
+      }
+    );
+  }
+);
+const LinkBox = forwardRef(
+  function LinkBox2(props, ref) {
+    const { className, ...rest } = props;
+    return /* @__PURE__ */ React.createElement(
+      mainbase.div,
+      {
+        ref,
+        position: "relative",
+        ...rest,
+        className: cx("mainbase-linkbox", className),
+        css: [
+          {
+            /* Elevate the links and abbreviations up */
+            "& a[href]:not(.mainbase-linkbox__overlay), abbr[title]": {
+              position: "relative",
+              zIndex: 1
+            }
+          },
+          props.css
+        ]
+      }
+    );
+  }
+);
+
+export { LinkBox, LinkOverlay };

package/dist/esm/components/link/link.js

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

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

@@ -0,0 +1,3 @@
+export { ListIndicator, ListItem, ListRoot, ListRootPropsProvider, useListStyles } from './list.js';
+import * as namespace from './namespace.js';
+export { namespace as List };

package/dist/esm/components/list/list.js

@@ -0,0 +1,22 @@
+"use client";
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useListStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "list" });
+const ListRoot = withProvider(
+  "ul",
+  "root",
+  { defaultProps: { role: "list" } }
+);
+const ListRootPropsProvider = PropsProvider;
+const ListItem = withContext("li", "item");
+const ListIndicator = withContext(
+  "span",
+  "indicator"
+);
+
+export { ListIndicator, ListItem, ListRoot, ListRootPropsProvider, useListStyles };

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

@@ -0,0 +1 @@
+export { ListIndicator as Indicator, ListItem as Item, ListRoot as Root, ListRootPropsProvider as RootPropsProvider } from './list.js';

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

@@ -0,0 +1,4 @@
+export { ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxPropsProvider, ListboxRoot, ListboxRootProvider, ListboxValueText, useListboxStyles } from './listbox.js';
+export { useListbox, useListboxContext, useListboxItemContext } from '@ark-ui/react/listbox';
+import * as namespace from './namespace.js';
+export { namespace as Listbox };

package/dist/esm/components/listbox/listbox.js

@@ -0,0 +1,61 @@
+"use client";
+import { Listbox } from '@ark-ui/react/listbox';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { CheckIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useListboxStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "listbox" });
+const ListboxRootProvider = withProvider(Listbox.RootProvider, "root", {
+  forwardAsChild: true
+});
+const ListboxRoot = withProvider(
+  Listbox.Root,
+  "root",
+  {
+    forwardAsChild: true
+  }
+);
+const ListboxPropsProvider = PropsProvider;
+const ListboxInput = withContext(
+  Listbox.Input,
+  "input",
+  { forwardAsChild: true }
+);
+const ListboxContent = withContext(
+  Listbox.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const ListboxValueText = withContext(Listbox.ValueText, "valueText", { forwardAsChild: true });
+const ListboxItemGroup = withContext(Listbox.ItemGroup, "itemGroup", { forwardAsChild: true });
+const ListboxItemGroupLabel = withContext(Listbox.ItemGroupLabel, "itemGroupLabel", { forwardAsChild: true });
+const ListboxItem = withContext(
+  Listbox.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const ListboxItemText = withContext(Listbox.ItemText, "itemText", { forwardAsChild: true });
+const ListboxItemIndicator = withContext(Listbox.ItemIndicator, "itemIndicator", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(CheckIcon, null)
+  }
+});
+const ListboxLabel = withContext(
+  Listbox.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const ListboxEmpty = withContext(
+  Listbox.Empty,
+  "empty",
+  { forwardAsChild: true }
+);
+const ListboxContext = Listbox.Context;
+const ListboxItemContext = Listbox.ItemContext;
+
+export { ListboxContent, ListboxContext, ListboxEmpty, ListboxInput, ListboxItem, ListboxItemContext, ListboxItemGroup, ListboxItemGroupLabel, ListboxItemIndicator, ListboxItemText, ListboxLabel, ListboxPropsProvider, ListboxRoot, ListboxRootProvider, ListboxValueText, useListboxStyles };

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

@@ -0,0 +1 @@
+export { ListboxContent as Content, ListboxContext as Context, ListboxEmpty as Empty, ListboxInput as Input, ListboxItem as Item, ListboxItemContext as ItemContext, ListboxItemGroup as ItemGroup, ListboxItemGroupLabel as ItemGroupLabel, ListboxItemIndicator as ItemIndicator, ListboxItemText as ItemText, ListboxLabel as Label, ListboxPropsProvider as PropsProvider, ListboxRoot as Root, ListboxRootProvider as RootProvider, ListboxValueText as ValueText } from './listbox.js';

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

@@ -0,0 +1,2 @@
+export { Loader } from './loader.js';
+export { LoaderOverlay } from './loader-overlay.js';

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,28 @@
+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__ */ React.createElement(Spinner, { size: "inherit", borderWidth: "0.125em", color: "inherit" }),
+      spinnerPlacement = "start",
+      children,
+      text,
+      visible = true,
+      ...rest
+    } = props;
+    if (!visible) return children;
+    if (text) {
+      return /* @__PURE__ */ React.createElement(Span, { ref, display: "contents", ...rest }, spinnerPlacement === "start" && spinner, text, spinnerPlacement === "end" && spinner);
+    }
+    if (spinner) {
+      return /* @__PURE__ */ React.createElement(Span, { ref, display: "contents", ...rest }, /* @__PURE__ */ React.createElement(AbsoluteCenter, { display: "inline-flex" }, spinner), /* @__PURE__ */ React.createElement(Span, { visibility: "hidden", display: "contents" }, children));
+    }
+    return /* @__PURE__ */ React.createElement(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,90 @@
+"use client";
+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__ */ React.createElement(MenuArrowTip, null) } }
+);
+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__ */ React.createElement(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,71 @@
+"use client";
+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 '../../utils/unit.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__ */ React.createElement(NativeSelectBasePropsProvider, { value: { disabled, invalid } }, 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__ */ React.createElement(
+    StyledSelect,
+    {
+      disabled,
+      "data-invalid": dataAttr(invalid),
+      ...restProps,
+      ref,
+      className: cx(classNames.field, props.className),
+      css: [!unstyled ? styles.field : void 0, props.css]
+    },
+    placeholder && /* @__PURE__ */ React.createElement("option", { value: "" }, placeholder),
+    children
+  );
+});
+function NativeSelectIndicator(props) {
+  const { unstyled, ...restProps } = props;
+  const styles = useNativeSelectStyles();
+  const { disabled, invalid } = useNativeSelectBaseProps();
+  const classNames = useClassNames();
+  return /* @__PURE__ */ React.createElement(
+    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]
+    },
+    props.children ?? /* @__PURE__ */ React.createElement(ChevronDownIcon, null)
+  );
+}
+
+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,35 @@
+"use client";
+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__ */ React.createElement(ChevronUpIcon, null) }
+});
+const NumberInputDecrementTrigger = withContext(NumberInput.DecrementTrigger, "decrementTrigger", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ React.createElement(ChevronDownIcon, null) }
+});
+const NumberInputControl = withContext(NumberInput.Control, "control", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(NumberInputIncrementTrigger, null), /* @__PURE__ */ React.createElement(NumberInputDecrementTrigger, null))
+  }
+});
+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';