mainbase-ui 1.2.5 → 3.37.0

package/dist/esm/components/color-swatch/index.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { forwardRef } from 'react';
+import { createRecipeContext } from '../../styled-system/create-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { cx } from '../../utils/cx.js';
+import { Grid } from '../grid/grid.js';
+import '../grid/grid-item.js';
+
+const { withPropsProvider, useRecipeResult } = createRecipeContext({
+  key: "colorSwatch"
+});
+const ColorSwatch = forwardRef(
+  function ColorSwatch2(props, ref) {
+    const { value, ...restProps } = props;
+    const { styles, className, props: localProps } = useRecipeResult(restProps);
+    return /* @__PURE__ */ jsx(
+      mainbase.span,
+      {
+        ...localProps,
+        ref,
+        "data-value": value,
+        css: [styles, { "--color": value }, props.css],
+        className: cx(className, props.className)
+      }
+    );
+  }
+);
+const ColorSwatchPropsProvider = withPropsProvider();
+const ColorSwatchMix = (props) => {
+  const { items, ...restProps } = props;
+  if (items.length > 4) {
+    throw new Error("ColorSwatchMix doesn't support more than 4 colors");
+  }
+  const isThreeColors = items.length === 3;
+  return /* @__PURE__ */ jsx(ColorSwatch, { overflow: "hidden", ...restProps, value: "transparent", children: /* @__PURE__ */ jsx(Grid, { templateColumns: "var(--swatch-size) var(--swatch-size)", children: items.map((item, index) => {
+    const isLast = index === items.length - 1;
+    return /* @__PURE__ */ jsx(
+      ColorSwatch,
+      {
+        size: "inherit",
+        rounded: "none",
+        value: item,
+        boxShadow: "none",
+        gridColumn: isThreeColors && isLast ? "span 2 / span 2" : void 0,
+        width: isThreeColors && isLast ? "unset" : void 0
+      },
+      item
+    );
+  }) }) });
+};
+
+export { ColorSwatch, ColorSwatchMix, ColorSwatchPropsProvider };

package/dist/esm/components/combobox/combobox.js

@@ -0,0 +1,76 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Combobox } from '@ark-ui/react/combobox';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { ChevronDownIcon, CloseIcon, CheckIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useComboboxStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "combobox" });
+const ComboboxRootProvider = withProvider(Combobox.RootProvider, "root", {
+  forwardAsChild: true
+});
+const ComboboxRoot = withProvider(
+  Combobox.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const ComboboxPropsProvider = PropsProvider;
+const ComboboxTrigger = withContext(Combobox.Trigger, "trigger", {
+  forwardAsChild: true,
+  forwardProps: ["focusable"],
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+  }
+});
+const ComboboxPositioner = withContext(Combobox.Positioner, "positioner", { forwardAsChild: true });
+const ComboboxContent = withContext(Combobox.Content, "content", { forwardAsChild: true });
+const ComboboxList = withContext(
+  Combobox.List,
+  "list",
+  { forwardAsChild: true }
+);
+const ComboboxInput = withContext(
+  Combobox.Input,
+  "input",
+  { forwardAsChild: true }
+);
+const ComboboxClearTrigger = withContext(Combobox.ClearTrigger, "clearTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(CloseIcon, {})
+  }
+});
+const ComboboxIndicatorGroup = withContext("div", "indicatorGroup");
+const ComboboxItemGroup = withContext(Combobox.ItemGroup, "itemGroup", { forwardAsChild: true });
+const ComboboxItemGroupLabel = withContext(Combobox.ItemGroupLabel, "itemGroupLabel", { forwardAsChild: true });
+const ComboboxItem = withContext(
+  Combobox.Item,
+  "item",
+  { forwardAsChild: true }
+);
+const ComboboxItemText = withContext(Combobox.ItemText, "itemText", { forwardAsChild: true });
+const ComboboxItemIndicator = withContext(Combobox.ItemIndicator, "itemIndicator", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(CheckIcon, {})
+  }
+});
+const ComboboxControl = withContext(Combobox.Control, "control", { forwardAsChild: true });
+const ComboboxLabel = withContext(
+  Combobox.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const ComboboxEmpty = withContext(
+  Combobox.Empty,
+  "empty",
+  { forwardAsChild: true }
+);
+const ComboboxContext = Combobox.Context;
+const ComboboxItemContext = Combobox.ItemContext;
+
+export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxIndicatorGroup, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxPropsProvider, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, useComboboxStyles };

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

@@ -0,0 +1,4 @@
+export { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxEmpty, ComboboxIndicatorGroup, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxPropsProvider, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, useComboboxStyles } from './combobox.js';
+export { useCombobox, useComboboxContext, useComboboxItemContext } from '@ark-ui/react/combobox';
+import * as namespace from './namespace.js';
+export { namespace as Combobox };

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

@@ -0,0 +1 @@
+export { ComboboxClearTrigger as ClearTrigger, ComboboxContent as Content, ComboboxContext as Context, ComboboxControl as Control, ComboboxEmpty as Empty, ComboboxItemIndicator as Indicator, ComboboxIndicatorGroup as IndicatorGroup, ComboboxInput as Input, ComboboxItem as Item, ComboboxItemContext as ItemContext, ComboboxItemGroup as ItemGroup, ComboboxItemGroupLabel as ItemGroupLabel, ComboboxItemIndicator as ItemIndicator, ComboboxItemText as ItemText, ComboboxLabel as Label, ComboboxList as List, ComboboxPositioner as Positioner, ComboboxPropsProvider as PropsProvider, ComboboxRoot as Root, ComboboxRootProvider as RootProvider, ComboboxTrigger as Trigger } from './combobox.js';

package/dist/esm/components/container/container.js

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

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

@@ -0,0 +1 @@
+export { Container, ContainerPropsProvider } from './container.js';

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

@@ -0,0 +1,22 @@
+"use client";
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useDataListStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "dataList" });
+const DataListRoot = withProvider(
+  "dl",
+  "root"
+);
+const DataListPropsProvider = PropsProvider;
+const DataListItem = withContext(
+  "div",
+  "item"
+);
+const DataListItemLabel = withContext("dt", "itemLabel");
+const DataListItemValue = withContext("dd", "itemValue");
+
+export { DataListItem, DataListItemLabel, DataListItemValue, DataListPropsProvider, DataListRoot, useDataListStyles };

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

@@ -0,0 +1,3 @@
+export { DataListItem, DataListItemLabel, DataListItemValue, DataListPropsProvider, DataListRoot, useDataListStyles } from './data-list.js';
+import * as namespace from './namespace.js';
+export { namespace as DataList };

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

@@ -0,0 +1 @@
+export { DataListItem as Item, DataListItemLabel as ItemLabel, DataListItemValue as ItemValue, DataListPropsProvider as PropsProvider, DataListRoot as Root } from './data-list.js';

package/dist/esm/components/date-picker/date-picker.js

@@ -0,0 +1,158 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { DatePicker, useDatePickerContext } from '@ark-ui/react/date-picker';
+import { forwardRef, Fragment } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+import { Button } from '../button/button.js';
+import { CloseIcon, ChevronRightIcon, ChevronLeftIcon } from '../icons.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useDatePickerStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "datePicker" });
+const DatePickerRootProvider = withProvider(DatePicker.RootProvider, "root", { forwardAsChild: true });
+const DatePickerRoot = withProvider(
+  DatePicker.Root,
+  "root",
+  {
+    forwardAsChild: true
+  }
+);
+const DatePickerPropsProvider = PropsProvider;
+const DatePickerClearTrigger = withContext(DatePicker.ClearTrigger, "clearTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(CloseIcon, {})
+  }
+});
+const DatePickerContent = withContext(DatePicker.Content, "content", { forwardAsChild: true });
+const DatePickerControl = withContext(DatePicker.Control, "control", { forwardAsChild: true });
+const DatePickerInput = withContext(DatePicker.Input, "input", { forwardAsChild: true });
+const DatePickerLabel = withContext(DatePicker.Label, "label", { forwardAsChild: true });
+const DatePickerMonthSelect = withContext(DatePicker.MonthSelect, "monthSelect", { forwardAsChild: true });
+const DatePickerNextTrigger = withContext(DatePicker.NextTrigger, "nextTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
+  }
+});
+const DatePickerPositioner = withContext(DatePicker.Positioner, "positioner", { forwardAsChild: true });
+const DatePickerPresetTrigger = withContext(DatePicker.PresetTrigger, "presetTrigger", { forwardAsChild: true });
+const DatePickerPrevTrigger = withContext(DatePicker.PrevTrigger, "prevTrigger", {
+  forwardAsChild: true,
+  defaultProps: {
+    children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
+  }
+});
+const DatePickerRangeText = withContext(DatePicker.RangeText, "rangeText", { forwardAsChild: true });
+const DatePickerTable = withContext(DatePicker.Table, "table", { forwardAsChild: true });
+const DatePickerTableBody = withContext(DatePicker.TableBody, "tableBody", { forwardAsChild: true });
+const DatePickerTableCell = withContext(DatePicker.TableCell, "tableCell", { forwardAsChild: true });
+const DatePickerTableCellTrigger = withContext(DatePicker.TableCellTrigger, "tableCellTrigger", { forwardAsChild: true });
+const DatePickerTableHead = withContext(DatePicker.TableHead, "tableHead", { forwardAsChild: true });
+const DatePickerTableHeader = withContext(DatePicker.TableHeader, "tableHeader", { forwardAsChild: true });
+const DatePickerTableRow = withContext(DatePicker.TableRow, "tableRow", { forwardAsChild: true });
+const DatePickerTrigger = withContext(DatePicker.Trigger, "trigger", {
+  forwardAsChild: true
+});
+const DatePickerView = withContext(
+  DatePicker.View,
+  "view",
+  { forwardAsChild: true }
+);
+const DatePickerViewControl = withContext(DatePicker.ViewControl, "viewControl", { forwardAsChild: true });
+const DatePickerViewTrigger = withContext(DatePicker.ViewTrigger, "viewTrigger", { forwardAsChild: true });
+const DatePickerYearSelect = withContext(DatePicker.YearSelect, "yearSelect", { forwardAsChild: true });
+const DatePickerIndicatorGroup = withContext("div", "indicatorGroup");
+const DatePickerWeekNumberHeaderCell = withContext(DatePicker.WeekNumberHeaderCell, "tableHeader", {
+  forwardAsChild: true,
+  defaultProps: {
+    "data-type": "week-number"
+  }
+});
+const DatePickerWeekNumberCell = withContext(DatePicker.WeekNumberCell, "tableCell", {
+  forwardAsChild: true,
+  defaultProps: {
+    "data-type": "week-number"
+  }
+});
+const DatePickerWeekNumberCellText = withContext("span", "tableCellTrigger", {
+  forwardAsChild: true
+});
+const DatePickerHeader = (props) => {
+  return /* @__PURE__ */ jsxs(DatePickerViewControl, { ...props, children: [
+    /* @__PURE__ */ jsx(DatePickerPrevTrigger, {}),
+    /* @__PURE__ */ jsx(DatePickerViewTrigger, { children: /* @__PURE__ */ jsx(DatePickerRangeText, {}) }),
+    /* @__PURE__ */ jsx(DatePickerNextTrigger, {})
+  ] });
+};
+const DatePickerDayTable = (props) => {
+  const { offset, weekNumberLabel = "#", ...rest } = props;
+  const ctx = useDatePickerContext();
+  const offsetDays = offset ? ctx.getOffset({ months: offset }) : void 0;
+  const weeks = offsetDays ? offsetDays.weeks : ctx.weeks;
+  return /* @__PURE__ */ jsxs(DatePickerTable, { ...rest, children: [
+    /* @__PURE__ */ jsx(DatePickerTableHead, { children: /* @__PURE__ */ jsxs(DatePickerTableRow, { children: [
+      ctx.showWeekNumbers && /* @__PURE__ */ jsx(DatePickerWeekNumberHeaderCell, { children: weekNumberLabel }),
+      ctx.weekDays.map((weekDay, id) => /* @__PURE__ */ jsx(DatePickerTableHeader, { children: weekDay.narrow }, id))
+    ] }) }),
+    /* @__PURE__ */ jsx(DatePickerTableBody, { children: weeks.map((week, weekIndex) => /* @__PURE__ */ jsxs(DatePickerTableRow, { children: [
+      ctx.showWeekNumbers && /* @__PURE__ */ jsx(DatePickerWeekNumberCell, { weekIndex, week, children: /* @__PURE__ */ jsx(DatePickerWeekNumberCellText, { children: ctx.getWeekNumber(week) }) }),
+      week.map((day, id) => /* @__PURE__ */ jsx(
+        DatePickerTableCell,
+        {
+          value: day,
+          visibleRange: offsetDays?.visibleRange,
+          children: /* @__PURE__ */ jsx(DatePickerTableCellTrigger, { children: day.day })
+        },
+        id
+      ))
+    ] }, weekIndex)) })
+  ] });
+};
+const DatePickerMonthTable = (props) => {
+  const datePicker = useDatePickerContext();
+  const { columns = 4, format = "short", ...rest } = props;
+  return /* @__PURE__ */ jsx(DatePickerTable, { ...rest, children: /* @__PURE__ */ jsx(DatePickerTableBody, { children: datePicker.getMonthsGrid({ columns, format }).map((months, id) => /* @__PURE__ */ jsx(DatePickerTableRow, { children: months.map((month, id2) => /* @__PURE__ */ jsx(DatePickerTableCell, { value: month.value, children: /* @__PURE__ */ jsx(DatePickerTableCellTrigger, { children: month.label }) }, id2)) }, id)) }) });
+};
+const DatePickerYearTable = (props) => {
+  const datePicker = useDatePickerContext();
+  const { columns = 4, ...rest } = props;
+  return /* @__PURE__ */ jsx(DatePickerTable, { ...rest, children: /* @__PURE__ */ jsx(DatePickerTableBody, { children: datePicker.getYearsGrid({ columns }).map((years, id) => /* @__PURE__ */ jsx(DatePickerTableRow, { children: years.map((year, id2) => /* @__PURE__ */ jsx(DatePickerTableCell, { value: year.value, children: /* @__PURE__ */ jsx(DatePickerTableCellTrigger, { children: year.label }) }, id2)) }, id)) }) });
+};
+const DatePickerValue = (props) => {
+  const { placeholder, value, ...rest } = props;
+  const ctx = useDatePickerContext();
+  return /* @__PURE__ */ jsx(DatePickerTrigger, { asChild: true, unstyled: true, ...rest, children: /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outline",
+      width: "full",
+      justifyContent: "flex-start",
+      textAlign: "start",
+      children: ctx.value.length ? ctx.value[0].toDate("UTC").toLocaleDateString() : placeholder ?? "Select date"
+    }
+  ) });
+};
+const DatePickerValueText = forwardRef((props, ref) => {
+  const { children, placeholder, separator = ", ", ...localProps } = props;
+  const ctx = useDatePickerContext();
+  const hasValue = ctx.value.length > 0;
+  if (typeof children === "function") {
+    return /* @__PURE__ */ jsx(Fragment, { children: hasValue ? ctx.value.map((value, index) => /* @__PURE__ */ jsx(Fragment, { children: children({
+      value,
+      index,
+      valueAsString: ctx.valueAsString[index],
+      remove: () => {
+        ctx.setValue(ctx.value.filter((_, i) => i !== index));
+      }
+    }) }, index)) : placeholder });
+  }
+  return /* @__PURE__ */ jsx(mainbase.span, { ...localProps, ref, children: hasValue ? ctx.valueAsString.join(separator) : placeholder });
+});
+DatePickerValueText.displayName = "DatePickerValueText";
+
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerDayTable, DatePickerHeader, DatePickerIndicatorGroup, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerMonthTable, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerPropsProvider, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValue, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerWeekNumberCell, DatePickerWeekNumberCellText, DatePickerWeekNumberHeaderCell, DatePickerYearSelect, DatePickerYearTable, useDatePickerStyles };

package/dist/esm/components/date-picker/index.js

@@ -0,0 +1,4 @@
+export { DatePickerClearTrigger, DatePickerContent, DatePickerControl, DatePickerDayTable, DatePickerHeader, DatePickerIndicatorGroup, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerMonthTable, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerPropsProvider, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerValueText, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerWeekNumberCell, DatePickerWeekNumberCellText, DatePickerWeekNumberHeaderCell, DatePickerYearSelect, DatePickerYearTable, useDatePickerStyles } from './date-picker.js';
+export { DatePickerContext, parseDate, useDatePicker, useDatePickerContext } from '@ark-ui/react/date-picker';
+import * as namespace from './namespace.js';
+export { namespace as DatePicker };

package/dist/esm/components/date-picker/namespace.js

@@ -0,0 +1,2 @@
+export { DatePickerClearTrigger as ClearTrigger, DatePickerContent as Content, DatePickerControl as Control, DatePickerDayTable as DayTable, DatePickerHeader as Header, DatePickerIndicatorGroup as IndicatorGroup, DatePickerInput as Input, DatePickerLabel as Label, DatePickerMonthSelect as MonthSelect, DatePickerMonthTable as MonthTable, DatePickerNextTrigger as NextTrigger, DatePickerPositioner as Positioner, DatePickerPresetTrigger as PresetTrigger, DatePickerPrevTrigger as PrevTrigger, DatePickerPropsProvider as PropsProvider, DatePickerRangeText as RangeText, DatePickerRoot as Root, DatePickerRootProvider as RootProvider, DatePickerTable as Table, DatePickerTableBody as TableBody, DatePickerTableCell as TableCell, DatePickerTableCellTrigger as TableCellTrigger, DatePickerTableHead as TableHead, DatePickerTableHeader as TableHeader, DatePickerTableRow as TableRow, DatePickerTrigger as Trigger, DatePickerValueText as ValueText, DatePickerView as View, DatePickerViewControl as ViewControl, DatePickerViewTrigger as ViewTrigger, DatePickerWeekNumberCell as WeekNumberCell, DatePickerWeekNumberCellText as WeekNumberCellText, DatePickerWeekNumberHeaderCell as WeekNumberHeaderCell, DatePickerYearSelect as YearSelect, DatePickerYearTable as YearTable, useDatePickerStyles } from './date-picker.js';
+export { DatePickerContext as Context } from '@ark-ui/react/date-picker';

package/dist/esm/components/dialog/dialog.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Dialog, useDialogContext } from '@ark-ui/react/dialog';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: useDialogStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "dialog" });
+const DialogRootProvider = withRootProvider(
+  Dialog.RootProvider,
+  {
+    defaultProps: { unmountOnExit: true, lazyMount: true }
+  }
+);
+const DialogRoot = withRootProvider(Dialog.Root, {
+  defaultProps: { unmountOnExit: true, lazyMount: true }
+});
+const DialogPropsProvider = PropsProvider;
+const DialogTrigger = withContext(
+  Dialog.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const DialogPositioner = withContext(Dialog.Positioner, "positioner", { forwardAsChild: true });
+const DialogContent = withContext(
+  Dialog.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const DialogDescription = withContext(Dialog.Description, "description", { forwardAsChild: true });
+const DialogTitle = withContext(
+  Dialog.Title,
+  "title",
+  { forwardAsChild: true }
+);
+const DialogCloseTrigger = withContext(Dialog.CloseTrigger, "closeTrigger", { forwardAsChild: true });
+const DialogActionTrigger = forwardRef(function DialogActionTrigger2(props, ref) {
+  const dialog = useDialogContext();
+  return /* @__PURE__ */ jsx(mainbase.button, { ...props, ref, onClick: () => dialog.setOpen(false) });
+});
+const DialogBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop",
+  { forwardAsChild: true }
+);
+const DialogBody = withContext(
+  "div",
+  "body"
+);
+const DialogFooter = withContext(
+  "div",
+  "footer"
+);
+const DialogHeader = withContext(
+  "div",
+  "header"
+);
+const DialogContext = Dialog.Context;
+
+export { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles };

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

@@ -0,0 +1,4 @@
+export { DialogActionTrigger, DialogBackdrop, DialogBody, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogFooter, DialogHeader, DialogPositioner, DialogPropsProvider, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, useDialogStyles } from './dialog.js';
+export { useDialog, useDialogContext } from '@ark-ui/react/dialog';
+import * as namespace from './namespace.js';
+export { namespace as Dialog };

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

@@ -0,0 +1 @@
+export { DialogActionTrigger as ActionTrigger, DialogBackdrop as Backdrop, DialogBody as Body, DialogCloseTrigger as CloseTrigger, DialogContent as Content, DialogContext as Context, DialogDescription as Description, DialogFooter as Footer, DialogHeader as Header, DialogPositioner as Positioner, DialogPropsProvider as PropsProvider, DialogRoot as Root, DialogRootProvider as RootProvider, DialogTitle as Title, DialogTrigger as Trigger } from './dialog.js';

package/dist/esm/components/download-trigger/index.js

@@ -0,0 +1,9 @@
+"use client";
+import { DownloadTrigger as DownloadTrigger$1 } from '@ark-ui/react/download-trigger';
+export { useDownload } from '@ark-ui/react/download-trigger';
+import { createRecipeContext } from '../../styled-system/create-recipe-context.js';
+
+const { withContext } = createRecipeContext({ key: "downloadTrigger" });
+const DownloadTrigger = withContext(DownloadTrigger$1, { forwardAsChild: true });
+
+export { DownloadTrigger };

package/dist/esm/components/drawer/drawer.js

@@ -0,0 +1,65 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Dialog, useDialogContext } from '@ark-ui/react/dialog';
+import { forwardRef } from 'react';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+import { mainbase } from '../../styled-system/factory.js';
+
+const {
+  withRootProvider,
+  withContext,
+  useStyles: useDrawerStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "drawer" });
+const DrawerRootProvider = withRootProvider(
+  Dialog.RootProvider,
+  {
+    defaultProps: { unmountOnExit: true, lazyMount: true }
+  }
+);
+const DrawerRoot = withRootProvider(Dialog.Root, {
+  defaultProps: { unmountOnExit: true, lazyMount: true }
+});
+const DrawerRootPropsProvider = PropsProvider;
+const DrawerTrigger = withContext(
+  Dialog.Trigger,
+  "trigger",
+  { forwardAsChild: true }
+);
+const DrawerPositioner = withContext(Dialog.Positioner, "positioner", { forwardAsChild: true });
+const DrawerContent = withContext(
+  Dialog.Content,
+  "content",
+  { forwardAsChild: true }
+);
+const DrawerDescription = withContext(Dialog.Description, "description", { forwardAsChild: true });
+const DrawerTitle = withContext(
+  Dialog.Title,
+  "title",
+  { forwardAsChild: true }
+);
+const DrawerCloseTrigger = withContext(Dialog.CloseTrigger, "closeTrigger", { forwardAsChild: true });
+const DrawerActionTrigger = forwardRef(function DrawerActionTrigger2(props, ref) {
+  const drawer = useDialogContext();
+  return /* @__PURE__ */ jsx(mainbase.button, { ...props, ref, onClick: () => drawer.setOpen(false) });
+});
+const DrawerBackdrop = withContext(
+  Dialog.Backdrop,
+  "backdrop",
+  { forwardAsChild: true }
+);
+const DrawerBody = withContext(
+  "div",
+  "body"
+);
+const DrawerFooter = withContext(
+  "div",
+  "footer"
+);
+const DrawerHeader = withContext(
+  "div",
+  "header"
+);
+const DrawerContext = Dialog.Context;
+
+export { DrawerActionTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPositioner, DrawerRoot, DrawerRootPropsProvider, DrawerRootProvider, DrawerTitle, DrawerTrigger, useDrawerStyles };

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

@@ -0,0 +1,4 @@
+export { DrawerActionTrigger, DrawerBackdrop, DrawerBody, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerFooter, DrawerHeader, DrawerPositioner, DrawerRoot, DrawerRootPropsProvider, DrawerRootProvider, DrawerTitle, DrawerTrigger, useDrawerStyles } from './drawer.js';
+export { useDialog as useDrawer, useDialogContext as useDrawerContext } from '@ark-ui/react/dialog';
+import * as namespace from './namespace.js';
+export { namespace as Drawer };

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

@@ -0,0 +1 @@
+export { DrawerActionTrigger as ActionTrigger, DrawerBackdrop as Backdrop, DrawerBody as Body, DrawerCloseTrigger as CloseTrigger, DrawerContent as Content, DrawerContext as Context, DrawerDescription as Description, DrawerFooter as Footer, DrawerHeader as Header, DrawerPositioner as Positioner, DrawerRoot as Root, DrawerRootPropsProvider as RootPropsProvider, DrawerRootProvider as RootProvider, DrawerTitle as Title, DrawerTrigger as Trigger } from './drawer.js';

package/dist/esm/components/editable/editable.js

@@ -0,0 +1,50 @@
+"use client";
+import { jsx } from 'react/jsx-runtime';
+import { Editable, useEditableContext } from '@ark-ui/react/editable';
+import { ark } from '@ark-ui/react/factory';
+import { forwardRef } from 'react';
+import { mergeProps } from '../../merge-props.js';
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useEditableStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "editable" });
+const EditableRootProvider = withProvider(Editable.RootProvider, "root", { forwardAsChild: true });
+const EditableRoot = withProvider(
+  Editable.Root,
+  "root",
+  { forwardAsChild: true }
+);
+const EditablePropsProvider = PropsProvider;
+const EditablePreview = withContext(Editable.Preview, "preview", { forwardAsChild: true });
+const EditableLabel = withContext(
+  Editable.Label,
+  "label",
+  { forwardAsChild: true }
+);
+const EditableInput = withContext(
+  Editable.Input,
+  "input",
+  { forwardAsChild: true }
+);
+const ArkEditableTextarea = forwardRef(function EditableTextarea2(props, ref) {
+  const editable = useEditableContext();
+  const mergedProps = mergeProps(editable.getInputProps(), props);
+  return /* @__PURE__ */ jsx(ark.textarea, { ref, ...mergedProps });
+});
+const EditableTextarea = withContext(ArkEditableTextarea, "input", { forwardAsChild: true });
+const EditableControl = withContext(Editable.Control, "control", { forwardAsChild: true });
+const EditableArea = withContext(
+  Editable.Area,
+  "area",
+  { forwardAsChild: true }
+);
+const EditableEditTrigger = withContext(Editable.EditTrigger, "editTrigger", { forwardAsChild: true });
+const EditableSubmitTrigger = withContext(Editable.SubmitTrigger, "submitTrigger", { forwardAsChild: true });
+const EditableCancelTrigger = withContext(Editable.CancelTrigger, "cancelTrigger", { forwardAsChild: true });
+const EditableContext = Editable.Context;
+
+export { EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditablePropsProvider, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EditableTextarea, useEditableStyles };

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

@@ -0,0 +1,4 @@
+export { EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditablePreview, EditablePropsProvider, EditableRoot, EditableRootProvider, EditableSubmitTrigger, EditableTextarea, useEditableStyles } from './editable.js';
+export { useEditable, useEditableContext } from '@ark-ui/react/editable';
+import * as namespace from './namespace.js';
+export { namespace as Editable };

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

@@ -0,0 +1 @@
+export { EditableArea as Area, EditableCancelTrigger as CancelTrigger, EditableContext as Context, EditableControl as Control, EditableEditTrigger as EditTrigger, EditableInput as Input, EditableLabel as Label, EditablePreview as Preview, EditablePropsProvider as PropsProvider, EditableRoot as Root, EditableRootProvider as RootProvider, EditableSubmitTrigger as SubmitTrigger, EditableTextarea as Textarea } from './editable.js';

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

@@ -0,0 +1,11 @@
+"use client";
+import { mainbase } from '../../styled-system/factory.js';
+
+const Em = mainbase("em", {
+  base: {
+    fontStyle: "italic"
+  }
+});
+Em.displayName = "Em";
+
+export { Em };

package/dist/esm/components/empty-state/empty-state.js

@@ -0,0 +1,20 @@
+"use client";
+import { createSlotRecipeContext } from '../../styled-system/create-slot-recipe-context.js';
+
+const {
+  withProvider,
+  withContext,
+  useStyles: useEmptyStateStyles,
+  PropsProvider
+} = createSlotRecipeContext({ key: "emptyState" });
+const EmptyStateRoot = withProvider(
+  "div",
+  "root"
+);
+const EmptyStatePropsProvider = PropsProvider;
+const EmptyStateContent = withContext("div", "content");
+const EmptyStateIndicator = withContext("div", "indicator");
+const EmptyStateTitle = withContext("h3", "title");
+const EmptyStateDescription = withContext("p", "description");
+
+export { EmptyStateContent, EmptyStateDescription, EmptyStateIndicator, EmptyStatePropsProvider, EmptyStateRoot, EmptyStateTitle, useEmptyStateStyles };

package/dist/esm/components/empty-state/index.js

@@ -0,0 +1,3 @@
+export { EmptyStateContent, EmptyStateDescription, EmptyStateIndicator, EmptyStatePropsProvider, EmptyStateRoot, EmptyStateTitle, useEmptyStateStyles } from './empty-state.js';
+import * as namespace from './namespace.js';
+export { namespace as EmptyState };

package/dist/esm/components/empty-state/namespace.js

@@ -0,0 +1 @@
+export { EmptyStateContent as Content, EmptyStateDescription as Description, EmptyStateIndicator as Indicator, EmptyStatePropsProvider as PropsProvider, EmptyStateRoot as Root, EmptyStateTitle as Title } from './empty-state.js';

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

@@ -0,0 +1 @@
+export { EnvironmentProvider, useEnvironmentContext } from '@ark-ui/react/environment';