mainbase-ui 1.2.5 → 3.36.0

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

@@ -0,0 +1,68 @@
+"use client";
+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__ */ React.createElement(Box, { fontWeight: "medium", ref, ...rest }, content);
+});
+const PaginationItems = (props) => {
+  const { pages } = usePaginationContext();
+  const { render, ellipsis, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(For, { each: pages }, (page, index) => {
+    if (page.type === "ellipsis") {
+      return /* @__PURE__ */ React.createElement(PaginationEllipsis, { asChild: true, key: index, index, ...rest }, ellipsis || /* @__PURE__ */ React.createElement(IconButton, { as: "span" }, /* @__PURE__ */ React.createElement(EllipsisIcon, null)));
+    }
+    return /* @__PURE__ */ React.createElement(
+      PaginationItem,
+      {
+        asChild: true,
+        key: index,
+        type: "page",
+        value: page.value,
+        ...rest
+      },
+      render(page)
+    );
+  });
+};
+
+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,59 @@
+"use client";
+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__ */ React.createElement(PopoverArrowTip, null) }
+  }
+);
+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';

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

@@ -0,0 +1,38 @@
+"use client";
+import { QrCode } from '@ark-ui/react/qr-code';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useQrCodeStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "qrCode" });
+const QrCodeRoot = withProvider(
+  QrCode.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const QrCodeRootProvider = withProvider(QrCode.RootProvider, "root", { forwardAsChild: true });
+const QrCodePropsProvider = PropsProvider;
+const QrCodePattern = withContext(
+  QrCode.Pattern,
+  "pattern",
+  { forwardAsChild: true }
+);
+const QrCodeFrame = withContext(
+  QrCode.Frame,
+  "frame",
+  {
+    forwardAsChild: true,
+    defaultProps: { children: /* @__PURE__ */ React.createElement(QrCodePattern, null) }
+  }
+);
+const QrCodeOverlay = withContext(
+  QrCode.Overlay,
+  "overlay",
+  { forwardAsChild: true }
+);
+const QrCodeDownloadTrigger = withContext(QrCode.DownloadTrigger, "downloadTrigger", { forwardAsChild: true });
+
+export { QrCodeDownloadTrigger, QrCodeFrame, QrCodeOverlay, QrCodePattern, QrCodePropsProvider, QrCodeRoot, QrCodeRootProvider, useQrCodeStyles };

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

@@ -0,0 +1,12 @@
+"use client";
+import { mainbase } from '../../styled-system/factory.js';
+
+const Quote = mainbase("q", {
+  base: {
+    fontWeight: "bold",
+    lineHeight: "1.2"
+  }
+});
+Quote.displayName = "Quote";
+
+export { Quote };

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

@@ -0,0 +1,4 @@
+export { RadioCardContext, RadioCardItem, RadioCardItemAddon, RadioCardItemContent, RadioCardItemControl, RadioCardItemDescription, RadioCardItemHiddenInput, RadioCardItemIndicator, RadioCardItemText, RadioCardLabel, RadioCardPropsProvider, RadioCardRoot, RadioCardRootProvider, useRadioCardStyles } from './radio-card.js';
+export { useRadioGroupContext as useRadioCardContext, useRadioGroup as useRadioCardGroup, useRadioGroupItemContext as useRadioCardItemContext } from '@ark-ui/react/radio-group';
+import * as namespace from './namespace.js';
+export { namespace as RadioCard };

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

@@ -0,0 +1 @@
+export { RadioCardContext as Context, RadioCardItem as Item, RadioCardItemAddon as ItemAddon, RadioCardItemContent as ItemContent, RadioCardItemContext as ItemContext, RadioCardItemControl as ItemControl, RadioCardItemDescription as ItemDescription, RadioCardItemHiddenInput as ItemHiddenInput, RadioCardItemIndicator as ItemIndicator, RadioCardItemText as ItemText, RadioCardLabel as Label, RadioCardPropsProvider as PropsProvider, RadioCardRoot as Root, RadioCardRootProvider as RootProvider } from './radio-card.js';

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

@@ -0,0 +1,89 @@
+"use client";
+import { RadioGroup, useRadioGroupItemContext } from '@ark-ui/react/radio-group';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { dataAttr } from '../../utils/attr.js';
+import '../../utils/unit.js';
+import { Radiomark } from '../radiomark/radiomark.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useRadioCardStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "radioCard" });
+const RadioCardRootProvider = withProvider(RadioGroup.RootProvider, "root", { forwardAsChild: true });
+const RadioCardRoot = withProvider(
+  RadioGroup.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const RadioCardPropsProvider = PropsProvider;
+const RadioCardLabel = withContext(
+  RadioGroup.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const RadioCardItem = withContext(
+  RadioGroup.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const RadioCardItemText = withContext(RadioGroup.ItemText, "itemText", { forwardAsChild: true });
+const RadioCardItemDescription = withContext("div", "itemDescription", { forwardAsChild: true });
+const RadioCardItemControl = forwardRef(function RadioCardItemControl2(props, ref) {
+  const api = useRadioGroupItemContext();
+  const styles = useRadioCardStyles();
+  return /* @__PURE__ */ React.createElement(
+    mainbase.div,
+    {
+      ref,
+      "data-focus": dataAttr(api.focused),
+      "data-disabled": dataAttr(api.disabled),
+      "data-state": api.checked ? "checked" : "unchecked",
+      "data-hover": dataAttr(api.hovered),
+      "data-active": dataAttr(api.active),
+      "data-invalid": dataAttr(api.invalid),
+      ...props,
+      css: [styles["itemControl"], props.css]
+    }
+  );
+});
+const RadioCardItemContent = withContext("div", "itemContent");
+const RadioCardItemAddon = withContext("div", "itemAddon");
+const RadioCardItemIndicator = forwardRef(function RadioGroupItemIndicator(props, ref) {
+  const { checked, ...rest } = props;
+  const styles = useRadioCardStyles();
+  const itemContext = useRadioGroupItemContext();
+  if (checked && itemContext.checked) {
+    return /* @__PURE__ */ React.createElement(
+      mainbase.span,
+      {
+        ref,
+        asChild: true,
+        ...rest,
+        "aria-hidden": "true",
+        css: [styles["itemIndicator"], props.css]
+      },
+      checked
+    );
+  }
+  return /* @__PURE__ */ React.createElement(
+    Radiomark,
+    {
+      ref,
+      unstyled: true,
+      ...props,
+      "aria-hidden": "true",
+      checked: itemContext.checked,
+      disabled: itemContext.disabled,
+      css: [styles["itemIndicator"], props.css]
+    }
+  );
+});
+const RadioCardContext = RadioGroup.Context;
+const RadioCardItemContext = RadioGroup.ItemContext;
+const RadioCardItemHiddenInput = RadioGroup.ItemHiddenInput;
+
+export { RadioCardContext, RadioCardItem, RadioCardItemAddon, RadioCardItemContent, RadioCardItemContext, RadioCardItemControl, RadioCardItemDescription, RadioCardItemHiddenInput, RadioCardItemIndicator, RadioCardItemText, RadioCardLabel, RadioCardPropsProvider, RadioCardRoot, RadioCardRootProvider, useRadioCardStyles };

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

@@ -0,0 +1,4 @@
+export { RadioGroupContext, RadioGroupItem, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles } from './radio-group.js';
+export { useRadioGroup, useRadioGroupContext, useRadioGroupItemContext } from '@ark-ui/react/radio-group';
+import * as namespace from './namespace.js';
+export { namespace as RadioGroup };

package/dist/esm/components/radio-group/namespace.js

@@ -0,0 +1 @@
+export { RadioGroupContext as Context, RadioGroupItem as Item, RadioGroupItemContext as ItemContext, RadioGroupItemControl as ItemControl, RadioGroupItemHiddenInput as ItemHiddenInput, RadioGroupItemIndicator as ItemIndicator, RadioGroupItemText as ItemText, RadioGroupLabel as Label, RadioGroupPropsProvider as PropsProvider, RadioGroupRoot as Root, RadioGroupRootProvider as RootProvider } from './radio-group.js';

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

@@ -0,0 +1,46 @@
+"use client";
+import { RadioGroup } from '@ark-ui/react/radio-group';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { Radiomark } from '../radiomark/radiomark.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useRadioGroupStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "radioGroup" });
+const RadioGroupRootProvider = withProvider(RadioGroup.RootProvider, "root", { forwardAsChild: true });
+const RadioGroupRoot = withProvider(
+  RadioGroup.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const RadioGroupPropsProvider = PropsProvider;
+const RadioGroupLabel = withContext(RadioGroup.Label, "label", { forwardAsChild: true });
+const RadioGroupItem = withContext(
+  RadioGroup.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const RadioGroupItemText = withContext(RadioGroup.ItemText, "itemText", { forwardAsChild: true });
+const RadioGroupItemControl = withContext(RadioGroup.ItemControl, "itemControl", { forwardAsChild: true });
+const RadioGroupItemIndicator = forwardRef(function RadioGroupItemIndicator2(props, ref) {
+  const styles = useRadioGroupStyles();
+  return /* @__PURE__ */ React.createElement(RadioGroup.ItemContext, null, (itemState) => /* @__PURE__ */ React.createElement(RadioGroup.ItemControl, { asChild: true }, /* @__PURE__ */ React.createElement(
+    Radiomark,
+    {
+      ref,
+      unstyled: true,
+      ...props,
+      checked: itemState.checked,
+      disabled: itemState.disabled,
+      css: [styles["itemControl"], props.css]
+    }
+  )));
+});
+const RadioGroupContext = RadioGroup.Context;
+const RadioGroupItemContext = RadioGroup.ItemContext;
+const RadioGroupItemHiddenInput = RadioGroup.ItemHiddenInput;
+
+export { RadioGroupContext, RadioGroupItem, RadioGroupItemContext, RadioGroupItemControl, RadioGroupItemHiddenInput, RadioGroupItemIndicator, RadioGroupItemText, RadioGroupLabel, RadioGroupPropsProvider, RadioGroupRoot, RadioGroupRootProvider, useRadioGroupStyles };

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

@@ -0,0 +1 @@
+export { Radiomark } from './radiomark.js';

package/dist/esm/components/radiomark/radiomark.js

@@ -0,0 +1,27 @@
+"use client";
+import { forwardRef } from 'react';
+import { EMPTY_STYLES } from '../../styled-system/empty.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { useRecipe } from '../../styled-system/use-recipe.js';
+import { dataAttr } from '../../utils/attr.js';
+import '../../utils/unit.js';
+
+const Radiomark = forwardRef(
+  function Radiomark2(props, ref) {
+    const recipe = useRecipe({ key: "radiomark", recipe: props.recipe });
+    const [variantProps, restProps] = recipe.splitVariantProps(props);
+    const { checked, disabled, unstyled, children, ...rest } = restProps;
+    const styles = unstyled ? EMPTY_STYLES : recipe(variantProps);
+    const sharedProps = {
+      ref,
+      "data-checked": dataAttr(checked),
+      "data-disabled": dataAttr(disabled),
+      ...rest,
+      css: [styles, props.css]
+    };
+    return /* @__PURE__ */ React.createElement(mainbase.span, { ...sharedProps }, checked && /* @__PURE__ */ React.createElement("span", { className: "dot" }));
+  }
+);
+Radiomark.displayName = "Radiomark";
+
+export { Radiomark };

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

@@ -0,0 +1,4 @@
+export { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupItemIndicator, RatingGroupItems, RatingGroupLabel, RatingGroupPropsProvider, RatingGroupRoot, RatingGroupRootProvider, useRatingGroupStyles } from './rating-group.js';
+export { useRatingGroup, useRatingGroupContext, useRatingGroupItemContext } from '@ark-ui/react/rating-group';
+import * as namespace from './namespace.js';
+export { namespace as RatingGroup };

package/dist/esm/components/rating-group/namespace.js

@@ -0,0 +1 @@
+export { RatingGroupContext as Context, RatingGroupControl as Control, RatingGroupHiddenInput as HiddenInput, RatingGroupItem as Item, RatingGroupItemContext as ItemContext, RatingGroupItemIndicator as ItemIndicator, RatingGroupItems as Items, RatingGroupLabel as Label, RatingGroupPropsProvider as PropsProvider, RatingGroupRoot as Root, RatingGroupRootProvider as RootProvider, useRatingGroupStyles } from './rating-group.js';

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

@@ -0,0 +1,55 @@
+"use client";
+import { RatingGroup, useRatingGroupItemContext, useRatingGroupContext } from '@ark-ui/react/rating-group';
+import { forwardRef, isValidElement, cloneElement } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { For } from '../for/for.js';
+import { StarIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useRatingGroupStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "ratingGroup" });
+const RatingGroupRootProvider = withProvider(RatingGroup.RootProvider, "root", { forwardAsChild: true });
+const RatingGroupRoot = withProvider(RatingGroup.Root, "root", { forwardAsChild: true });
+const RatingGroupPropsProvider = PropsProvider;
+const RatingGroupLabel = withContext(RatingGroup.Label, "label", { forwardAsChild: true });
+const RatingGroupItem = withContext(RatingGroup.Item, "item", { forwardAsChild: true });
+function cloneIcon(icon, type) {
+  if (!isValidElement(icon)) return null;
+  const props = { [`data-${type}`]: "", "aria-hidden": "" };
+  return cloneElement(icon, props);
+}
+const RatingGroupItemIndicator = forwardRef(function RatingGroupItemIndicator2(props, ref) {
+  const { icon = /* @__PURE__ */ React.createElement(StarIcon, null), ...rest } = props;
+  const styles = useRatingGroupStyles();
+  const itemState = useRatingGroupItemContext();
+  return /* @__PURE__ */ React.createElement(
+    mainbase.span,
+    {
+      ...rest,
+      "data-highlighted": itemState.highlighted ? "" : void 0,
+      "data-checked": itemState.checked ? "" : void 0,
+      "data-half": itemState.half ? "" : void 0,
+      css: [styles.itemIndicator, props.css],
+      ref
+    },
+    cloneIcon(icon, "bg"),
+    cloneIcon(icon, "fg")
+  );
+});
+const RatingGroupItems = (props) => {
+  const api = useRatingGroupContext();
+  return /* @__PURE__ */ React.createElement(For, { each: api.items }, (index) => /* @__PURE__ */ React.createElement(RatingGroupItem, { key: index, index, ...props }, /* @__PURE__ */ React.createElement(RatingGroupItemIndicator, null)));
+};
+const RatingGroupControl = withContext(RatingGroup.Control, "control", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ React.createElement(RatingGroupItems, null) }
+});
+const RatingGroupContext = RatingGroup.Context;
+const RatingGroupItemContext = RatingGroup.ItemContext;
+const RatingGroupHiddenInput = RatingGroup.HiddenInput;
+
+export { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupItemIndicator, RatingGroupItems, RatingGroupLabel, RatingGroupPropsProvider, RatingGroupRoot, RatingGroupRootProvider, useRatingGroupStyles };

package/dist/esm/components/scroll-area/index.js

@@ -0,0 +1,4 @@
+export { ScrollAreaContent, ScrollAreaContext, ScrollAreaCorner, ScrollAreaPropsProvider, ScrollAreaRoot, ScrollAreaRootProvider, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, useScrollAreaStyles } from './scroll-area.js';
+export { useScrollArea, useScrollAreaContext } from '@ark-ui/react/scroll-area';
+import * as namespace from './namespace.js';
+export { namespace as ScrollArea };

package/dist/esm/components/scroll-area/namespace.js

@@ -0,0 +1 @@
+export { ScrollAreaContent as Content, ScrollAreaContext as Context, ScrollAreaCorner as Corner, ScrollAreaPropsProvider as PropsProvider, ScrollAreaRoot as Root, ScrollAreaRootProvider as RootProvider, ScrollAreaScrollbar as Scrollbar, ScrollAreaThumb as Thumb, ScrollAreaViewport as Viewport } from './scroll-area.js';

package/dist/esm/components/scroll-area/scroll-area.js

@@ -0,0 +1,30 @@
+"use client";
+import { ScrollArea } from '@ark-ui/react/scroll-area';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useScrollAreaStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "scrollArea" });
+const ScrollAreaRootProvider = withProvider(ScrollArea.RootProvider, "root", { forwardAsChild: true });
+const ScrollAreaRoot = withProvider(
+  ScrollArea.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const ScrollAreaPropsProvider = PropsProvider;
+const ScrollAreaViewport = withContext(ScrollArea.Viewport, "viewport", { forwardAsChild: true });
+const ScrollAreaContent = withContext(ScrollArea.Content, "content", { forwardAsChild: true });
+const ScrollAreaThumb = withContext(ScrollArea.Thumb, "thumb", { forwardAsChild: true });
+const ScrollAreaScrollbar = withContext(ScrollArea.Scrollbar, "scrollbar", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(ScrollAreaThumb, null)
+  }
+});
+const ScrollAreaCorner = withContext(ScrollArea.Corner, "corner", { forwardAsChild: true });
+const ScrollAreaContext = ScrollArea.Context;
+
+export { ScrollAreaContent, ScrollAreaContext, ScrollAreaCorner, ScrollAreaPropsProvider, ScrollAreaRoot, ScrollAreaRootProvider, ScrollAreaScrollbar, ScrollAreaThumb, ScrollAreaViewport, useScrollAreaStyles };

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

@@ -0,0 +1,4 @@
+export { SegmentGroupContext, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemContext, SegmentGroupItemHiddenInput, SegmentGroupItemText, SegmentGroupItems, SegmentGroupPropsProvider, SegmentGroupRoot, SegmentGroupRootProvider, useSegmentGroupStyles } from './segment-group.js';
+export { useSegmentGroup, useSegmentGroupContext, useSegmentGroupItemContext } from '@ark-ui/react/segment-group';
+import * as namespace from './namespace.js';
+export { namespace as SegmentGroup };

package/dist/esm/components/segment-group/namespace.js

@@ -0,0 +1 @@
+export { SegmentGroupContext as Context, SegmentGroupIndicator as Indicator, SegmentGroupItem as Item, SegmentGroupItemContext as ItemContext, SegmentGroupItemHiddenInput as ItemHiddenInput, SegmentGroupItemText as ItemText, SegmentGroupItems as Items, SegmentGroupPropsProvider as PropsProvider, SegmentGroupRoot as Root, SegmentGroupRootProvider as RootProvider } from './segment-group.js';