mainbase-ui 1.2.5 → 3.36.0

package/dist/cjs/components/stat/stat.cjs

@@ -0,0 +1,81 @@
+"use client";
+'use strict';
+
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var useSlotRecipe = require('../../styled-system/use-slot-recipe.cjs');
+var icons = require('../icons.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useStatStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "stat" });
+const StatRoot = withProvider(
+  "dl",
+  "root"
+);
+const StatPropsProvider = PropsProvider;
+const StatLabel = withContext("dt", "label");
+const StatValueText = withContext(
+  "dd",
+  "valueText"
+);
+const StatHelpText = withContext(
+  "span",
+  "helpText"
+);
+const StatValueUnit = withContext(
+  "span",
+  "valueUnit"
+);
+const StatUpIndicator = withContext(
+  "span",
+  "indicator",
+  {
+    defaultProps: {
+      "data-type": "up",
+      children: /* @__PURE__ */ React.createElement(icons.ArrowUpIcon, null)
+    }
+  }
+);
+const StatDownIndicator = withContext("span", "indicator", {
+  defaultProps: {
+    "data-type": "down",
+    children: /* @__PURE__ */ React.createElement(icons.ArrowDownIcon, null)
+  }
+});
+const StatGroup = React$1.forwardRef(
+  function StatGroup2(props, ref) {
+    const recipe = useSlotRecipe.useSlotRecipe({ key: "stat" });
+    const [variantProps, localProps] = React$1.useMemo(
+      () => recipe.splitVariantProps(props),
+      [props, recipe]
+    );
+    return /* @__PURE__ */ React.createElement(PropsProvider, { value: variantProps }, /* @__PURE__ */ React.createElement(
+      factory.mainbase.div,
+      {
+        ref,
+        role: "group",
+        display: "flex",
+        flexWrap: "wrap",
+        justifyContent: "space-around",
+        alignItems: "flex-start",
+        ...localProps
+      }
+    ));
+  }
+);
+
+exports.StatDownIndicator = StatDownIndicator;
+exports.StatGroup = StatGroup;
+exports.StatHelpText = StatHelpText;
+exports.StatLabel = StatLabel;
+exports.StatPropsProvider = StatPropsProvider;
+exports.StatRoot = StatRoot;
+exports.StatUpIndicator = StatUpIndicator;
+exports.StatValueText = StatValueText;
+exports.StatValueUnit = StatValueUnit;
+exports.useStatStyles = useStatStyles;

package/dist/cjs/components/status/index.cjs

@@ -0,0 +1,12 @@
+'use strict';
+
+var namespace = require('./namespace.cjs');
+var status = require('./status.cjs');
+
+
+
+exports.Status = namespace;
+exports.StatusIndicator = status.StatusIndicator;
+exports.StatusPropsProvider = status.StatusPropsProvider;
+exports.StatusRoot = status.StatusRoot;
+exports.useStatusStyles = status.useStatusStyles;

package/dist/cjs/components/status/namespace.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+var status = require('./status.cjs');
+
+
+
+exports.Indicator = status.StatusIndicator;
+exports.PropsProvider = status.StatusPropsProvider;
+exports.Root = status.StatusRoot;

package/dist/cjs/components/status/status.cjs

@@ -0,0 +1,22 @@
+"use client";
+'use strict';
+
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useStatusStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "status" });
+const StatusRoot = withProvider(
+  "div",
+  "root"
+);
+const StatusPropsProvider = PropsProvider;
+const StatusIndicator = withContext("div", "indicator");
+
+exports.StatusIndicator = StatusIndicator;
+exports.StatusPropsProvider = StatusPropsProvider;
+exports.StatusRoot = StatusRoot;
+exports.useStatusStyles = useStatusStyles;

package/dist/cjs/components/steps/index.cjs

@@ -0,0 +1,40 @@
+'use strict';
+
+var steps = require('./steps.cjs');
+var steps$1 = require('@ark-ui/react/steps');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.StepsCompletedContent = steps.StepsCompletedContent;
+exports.StepsContent = steps.StepsContent;
+exports.StepsContext = steps.StepsContext;
+exports.StepsDescription = steps.StepsDescription;
+exports.StepsIndicator = steps.StepsIndicator;
+exports.StepsItem = steps.StepsItem;
+exports.StepsItemContext = steps.StepsItemContext;
+exports.StepsList = steps.StepsList;
+exports.StepsNextTrigger = steps.StepsNextTrigger;
+exports.StepsNumber = steps.StepsNumber;
+exports.StepsPrevTrigger = steps.StepsPrevTrigger;
+exports.StepsPropsProvider = steps.StepsPropsProvider;
+exports.StepsRoot = steps.StepsRoot;
+exports.StepsRootProvider = steps.StepsRootProvider;
+exports.StepsSeparator = steps.StepsSeparator;
+exports.StepsStatus = steps.StepsStatus;
+exports.StepsTitle = steps.StepsTitle;
+exports.StepsTrigger = steps.StepsTrigger;
+exports.useStepsStyles = steps.useStepsStyles;
+Object.defineProperty(exports, "useSteps", {
+  enumerable: true,
+  get: function () { return steps$1.useSteps; }
+});
+Object.defineProperty(exports, "useStepsContext", {
+  enumerable: true,
+  get: function () { return steps$1.useStepsContext; }
+});
+Object.defineProperty(exports, "useStepsItemContext", {
+  enumerable: true,
+  get: function () { return steps$1.useStepsItemContext; }
+});
+exports.Steps = namespace;

package/dist/cjs/components/steps/namespace.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+var steps = require('./steps.cjs');
+
+
+
+exports.CompletedContent = steps.StepsCompletedContent;
+exports.Content = steps.StepsContent;
+exports.Context = steps.StepsContext;
+exports.Description = steps.StepsDescription;
+exports.Indicator = steps.StepsIndicator;
+exports.Item = steps.StepsItem;
+exports.ItemContext = steps.StepsItemContext;
+exports.List = steps.StepsList;
+exports.NextTrigger = steps.StepsNextTrigger;
+exports.Number = steps.StepsNumber;
+exports.PrevTrigger = steps.StepsPrevTrigger;
+exports.PropsProvider = steps.StepsPropsProvider;
+exports.Root = steps.StepsRoot;
+exports.RootProvider = steps.StepsRootProvider;
+exports.Separator = steps.StepsSeparator;
+exports.Status = steps.StepsStatus;
+exports.Title = steps.StepsTitle;
+exports.Trigger = steps.StepsTrigger;

package/dist/cjs/components/steps/steps.cjs

@@ -0,0 +1,99 @@
+"use client";
+'use strict';
+
+var steps = require('@ark-ui/react/steps');
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var icons = require('../icons.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useStepsStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "steps" });
+const StepsRootProvider = withProvider(steps.Steps.RootProvider, "root", { forwardAsChild: true });
+const StepsRoot = withProvider(
+  steps.Steps.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const StepsPropsProvider = PropsProvider;
+const StepsList = withContext(
+  steps.Steps.List,
+  "list",
+  { forwardAsChild: true }
+);
+const StepsItem = withContext(
+  steps.Steps.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const StepsTrigger = withContext(
+  steps.Steps.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const StepsContent = withContext(
+  steps.Steps.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const StepsCompletedContent = withContext(steps.Steps.CompletedContent, "content");
+const StepsNumber = React$1.forwardRef(
+  function StepsNumber2(props, ref) {
+    return /* @__PURE__ */ React.createElement(steps.Steps.ItemContext, null, (api) => /* @__PURE__ */ React.createElement(factory.mainbase.div, { ref, ...props }, api.index + 1));
+  }
+);
+const StepsTitle = withContext(
+  "div",
+  "title"
+);
+const StepsDescription = withContext("div", "description");
+const StepsSeparator = withContext(
+  steps.Steps.Separator,
+  "separator",
+  { forwardAsChild: true }
+);
+const StepsStatus = (props) => {
+  return /* @__PURE__ */ React.createElement(steps.Steps.ItemContext, null, (api) => {
+    if (api.current) return /* @__PURE__ */ React.createElement(React.Fragment, null, props.current ?? props.incomplete);
+    if (api.completed) return /* @__PURE__ */ React.createElement(React.Fragment, null, props.complete);
+    return /* @__PURE__ */ React.createElement(React.Fragment, null, props.incomplete ?? props.current);
+  });
+};
+const StepsIndicator = withContext(
+  steps.Steps.Indicator,
+  "indicator",
+  {
+    forwardAsChild: true,
+    defaultProps: {
+      children: /* @__PURE__ */ React.createElement(StepsStatus, { complete: /* @__PURE__ */ React.createElement(icons.CheckIcon, null), incomplete: /* @__PURE__ */ React.createElement(StepsNumber, null) })
+    }
+  }
+);
+const StepsNextTrigger = withContext(steps.Steps.NextTrigger, "nextTrigger", { forwardAsChild: true });
+const StepsPrevTrigger = withContext(steps.Steps.PrevTrigger, "prevTrigger", { forwardAsChild: true });
+const StepsContext = steps.Steps.Context;
+const StepsItemContext = steps.Steps.ItemContext;
+
+exports.StepsCompletedContent = StepsCompletedContent;
+exports.StepsContent = StepsContent;
+exports.StepsContext = StepsContext;
+exports.StepsDescription = StepsDescription;
+exports.StepsIndicator = StepsIndicator;
+exports.StepsItem = StepsItem;
+exports.StepsItemContext = StepsItemContext;
+exports.StepsList = StepsList;
+exports.StepsNextTrigger = StepsNextTrigger;
+exports.StepsNumber = StepsNumber;
+exports.StepsPrevTrigger = StepsPrevTrigger;
+exports.StepsPropsProvider = StepsPropsProvider;
+exports.StepsRoot = StepsRoot;
+exports.StepsRootProvider = StepsRootProvider;
+exports.StepsSeparator = StepsSeparator;
+exports.StepsStatus = StepsStatus;
+exports.StepsTitle = StepsTitle;
+exports.StepsTrigger = StepsTrigger;
+exports.useStepsStyles = useStepsStyles;

package/dist/cjs/components/sticky/index.cjs

@@ -0,0 +1,14 @@
+"use client";
+'use strict';
+
+var factory = require('../../styled-system/factory.cjs');
+
+const Sticky = factory.mainbase("div", {
+  base: {
+    position: "sticky",
+    top: 0
+  }
+});
+Sticky.displayName = "Sticky";
+
+exports.Sticky = Sticky;

package/dist/cjs/components/strong/index.cjs

@@ -0,0 +1,11 @@
+"use client";
+'use strict';
+
+var factory = require('../../styled-system/factory.cjs');
+
+const Strong = factory.mainbase("strong", {
+  base: { fontWeight: "semibold" }
+});
+Strong.displayName = "Strong";
+
+exports.Strong = Strong;

package/dist/cjs/components/switch/index.cjs

@@ -0,0 +1,28 @@
+'use strict';
+
+var _switch = require('./switch.cjs');
+var _switch$1 = require('@ark-ui/react/switch');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.SwitchContext = _switch.SwitchContext;
+exports.SwitchControl = _switch.SwitchControl;
+exports.SwitchHiddenInput = _switch.SwitchHiddenInput;
+exports.SwitchIndicator = _switch.SwitchIndicator;
+exports.SwitchLabel = _switch.SwitchLabel;
+exports.SwitchPropsProvider = _switch.SwitchPropsProvider;
+exports.SwitchRoot = _switch.SwitchRoot;
+exports.SwitchRootProvider = _switch.SwitchRootProvider;
+exports.SwitchThumb = _switch.SwitchThumb;
+exports.SwitchThumbIndicator = _switch.SwitchThumbIndicator;
+exports.useSwitchStyles = _switch.useSwitchStyles;
+Object.defineProperty(exports, "useSwitch", {
+  enumerable: true,
+  get: function () { return _switch$1.useSwitch; }
+});
+Object.defineProperty(exports, "useSwitchContext", {
+  enumerable: true,
+  get: function () { return _switch$1.useSwitchContext; }
+});
+exports.Switch = namespace;

package/dist/cjs/components/switch/namespace.cjs

@@ -0,0 +1,16 @@
+'use strict';
+
+var _switch = require('./switch.cjs');
+
+
+
+exports.Context = _switch.SwitchContext;
+exports.Control = _switch.SwitchControl;
+exports.HiddenInput = _switch.SwitchHiddenInput;
+exports.Indicator = _switch.SwitchIndicator;
+exports.Label = _switch.SwitchLabel;
+exports.PropsProvider = _switch.SwitchPropsProvider;
+exports.Root = _switch.SwitchRoot;
+exports.RootProvider = _switch.SwitchRootProvider;
+exports.Thumb = _switch.SwitchThumb;
+exports.ThumbIndicator = _switch.SwitchThumbIndicator;

package/dist/cjs/components/switch/switch.cjs

@@ -0,0 +1,75 @@
+"use client";
+'use strict';
+
+var _switch = require('@ark-ui/react/switch');
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var attr = require('../../utils/attr.cjs');
+require('../../utils/unit.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useSwitchStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "switch" });
+const SwitchRootProvider = withProvider(_switch.Switch.RootProvider, "root", { forwardAsChild: true });
+const SwitchRoot = withProvider(
+  _switch.Switch.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const SwitchPropsProvider = PropsProvider;
+const SwitchLabel = withContext(
+  _switch.Switch.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const SwitchThumb = withContext(
+  _switch.Switch.Thumb,
+  "thumb",
+  { forwardAsChild: true }
+);
+const SwitchControl = withContext(
+  _switch.Switch.Control,
+  "control",
+  {
+    forwardAsChild: true,
+    defaultProps: { children: /* @__PURE__ */ React.createElement(SwitchThumb, null) }
+  }
+);
+const SwitchIndicator = React$1.forwardRef(function SwitchIndicator2(props, ref) {
+  const api = _switch.useSwitchContext();
+  const styles = useSwitchStyles();
+  const { fallback, children, unstyled, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(
+    factory.mainbase.span,
+    {
+      ref,
+      "data-checked": attr.dataAttr(api.checked),
+      ...rest,
+      css: [!unstyled ? styles.indicator : void 0, props.css]
+    },
+    api.checked ? children : fallback
+  );
+});
+const SwitchThumbIndicator = React$1.forwardRef(function SwitchThumbIndicator2(props, ref) {
+  const api = _switch.useSwitchContext();
+  const { fallback, children, ...rest } = props;
+  return /* @__PURE__ */ React.createElement(factory.mainbase.span, { ref, "data-checked": attr.dataAttr(api.checked), ...rest }, api.checked ? children : fallback);
+});
+const SwitchContext = _switch.Switch.Context;
+const SwitchHiddenInput = _switch.Switch.HiddenInput;
+
+exports.SwitchContext = SwitchContext;
+exports.SwitchControl = SwitchControl;
+exports.SwitchHiddenInput = SwitchHiddenInput;
+exports.SwitchIndicator = SwitchIndicator;
+exports.SwitchLabel = SwitchLabel;
+exports.SwitchPropsProvider = SwitchPropsProvider;
+exports.SwitchRoot = SwitchRoot;
+exports.SwitchRootProvider = SwitchRootProvider;
+exports.SwitchThumb = SwitchThumb;
+exports.SwitchThumbIndicator = SwitchThumbIndicator;
+exports.useSwitchStyles = useSwitchStyles;

package/dist/cjs/components/table/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var table = require('./table.cjs');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.TableBody = table.TableBody;
+exports.TableCaption = table.TableCaption;
+exports.TableCell = table.TableCell;
+exports.TableColumn = table.TableColumn;
+exports.TableColumnGroup = table.TableColumnGroup;
+exports.TableColumnHeader = table.TableColumnHeader;
+exports.TableFooter = table.TableFooter;
+exports.TableHeader = table.TableHeader;
+exports.TableRoot = table.TableRoot;
+exports.TableRootPropsProvider = table.TableRootPropsProvider;
+exports.TableRow = table.TableRow;
+exports.TableScrollArea = table.TableScrollArea;
+exports.useTableStyles = table.useTableStyles;
+exports.Table = namespace;

package/dist/cjs/components/table/namespace.cjs

@@ -0,0 +1,18 @@
+'use strict';
+
+var table = require('./table.cjs');
+
+
+
+exports.Body = table.TableBody;
+exports.Caption = table.TableCaption;
+exports.Cell = table.TableCell;
+exports.Column = table.TableColumn;
+exports.ColumnGroup = table.TableColumnGroup;
+exports.ColumnHeader = table.TableColumnHeader;
+exports.Footer = table.TableFooter;
+exports.Header = table.TableHeader;
+exports.Root = table.TableRoot;
+exports.RootPropsProvider = table.TableRootPropsProvider;
+exports.Row = table.TableRow;
+exports.ScrollArea = table.TableScrollArea;

package/dist/cjs/components/table/table.cjs

@@ -0,0 +1,92 @@
+"use client";
+'use strict';
+
+var React$1 = require('react');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+var factory = require('../../styled-system/factory.cjs');
+var cx = require('../../utils/cx.cjs');
+require('../../utils/unit.cjs');
+
+const {
+  StylesProvider,
+  ClassNamesProvider,
+  useRecipeResult,
+  withContext,
+  useStyles: useTableStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "table" });
+const TableRoot = React$1.forwardRef(
+  function TableRoot2({ native, ...props }, ref) {
+    const { styles, props: rootProps, classNames } = useRecipeResult(props);
+    const rootCss = React$1.useMemo(() => {
+      if (!native) return styles.root;
+      return {
+        ...styles.root,
+        "& thead": styles.header,
+        "& tbody": styles.body,
+        "& tfoot": styles.footer,
+        "& thead th": styles.columnHeader,
+        "& tr": styles.row,
+        "& td": styles.cell,
+        "& caption": styles.caption
+      };
+    }, [styles, native]);
+    return /* @__PURE__ */ React.createElement(ClassNamesProvider, { value: classNames }, /* @__PURE__ */ React.createElement(StylesProvider, { value: styles }, /* @__PURE__ */ React.createElement(
+      factory.mainbase.table,
+      {
+        ref,
+        ...rootProps,
+        css: [rootCss, props.css],
+        className: cx.cx(classNames?.["root"], props.className)
+      }
+    )));
+  }
+);
+const TableRootPropsProvider = PropsProvider;
+const TableRow = withContext(
+  "tr",
+  "row"
+);
+const TableScrollArea = factory.mainbase("div", {
+  base: {
+    display: "block",
+    whiteSpace: "nowrap",
+    WebkitOverflowScrolling: "touch",
+    overflow: "auto",
+    maxWidth: "100%"
+  }
+});
+const TableHeader = withContext("thead", "header");
+const TableFooter = withContext("tfoot", "footer");
+const TableColumnHeader = withContext("th", "columnHeader");
+const TableCell = withContext(
+  "td",
+  "cell"
+);
+const TableCaption = withContext("caption", "caption", {
+  defaultProps: {
+    captionSide: "bottom"
+  }
+});
+const TableBody = withContext(
+  "tbody",
+  "body"
+);
+const TableColumnGroup = withContext("colgroup");
+const TableColumn = withContext(
+  "col"
+);
+
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableColumn = TableColumn;
+exports.TableColumnGroup = TableColumnGroup;
+exports.TableColumnHeader = TableColumnHeader;
+exports.TableFooter = TableFooter;
+exports.TableHeader = TableHeader;
+exports.TableRoot = TableRoot;
+exports.TableRootPropsProvider = TableRootPropsProvider;
+exports.TableRow = TableRow;
+exports.TableScrollArea = TableScrollArea;
+exports.useTableStyles = useTableStyles;

package/dist/cjs/components/tabs/index.cjs

@@ -0,0 +1,30 @@
+'use strict';
+
+var tabs = require('./tabs.cjs');
+var tabs$1 = require('@ark-ui/react/tabs');
+var namespace = require('./namespace.cjs');
+
+
+
+exports.TabsContent = tabs.TabsContent;
+exports.TabsContentGroup = tabs.TabsContentGroup;
+exports.TabsIndicator = tabs.TabsIndicator;
+exports.TabsList = tabs.TabsList;
+exports.TabsPropsProvider = tabs.TabsPropsProvider;
+exports.TabsRoot = tabs.TabsRoot;
+exports.TabsRootProvider = tabs.TabsRootProvider;
+exports.TabsTrigger = tabs.TabsTrigger;
+exports.useTabsStyles = tabs.useTabsStyles;
+Object.defineProperty(exports, "TabsContext", {
+  enumerable: true,
+  get: function () { return tabs$1.TabsContext; }
+});
+Object.defineProperty(exports, "useTabs", {
+  enumerable: true,
+  get: function () { return tabs$1.useTabs; }
+});
+Object.defineProperty(exports, "useTabsContext", {
+  enumerable: true,
+  get: function () { return tabs$1.useTabsContext; }
+});
+exports.Tabs = namespace;

package/dist/cjs/components/tabs/namespace.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+var tabs = require('./tabs.cjs');
+var tabs$1 = require('@ark-ui/react/tabs');
+
+
+
+exports.Content = tabs.TabsContent;
+exports.ContentGroup = tabs.TabsContentGroup;
+exports.Indicator = tabs.TabsIndicator;
+exports.List = tabs.TabsList;
+exports.PropsProvider = tabs.TabsPropsProvider;
+exports.Root = tabs.TabsRoot;
+exports.RootProvider = tabs.TabsRootProvider;
+exports.Trigger = tabs.TabsTrigger;
+Object.defineProperty(exports, "Context", {
+  enumerable: true,
+  get: function () { return tabs$1.TabsContext; }
+});

package/dist/cjs/components/tabs/tabs.cjs

@@ -0,0 +1,50 @@
+"use client";
+'use strict';
+
+var tabs = require('@ark-ui/react/tabs');
+var createSlotRecipeContext = require('../../styled-system/create-slot-recipe-context.cjs');
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useTabsStyles,
+  PropsProvider
+} = createSlotRecipeContext.createSlotRecipeContext({ key: "tabs" });
+const TabsRootProvider = withProvider(tabs.Tabs.RootProvider, "root", { forwardAsChild: true });
+const TabsRoot = withProvider(
+  tabs.Tabs.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const TabsPropsProvider = PropsProvider;
+const TabsTrigger = withContext(
+  tabs.Tabs.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const TabsContent = withContext(
+  tabs.Tabs.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const TabsContentGroup = withContext("div", "contentGroup");
+const TabsList = withContext(
+  tabs.Tabs.List,
+  "list",
+  { forwardAsChild: true }
+);
+const TabsIndicator = withContext(
+  tabs.Tabs.Indicator,
+  "indicator",
+  { forwardAsChild: true }
+);
+
+exports.TabsContent = TabsContent;
+exports.TabsContentGroup = TabsContentGroup;
+exports.TabsIndicator = TabsIndicator;
+exports.TabsList = TabsList;
+exports.TabsPropsProvider = TabsPropsProvider;
+exports.TabsRoot = TabsRoot;
+exports.TabsRootProvider = TabsRootProvider;
+exports.TabsTrigger = TabsTrigger;
+exports.useTabsStyles = useTabsStyles;