mainbase-ui 1.2.5 → 3.36.0

package/dist/cjs/components/radiomark/radiomark.cjs

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

package/dist/cjs/components/rating-group/index.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var ratingGroup = require('./rating-group.cjs');
+var ratingGroup$1 = require('@ark-ui/react/rating-group');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.RatingGroupContext = ratingGroup.RatingGroupContext;
+exports.RatingGroupControl = ratingGroup.RatingGroupControl;
+exports.RatingGroupHiddenInput = ratingGroup.RatingGroupHiddenInput;
+exports.RatingGroupItem = ratingGroup.RatingGroupItem;
+exports.RatingGroupItemContext = ratingGroup.RatingGroupItemContext;
+exports.RatingGroupItemIndicator = ratingGroup.RatingGroupItemIndicator;
+exports.RatingGroupItems = ratingGroup.RatingGroupItems;
+exports.RatingGroupLabel = ratingGroup.RatingGroupLabel;
+exports.RatingGroupPropsProvider = ratingGroup.RatingGroupPropsProvider;
+exports.RatingGroupRoot = ratingGroup.RatingGroupRoot;
+exports.RatingGroupRootProvider = ratingGroup.RatingGroupRootProvider;
+exports.useRatingGroupStyles = ratingGroup.useRatingGroupStyles;
+Object.defineProperty(exports, "useRatingGroup", {
+  enumerable: true,
+  get: function () { return ratingGroup$1.useRatingGroup; }
+});
+Object.defineProperty(exports, "useRatingGroupContext", {
+  enumerable: true,
+  get: function () { return ratingGroup$1.useRatingGroupContext; }
+});
+Object.defineProperty(exports, "useRatingGroupItemContext", {
+  enumerable: true,
+  get: function () { return ratingGroup$1.useRatingGroupItemContext; }
+});
+exports.RatingGroup = namespace;

package/dist/cjs/components/rating-group/namespace.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var ratingGroup = require('./rating-group.cjs');
+
+
+
+exports.Context = ratingGroup.RatingGroupContext;
+exports.Control = ratingGroup.RatingGroupControl;
+exports.HiddenInput = ratingGroup.RatingGroupHiddenInput;
+exports.Item = ratingGroup.RatingGroupItem;
+exports.ItemContext = ratingGroup.RatingGroupItemContext;
+exports.ItemIndicator = ratingGroup.RatingGroupItemIndicator;
+exports.Items = ratingGroup.RatingGroupItems;
+exports.Label = ratingGroup.RatingGroupLabel;
+exports.PropsProvider = ratingGroup.RatingGroupPropsProvider;
+exports.Root = ratingGroup.RatingGroupRoot;
+exports.RootProvider = ratingGroup.RatingGroupRootProvider;
+exports.useRatingGroupStyles = ratingGroup.useRatingGroupStyles;

package/dist/cjs/components/rating-group/rating-group.cjs

@@ -0,0 +1,68 @@
+"use client";
+'use strict';
+
+var ratingGroup = require('@ark-ui/react/rating-group');
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var _for = require('../for/for.cjs');
+var icons = require('../icons.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useRatingGroupStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "ratingGroup" });
+const RatingGroupRootProvider = withProvider(ratingGroup.RatingGroup.RootProvider, "root", { forwardAsChild: true });
+const RatingGroupRoot = withProvider(ratingGroup.RatingGroup.Root, "root", { forwardAsChild: true });
+const RatingGroupPropsProvider = PropsProvider;
+const RatingGroupLabel = withContext(ratingGroup.RatingGroup.Label, "label", { forwardAsChild: true });
+const RatingGroupItem = withContext(ratingGroup.RatingGroup.Item, "item", { forwardAsChild: true });
+function cloneIcon(icon, type) {
+  if (!React$1.isValidElement(icon)) return null;
+  const props = { [`data-${type}`]: "", "aria-hidden": "" };
+  return React$1.cloneElement(icon, props);
+}
+const RatingGroupItemIndicator = React$1.forwardRef(function RatingGroupItemIndicator2(props, ref) {
+  const { icon = /* @__PURE__ */ React.createElement(icons.StarIcon, null), ...rest } = props;
+  const styles = useRatingGroupStyles();
+  const itemState = ratingGroup.useRatingGroupItemContext();
+  return /* @__PURE__ */ React.createElement(
+    factory.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 = ratingGroup.useRatingGroupContext();
+  return /* @__PURE__ */ React.createElement(_for.For, { each: api.items }, (index) => /* @__PURE__ */ React.createElement(RatingGroupItem, { key: index, index, ...props }, /* @__PURE__ */ React.createElement(RatingGroupItemIndicator, null)));
+};
+const RatingGroupControl = withContext(ratingGroup.RatingGroup.Control, "control", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ React.createElement(RatingGroupItems, null) }
+});
+const RatingGroupContext = ratingGroup.RatingGroup.Context;
+const RatingGroupItemContext = ratingGroup.RatingGroup.ItemContext;
+const RatingGroupHiddenInput = ratingGroup.RatingGroup.HiddenInput;
+
+exports.RatingGroupContext = RatingGroupContext;
+exports.RatingGroupControl = RatingGroupControl;
+exports.RatingGroupHiddenInput = RatingGroupHiddenInput;
+exports.RatingGroupItem = RatingGroupItem;
+exports.RatingGroupItemContext = RatingGroupItemContext;
+exports.RatingGroupItemIndicator = RatingGroupItemIndicator;
+exports.RatingGroupItems = RatingGroupItems;
+exports.RatingGroupLabel = RatingGroupLabel;
+exports.RatingGroupPropsProvider = RatingGroupPropsProvider;
+exports.RatingGroupRoot = RatingGroupRoot;
+exports.RatingGroupRootProvider = RatingGroupRootProvider;
+exports.useRatingGroupStyles = useRatingGroupStyles;

package/dist/cjs/components/scroll-area/index.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var scrollArea = require('./scroll-area.cjs');
+var scrollArea$1 = require('@ark-ui/react/scroll-area');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.ScrollAreaContent = scrollArea.ScrollAreaContent;
+exports.ScrollAreaContext = scrollArea.ScrollAreaContext;
+exports.ScrollAreaCorner = scrollArea.ScrollAreaCorner;
+exports.ScrollAreaPropsProvider = scrollArea.ScrollAreaPropsProvider;
+exports.ScrollAreaRoot = scrollArea.ScrollAreaRoot;
+exports.ScrollAreaRootProvider = scrollArea.ScrollAreaRootProvider;
+exports.ScrollAreaScrollbar = scrollArea.ScrollAreaScrollbar;
+exports.ScrollAreaThumb = scrollArea.ScrollAreaThumb;
+exports.ScrollAreaViewport = scrollArea.ScrollAreaViewport;
+exports.useScrollAreaStyles = scrollArea.useScrollAreaStyles;
+Object.defineProperty(exports, "useScrollArea", {
+  enumerable: true,
+  get: function () { return scrollArea$1.useScrollArea; }
+});
+Object.defineProperty(exports, "useScrollAreaContext", {
+  enumerable: true,
+  get: function () { return scrollArea$1.useScrollAreaContext; }
+});
+exports.ScrollArea = namespace;

package/dist/cjs/components/scroll-area/namespace.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+var scrollArea = require('./scroll-area.cjs');
+
+
+
+exports.Content = scrollArea.ScrollAreaContent;
+exports.Context = scrollArea.ScrollAreaContext;
+exports.Corner = scrollArea.ScrollAreaCorner;
+exports.PropsProvider = scrollArea.ScrollAreaPropsProvider;
+exports.Root = scrollArea.ScrollAreaRoot;
+exports.RootProvider = scrollArea.ScrollAreaRootProvider;
+exports.Scrollbar = scrollArea.ScrollAreaScrollbar;
+exports.Thumb = scrollArea.ScrollAreaThumb;
+exports.Viewport = scrollArea.ScrollAreaViewport;

package/dist/cjs/components/scroll-area/scroll-area.cjs

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

package/dist/cjs/components/segment-group/index.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+var segmentGroup = require('./segment-group.cjs');
+var segmentGroup$1 = require('@ark-ui/react/segment-group');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.SegmentGroupContext = segmentGroup.SegmentGroupContext;
+exports.SegmentGroupIndicator = segmentGroup.SegmentGroupIndicator;
+exports.SegmentGroupItem = segmentGroup.SegmentGroupItem;
+exports.SegmentGroupItemContext = segmentGroup.SegmentGroupItemContext;
+exports.SegmentGroupItemHiddenInput = segmentGroup.SegmentGroupItemHiddenInput;
+exports.SegmentGroupItemText = segmentGroup.SegmentGroupItemText;
+exports.SegmentGroupItems = segmentGroup.SegmentGroupItems;
+exports.SegmentGroupPropsProvider = segmentGroup.SegmentGroupPropsProvider;
+exports.SegmentGroupRoot = segmentGroup.SegmentGroupRoot;
+exports.SegmentGroupRootProvider = segmentGroup.SegmentGroupRootProvider;
+exports.useSegmentGroupStyles = segmentGroup.useSegmentGroupStyles;
+Object.defineProperty(exports, "useSegmentGroup", {
+  enumerable: true,
+  get: function () { return segmentGroup$1.useSegmentGroup; }
+});
+Object.defineProperty(exports, "useSegmentGroupContext", {
+  enumerable: true,
+  get: function () { return segmentGroup$1.useSegmentGroupContext; }
+});
+Object.defineProperty(exports, "useSegmentGroupItemContext", {
+  enumerable: true,
+  get: function () { return segmentGroup$1.useSegmentGroupItemContext; }
+});
+exports.SegmentGroup = namespace;

package/dist/cjs/components/segment-group/namespace.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var segmentGroup = require('./segment-group.cjs');
+
+
+
+exports.Context = segmentGroup.SegmentGroupContext;
+exports.Indicator = segmentGroup.SegmentGroupIndicator;
+exports.Item = segmentGroup.SegmentGroupItem;
+exports.ItemContext = segmentGroup.SegmentGroupItemContext;
+exports.ItemHiddenInput = segmentGroup.SegmentGroupItemHiddenInput;
+exports.ItemText = segmentGroup.SegmentGroupItemText;
+exports.Items = segmentGroup.SegmentGroupItems;
+exports.PropsProvider = segmentGroup.SegmentGroupPropsProvider;
+exports.Root = segmentGroup.SegmentGroupRoot;
+exports.RootProvider = segmentGroup.SegmentGroupRootProvider;

package/dist/cjs/components/segment-group/segment-group.cjs

@@ -0,0 +1,62 @@
+"use client";
+'use strict';
+
+var segmentGroup = require('@ark-ui/react/segment-group');
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var _for = require('../for/for.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useSegmentGroupStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "segmentGroup" });
+const SegmentGroupRootProvider = withProvider(segmentGroup.SegmentGroup.RootProvider, "root", { forwardAsChild: true });
+const SegmentGroupRoot = withProvider(segmentGroup.SegmentGroup.Root, "root", {
+  forwardAsChild: true,
+  forwardProps: ["orientation"],
+  defaultProps: {
+    orientation: "horizontal"
+  }
+});
+const SegmentGroupPropsProvider = PropsProvider;
+const SegmentGroupItem = withContext(segmentGroup.SegmentGroup.Item, "item", { forwardAsChild: true });
+const SegmentGroupItemText = withContext(segmentGroup.SegmentGroup.ItemText, "itemText", { forwardAsChild: true });
+const SegmentGroupIndicator = withContext(segmentGroup.SegmentGroup.Indicator, "indicator", { forwardAsChild: true });
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+const SegmentGroupItems = (props) => {
+  const { items, ...rest } = props;
+  const data = React$1.useMemo(() => normalize(items), [items]);
+  return /* @__PURE__ */ React.createElement(_for.For, { each: data }, (item) => /* @__PURE__ */ React.createElement(
+    SegmentGroupItem,
+    {
+      key: item.value,
+      value: item.value,
+      disabled: item.disabled,
+      ...rest
+    },
+    /* @__PURE__ */ React.createElement(SegmentGroupItemText, null, item.label),
+    /* @__PURE__ */ React.createElement(SegmentGroupItemHiddenInput, null)
+  ));
+};
+const SegmentGroupItemHiddenInput = segmentGroup.SegmentGroup.ItemHiddenInput;
+const SegmentGroupContext = segmentGroup.SegmentGroup.Context;
+const SegmentGroupItemContext = segmentGroup.SegmentGroup.ItemContext;
+
+exports.SegmentGroupContext = SegmentGroupContext;
+exports.SegmentGroupIndicator = SegmentGroupIndicator;
+exports.SegmentGroupItem = SegmentGroupItem;
+exports.SegmentGroupItemContext = SegmentGroupItemContext;
+exports.SegmentGroupItemHiddenInput = SegmentGroupItemHiddenInput;
+exports.SegmentGroupItemText = SegmentGroupItemText;
+exports.SegmentGroupItems = SegmentGroupItems;
+exports.SegmentGroupPropsProvider = SegmentGroupPropsProvider;
+exports.SegmentGroupRoot = SegmentGroupRoot;
+exports.SegmentGroupRootProvider = SegmentGroupRootProvider;
+exports.useSegmentGroupStyles = useSegmentGroupStyles;

package/dist/cjs/components/select/index.cjs

@@ -0,0 +1,43 @@
+'use strict';
+
+var select = require('./select.cjs');
+var select$1 = require('@ark-ui/react/select');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.SelectClearTrigger = select.SelectClearTrigger;
+exports.SelectContent = select.SelectContent;
+exports.SelectContext = select.SelectContext;
+exports.SelectControl = select.SelectControl;
+exports.SelectHiddenSelect = select.SelectHiddenSelect;
+exports.SelectIndicator = select.SelectIndicator;
+exports.SelectIndicatorGroup = select.SelectIndicatorGroup;
+exports.SelectItem = select.SelectItem;
+exports.SelectItemContext = select.SelectItemContext;
+exports.SelectItemGroup = select.SelectItemGroup;
+exports.SelectItemGroupLabel = select.SelectItemGroupLabel;
+exports.SelectItemIndicator = select.SelectItemIndicator;
+exports.SelectItemText = select.SelectItemText;
+exports.SelectLabel = select.SelectLabel;
+exports.SelectList = select.SelectList;
+exports.SelectPositioner = select.SelectPositioner;
+exports.SelectPropsProvider = select.SelectPropsProvider;
+exports.SelectRoot = select.SelectRoot;
+exports.SelectRootProvider = select.SelectRootProvider;
+exports.SelectTrigger = select.SelectTrigger;
+exports.SelectValueText = select.SelectValueText;
+exports.useSelectStyles = select.useSelectStyles;
+Object.defineProperty(exports, "useSelect", {
+  enumerable: true,
+  get: function () { return select$1.useSelect; }
+});
+Object.defineProperty(exports, "useSelectContext", {
+  enumerable: true,
+  get: function () { return select$1.useSelectContext; }
+});
+Object.defineProperty(exports, "useSelectItemContext", {
+  enumerable: true,
+  get: function () { return select$1.useSelectItemContext; }
+});
+exports.Select = namespace;

package/dist/cjs/components/select/namespace.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+var select = require('./select.cjs');
+
+
+
+exports.ClearTrigger = select.SelectClearTrigger;
+exports.Content = select.SelectContent;
+exports.Context = select.SelectContext;
+exports.Control = select.SelectControl;
+exports.HiddenSelect = select.SelectHiddenSelect;
+exports.Indicator = select.SelectIndicator;
+exports.IndicatorGroup = select.SelectIndicatorGroup;
+exports.Item = select.SelectItem;
+exports.ItemContext = select.SelectItemContext;
+exports.ItemGroup = select.SelectItemGroup;
+exports.ItemGroupLabel = select.SelectItemGroupLabel;
+exports.ItemIndicator = select.SelectItemIndicator;
+exports.ItemText = select.SelectItemText;
+exports.Label = select.SelectLabel;
+exports.List = select.SelectList;
+exports.Positioner = select.SelectPositioner;
+exports.PropsProvider = select.SelectPropsProvider;
+exports.Root = select.SelectRoot;
+exports.RootProvider = select.SelectRootProvider;
+exports.Trigger = select.SelectTrigger;
+exports.ValueText = select.SelectValueText;

package/dist/cjs/components/select/select.cjs

@@ -0,0 +1,107 @@
+"use client";
+'use strict';
+
+var select = require('@ark-ui/react/select');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var icons = require('../icons.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useSelectStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "select" });
+const SelectRootProvider = withProvider(select.Select.RootProvider, "root", {
+  forwardAsChild: true
+});
+const SelectRoot = withProvider(
+  select.Select.Root,
+  "root",
+  {
+    forwardAsChild: true,
+    defaultProps: { positioning: { sameWidth: true } }
+  }
+);
+const SelectPropsProvider = PropsProvider;
+const SelectTrigger = withContext(
+  select.Select.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const SelectPositioner = withContext(select.Select.Positioner, "positioner", { forwardAsChild: true });
+const SelectContent = withContext(
+  select.Select.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const SelectList = withContext(
+  select.Select.List,
+  "list",
+  { forwardAsChild: true }
+);
+const SelectValueText = withContext(select.Select.ValueText, "valueText", { forwardAsChild: true });
+const SelectClearTrigger = withContext(select.Select.ClearTrigger, "clearTrigger", {
+  forwardAsChild: true,
+  defaultProps: { children: /* @__PURE__ */ React.createElement(icons.CloseIcon, { boxSize: "1em" }) }
+});
+const SelectItemGroup = withContext(select.Select.ItemGroup, "itemGroup", { forwardAsChild: true });
+const SelectItemGroupLabel = withContext(select.Select.ItemGroupLabel, "itemGroupLabel", { forwardAsChild: true });
+const SelectItem = withContext(
+  select.Select.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const SelectItemText = withContext(
+  select.Select.ItemText,
+  "itemText",
+  { forwardAsChild: true }
+);
+const SelectItemIndicator = withContext(select.Select.ItemIndicator, "itemIndicator", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(icons.CheckIcon, null)
+  }
+});
+const SelectIndicatorGroup = withContext("div", "indicatorGroup");
+const SelectIndicator = withContext(select.Select.Indicator, "indicator", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ React.createElement(icons.ChevronDownIcon, null)
+  }
+});
+const SelectControl = withContext(
+  select.Select.Control,
+  "control",
+  { forwardAsChild: true }
+);
+const SelectLabel = withContext(
+  select.Select.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const SelectContext = select.Select.Context;
+const SelectHiddenSelect = select.Select.HiddenSelect;
+const SelectItemContext = select.Select.ItemContext;
+
+exports.SelectClearTrigger = SelectClearTrigger;
+exports.SelectContent = SelectContent;
+exports.SelectContext = SelectContext;
+exports.SelectControl = SelectControl;
+exports.SelectHiddenSelect = SelectHiddenSelect;
+exports.SelectIndicator = SelectIndicator;
+exports.SelectIndicatorGroup = SelectIndicatorGroup;
+exports.SelectItem = SelectItem;
+exports.SelectItemContext = SelectItemContext;
+exports.SelectItemGroup = SelectItemGroup;
+exports.SelectItemGroupLabel = SelectItemGroupLabel;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectItemText = SelectItemText;
+exports.SelectLabel = SelectLabel;
+exports.SelectList = SelectList;
+exports.SelectPositioner = SelectPositioner;
+exports.SelectPropsProvider = SelectPropsProvider;
+exports.SelectRoot = SelectRoot;
+exports.SelectRootProvider = SelectRootProvider;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValueText = SelectValueText;
+exports.useSelectStyles = useSelectStyles;

package/dist/cjs/components/separator/index.cjs

@@ -0,0 +1,8 @@
+'use strict';
+
+var separator = require('./separator.cjs');
+
+
+
+exports.Separator = separator.Separator;
+exports.SeparatorPropsProvider = separator.SeparatorPropsProvider;

package/dist/cjs/components/separator/separator.cjs

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var React$1 = require('react');
+var createRecipeContext = require('../../styled-system/create-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var cx = require('../../utils/cx.cjs');
+var is = require('../../utils/is.cjs');
+var omit = require('../../utils/omit.cjs');
+require('../../utils/unit.cjs');
+
+const { useRecipeResult, PropsProvider } = createRecipeContext.createRecipeContext({
+  key: "separator"
+});
+const Separator = React$1.forwardRef(
+  function Separator2(props, ref) {
+    const { styles, className, props: otherProps } = useRecipeResult(props);
+    const orientation = props.orientation || "horizontal";
+    return /* @__PURE__ */ React.createElement(
+      factory.mainbase.span,
+      {
+        ref,
+        role: is.isString(orientation) ? "separator" : "presentation",
+        "aria-orientation": is.isString(orientation) ? orientation : void 0,
+        ...omit.omit(otherProps, ["orientation"]),
+        className: cx.cx(className, props.className),
+        css: [styles, props.css]
+      }
+    );
+  }
+);
+Separator.displayName = "Separator";
+const SeparatorPropsProvider = PropsProvider;
+
+exports.Separator = Separator;
+exports.SeparatorPropsProvider = SeparatorPropsProvider;

package/dist/cjs/components/show/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var show = require('./show.cjs');
+
+
+
+exports.Show = show.Show;

package/dist/cjs/components/show/show.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var React$1 = require('react');
+
+function Show(props) {
+  const { when, fallback, children } = props;
+  let result;
+  if (!when) {
+    result = fallback;
+  } else {
+    result = typeof children === "function" ? children(when) : children;
+  }
+  return React$1.isValidElement(result) ? result : /* @__PURE__ */ React.createElement(React.Fragment, null, result);
+}
+
+exports.Show = Show;

package/dist/cjs/components/simple-grid/index.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var simpleGrid = require('./simple-grid.cjs');
+
+
+
+exports.SimpleGrid = simpleGrid.SimpleGrid;

package/dist/cjs/components/simple-grid/simple-grid.cjs

@@ -0,0 +1,36 @@
+"use client";
+'use strict';
+
+var React$1 = require('react');
+var provider = require('../../styled-system/provider.cjs');
+var walkObject = require('../../utils/walk-object.cjs');
+require('../../utils/unit.cjs');
+var grid = require('../grid/grid.cjs');
+require('../grid/grid-item.cjs');
+
+const SimpleGrid = React$1.forwardRef(
+  function SimpleGrid2(props, ref) {
+    const { columns, minChildWidth, ...rest } = props;
+    const sys = provider.useMainbaseContext();
+    const templateColumns = minChildWidth ? widthToColumns(minChildWidth, sys) : countToColumns(columns);
+    return /* @__PURE__ */ React.createElement(grid.Grid, { ref, templateColumns, ...rest });
+  }
+);
+SimpleGrid.displayName = "SimpleGrid";
+function toPx(n) {
+  return typeof n === "number" ? `${n}px` : n;
+}
+function widthToColumns(width, sys) {
+  return walkObject.mapObject(width, (value) => {
+    const _value = sys.tokens.getVar(`sizes.${value}`, toPx(value));
+    return value === null ? null : `repeat(auto-fit, minmax(${_value}, 1fr))`;
+  });
+}
+function countToColumns(count) {
+  return walkObject.mapObject(
+    count,
+    (value) => value === null ? null : `repeat(${value}, minmax(0, 1fr))`
+  );
+}
+
+exports.SimpleGrid = SimpleGrid;

package/dist/cjs/components/skeleton/index.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+var skeleton = require('./skeleton.cjs');
+
+
+
+exports.Skeleton = skeleton.Skeleton;
+exports.SkeletonCircle = skeleton.SkeletonCircle;
+exports.SkeletonPropsProvider = skeleton.SkeletonPropsProvider;
+exports.SkeletonText = skeleton.SkeletonText;