@saas-ui/react 3.0.0-alpha.3 → 3.0.0-alpha.30

package/dist/chunk-KFXNVUEZ.js

@@ -0,0 +1,102 @@
+'use client'
+import {
+  CheckIcon,
+  ChevronRightIcon
+} from "./chunk-4TPVIHNO.js";
+import {
+  Button
+} from "./chunk-NGSHWY7E.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/menu/menu.tsx
+var menu_exports = {};
+__export(menu_exports, {
+  Arrow: () => MenuArrow,
+  Button: () => MenuButton,
+  CheckboxItem: () => MenuCheckboxItem,
+  Content: () => MenuContent,
+  Context: () => MenuContext,
+  ContextTrigger: () => MenuContextTrigger,
+  Item: () => MenuItem,
+  ItemCommand: () => MenuItemCommand,
+  ItemGroup: () => MenuItemGroup,
+  ItemText: () => MenuItemText,
+  RadioItem: () => MenuRadioItem,
+  RadioItemGroup: () => MenuRadioItemGroup,
+  Root: () => MenuRoot,
+  Separator: () => MenuSeparator,
+  Trigger: () => MenuTrigger,
+  TriggerItem: () => MenuTriggerItem
+});
+import { forwardRef } from "react";
+import {
+  AbsoluteCenter,
+  Menu as ChakraMenu,
+  Portal
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MenuContent = forwardRef(
+  function MenuContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraMenu.Positioner, { children: /* @__PURE__ */ jsx(ChakraMenu.Content, { ref, ...rest }) }) });
+  }
+);
+var MenuArrow = forwardRef(
+  function MenuArrow2(props, ref) {
+    return /* @__PURE__ */ jsx(ChakraMenu.Arrow, { ref, ...props, children: /* @__PURE__ */ jsx(ChakraMenu.ArrowTip, {}) });
+  }
+);
+var MenuCheckboxItem = forwardRef(function MenuCheckboxItem2(props, ref) {
+  return /* @__PURE__ */ jsxs(ChakraMenu.CheckboxItem, { ref, ...props, children: [
+    /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { hidden: false, children: /* @__PURE__ */ jsx(CheckIcon, {}) }),
+    props.children
+  ] });
+});
+var MenuRadioItem = forwardRef(
+  function MenuRadioItem2(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraMenu.RadioItem, { ps: "8", ref, ...rest, children: [
+      /* @__PURE__ */ jsx(AbsoluteCenter, { axis: "horizontal", left: "4", asChild: true, children: /* @__PURE__ */ jsx(ChakraMenu.ItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, {}) }) }),
+      /* @__PURE__ */ jsx(ChakraMenu.ItemText, { children })
+    ] });
+  }
+);
+var MenuItemGroup = forwardRef(
+  function MenuItemGroup2(props, ref) {
+    const { title, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraMenu.ItemGroup, { ref, ...rest, children: [
+      title && /* @__PURE__ */ jsx(ChakraMenu.ItemGroupLabel, { userSelect: "none", children: title }),
+      children
+    ] });
+  }
+);
+var MenuTriggerItem = forwardRef(
+  function MenuTriggerItem2(props, ref) {
+    const { startIcon, children, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraMenu.TriggerItem, { ref, ...rest, children: [
+      startIcon,
+      children,
+      /* @__PURE__ */ jsx(ChevronRightIcon, {})
+    ] });
+  }
+);
+var MenuButton = forwardRef(
+  function MenuButton2(props, ref) {
+    return /* @__PURE__ */ jsx(MenuTrigger, { ref, asChild: true, children: /* @__PURE__ */ jsx(Button, { ...props }) });
+  }
+);
+var MenuRadioItemGroup = ChakraMenu.RadioItemGroup;
+var MenuContextTrigger = ChakraMenu.ContextTrigger;
+var MenuRoot = ChakraMenu.Root;
+var MenuSeparator = ChakraMenu.Separator;
+var MenuContext = ChakraMenu.Context;
+var MenuItem = ChakraMenu.Item;
+var MenuItemText = ChakraMenu.ItemText;
+var MenuItemCommand = ChakraMenu.ItemCommand;
+var MenuTrigger = ChakraMenu.Trigger;
+
+export {
+  menu_exports
+};

package/dist/chunk-L356FPLY.js

@@ -0,0 +1,20 @@
+'use client'
+
+// src/components/checkbox/checkbox.tsx
+import { forwardRef } from "react";
+import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Checkbox = forwardRef(
+  function Checkbox2(props, ref) {
+    const { icon, children, inputProps, rootRef, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraCheckbox.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraCheckbox.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraCheckbox.Control, { children: icon || /* @__PURE__ */ jsx(ChakraCheckbox.Indicator, {}) }),
+      children != null && /* @__PURE__ */ jsx(ChakraCheckbox.Label, { children })
+    ] });
+  }
+);
+
+export {
+  Checkbox
+};

package/dist/chunk-LTVFG6UC.js

@@ -0,0 +1,54 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/drawer/drawer.tsx
+var drawer_exports = {};
+__export(drawer_exports, {
+  ActionTrigger: () => ActionTrigger,
+  Backdrop: () => Backdrop,
+  Body: () => Body,
+  CloseButton: () => CloseButton2,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Context: () => Context,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+import { forwardRef } from "react";
+import { DialogContext } from "@ark-ui/react/dialog";
+import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var Content = forwardRef(
+  function DrawerContent(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraDrawer.Positioner, { padding: offset, children: /* @__PURE__ */ jsx(ChakraDrawer.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var CloseButton2 = forwardRef(function DrawerCloseTrigger(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraDrawer.CloseTrigger, { ...rest, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children }) });
+});
+var CloseTrigger = ChakraDrawer.CloseTrigger;
+var Trigger = ChakraDrawer.Trigger;
+var Root = ChakraDrawer.Root;
+var Footer = ChakraDrawer.Footer;
+var Header = ChakraDrawer.Header;
+var Body = ChakraDrawer.Body;
+var Backdrop = ChakraDrawer.Backdrop;
+var Description = ChakraDrawer.Description;
+var Title = ChakraDrawer.Title;
+var ActionTrigger = ChakraDrawer.ActionTrigger;
+var Context = DialogContext;
+
+export {
+  drawer_exports
+};

package/dist/chunk-MLJN6IOJ.js

@@ -0,0 +1,96 @@
+'use client'
+import {
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  EllipsisIcon
+} from "./chunk-4TPVIHNO.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/pagination/pagination.tsx
+var pagination_exports = {};
+__export(pagination_exports, {
+  Context: () => Context,
+  Ellipsis: () => Ellipsis,
+  Item: () => Item,
+  Items: () => Items,
+  NextButton: () => NextButton,
+  NextTrigger: () => NextTrigger,
+  PageText: () => PageText,
+  PrevButton: () => PrevButton,
+  PrevTrigger: () => PrevTrigger,
+  Root: () => Root
+});
+import { forwardRef, useMemo } from "react";
+import {
+  Button,
+  Pagination as ChakraPagination,
+  IconButton,
+  Text,
+  createContext,
+  usePaginationContext
+} from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var [RootPropsProvider, useRootProps] = createContext({
+  name: "RootPropsProvider"
+});
+var variantMap = {
+  outline: { default: "ghost", ellipsis: "plain", current: "outline" },
+  solid: { default: "outline", ellipsis: "outline", current: "solid" },
+  subtle: { default: "ghost", ellipsis: "plain", current: "subtle" }
+};
+var Root = forwardRef(
+  function PaginationRoot(props, ref) {
+    const { size = "sm", variant = "outline", ...rest } = props;
+    return /* @__PURE__ */ jsx(RootPropsProvider, { value: { size, variantMap: variantMap[variant] }, children: /* @__PURE__ */ jsx(ChakraPagination.Root, { ref, type: "button", ...rest }) });
+  }
+);
+var Ellipsis = forwardRef(function PaginationEllipsis(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx(ChakraPagination.Ellipsis, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, { as: "span", variant: variantMap2.ellipsis, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(EllipsisIcon, {}) }) });
+});
+var Item = forwardRef(
+  function PaginationItem(props, ref) {
+    const { page } = usePaginationContext();
+    const { size, variantMap: variantMap2 } = useRootProps();
+    const current = page === props.value;
+    const variant = current ? variantMap2.current : variantMap2.default;
+    return /* @__PURE__ */ jsx(ChakraPagination.Item, { ref, ...props, asChild: true, children: /* @__PURE__ */ jsx(Button, { variant, size, children: props.value }) });
+  }
+);
+var PrevButton = forwardRef(function PaginationPrevTrigger(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx(ChakraPagination.PrevTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(ChevronLeftIcon, {}) }) });
+});
+var NextButton = forwardRef(function PaginationNextTrigger(props, ref) {
+  var _a;
+  const { size, variantMap: variantMap2 } = useRootProps();
+  return /* @__PURE__ */ jsx(ChakraPagination.NextTrigger, { ref, asChild: true, ...props, children: /* @__PURE__ */ jsx(IconButton, { variant: variantMap2.default, size, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx(ChevronRightIcon, {}) }) });
+});
+var Items = (props) => {
+  return /* @__PURE__ */ jsx(ChakraPagination.Context, { children: ({ pages }) => pages.map((page, index) => {
+    return page.type === "ellipsis" ? /* @__PURE__ */ jsx(Ellipsis, { index, ...props }, index) : /* @__PURE__ */ jsx(Item, { type: "page", value: page.value, ...props }, index);
+  }) });
+};
+var PageText = forwardRef(
+  function PaginationPageText(props, ref) {
+    const { format = "compact", ...rest } = props;
+    const { page, pages, pageRange, count } = usePaginationContext();
+    const content = useMemo(() => {
+      if (format === "short") return `${page} / ${pages.length}`;
+      if (format === "compact") return `${page} of ${pages.length}`;
+      return `${pageRange.start + 1} - ${pageRange.end} of ${count}`;
+    }, [format, page, pages.length, pageRange, count]);
+    return /* @__PURE__ */ jsx(Text, { fontWeight: "medium", ref, ...rest, children: content });
+  }
+);
+var PrevTrigger = ChakraPagination.PrevTrigger;
+var NextTrigger = ChakraPagination.NextTrigger;
+var Context = ChakraPagination.Context;
+
+export {
+  pagination_exports
+};

package/dist/chunk-MS2ELLDY.js

@@ -0,0 +1,26 @@
+'use client'
+import {
+  Button
+} from "./chunk-NGSHWY7E.js";
+
+// src/components/icon-button/icon-button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  IconButton
+};

package/dist/chunk-NGGISORT.js

@@ -0,0 +1,29 @@
+'use client'
+
+// src/components/empty-state/empty-state.tsx
+import { forwardRef } from "react";
+import {
+  Box,
+  EmptyState as ChakraEmptyState,
+  useEmptyStateStyles
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyStateActions = (props) => {
+  const { actions } = useEmptyStateStyles();
+  return /* @__PURE__ */ jsx(Box, { ...props, css: [actions, props.css] });
+};
+var EmptyState = forwardRef(
+  function EmptyState2(props, ref) {
+    const { title, description, icon, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraEmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ jsxs(ChakraEmptyState.Content, { children: [
+      icon && /* @__PURE__ */ jsx(ChakraEmptyState.Indicator, { children: icon }),
+      /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
+      description ? /* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description }) : null,
+      /* @__PURE__ */ jsx(EmptyStateActions, { children })
+    ] }) });
+  }
+);
+
+export {
+  EmptyState
+};

package/dist/chunk-NGSHWY7E.js

@@ -0,0 +1,27 @@
+'use client'
+
+// src/components/button/button.tsx
+import { forwardRef } from "react";
+import {
+  AbsoluteCenter,
+  Button as ButtonPrimitive,
+  Span,
+  Spinner
+} from "@chakra-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  function Button2(props, ref) {
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ButtonPrimitive, { disabled: loading || disabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
+      /* @__PURE__ */ jsx(Span, { opacity: 0, children })
+    ] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
+      loadingText
+    ] }) : children });
+  }
+);
+
+export {
+  Button
+};

package/dist/chunk-NSD5HRIP.js

@@ -0,0 +1,46 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/grid-list/grid-list.tsx
+var grid_list_exports = {};
+__export(grid_list_exports, {
+  Cell: () => GridListCell,
+  Header: () => GridListHeader,
+  Item: () => GridListItem,
+  Root: () => GridListRoot
+});
+import { GridList } from "@saas-ui/core/grid-list";
+
+// src/components/grid-list/grid-list.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withProvider,
+  withContext,
+  useStyles: useGridListStyles
+} = createSlotRecipeContext({
+  key: "suiGridList"
+});
+
+// src/components/grid-list/grid-list.tsx
+var GridListRoot = withProvider(
+  GridList.Root,
+  "root"
+);
+var GridListItem = withContext(
+  GridList.Item,
+  "item"
+);
+var GridListHeader = withContext(
+  GridList.Header,
+  "header"
+);
+var GridListCell = withContext(
+  GridList.Cell,
+  "cell"
+);
+
+export {
+  grid_list_exports
+};

package/dist/chunk-Q6SNJJO2.js

@@ -0,0 +1,63 @@
+'use client'
+import {
+  useLink
+} from "./chunk-O2WVT2BP.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/navbar/navbar.tsx
+var navbar_exports = {};
+__export(navbar_exports, {
+  Brand: () => NavbarBrand,
+  Content: () => NavbarContent,
+  Item: () => NavbarItem,
+  Link: () => NavbarLink,
+  Root: () => NavbarRoot
+});
+import { forwardRef } from "react";
+import { Navbar } from "@saas-ui/core/navbar";
+
+// src/components/navbar/navbar.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withProvider,
+  withContext,
+  useStyles: useNavbarStyles
+} = createSlotRecipeContext({
+  key: "suiNavbar"
+});
+
+// src/components/navbar/navbar.tsx
+import { jsx } from "react/jsx-runtime";
+var NavbarRoot = withProvider(
+  Navbar.Root,
+  "root"
+);
+var NavbarBrand = withContext(
+  Navbar.Brand,
+  "brand"
+);
+var NavbarContent = withContext(
+  Navbar.Content,
+  "content"
+);
+var NavbarItem = withContext(
+  Navbar.Item,
+  "item"
+);
+var NavbarLink = withContext(
+  forwardRef((props, ref) => {
+    const Link = useLink();
+    const { active, ...rest } = props;
+    return /* @__PURE__ */ jsx(Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ jsx(Link, { "data-active": active ? "" : void 0, ...props }) });
+  }),
+  "link",
+  {
+    forwardAsChild: true
+  }
+);
+
+export {
+  navbar_exports
+};

package/dist/chunk-QSNSWCTM.js

@@ -0,0 +1,32 @@
+'use client'
+
+// src/components/tooltip/tooltip.tsx
+import { forwardRef } from "react";
+import { Tooltip as ChakraTooltip, Portal } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Tooltip = forwardRef(
+  function Tooltip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      disabled,
+      portalled,
+      content,
+      contentProps,
+      portalRef,
+      ...rest
+    } = props;
+    if (disabled) return children;
+    return /* @__PURE__ */ jsxs(ChakraTooltip.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraTooltip.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraTooltip.Positioner, { children: /* @__PURE__ */ jsxs(ChakraTooltip.Content, { ref, ...contentProps, children: [
+        showArrow && /* @__PURE__ */ jsx(ChakraTooltip.Arrow, { children: /* @__PURE__ */ jsx(ChakraTooltip.ArrowTip, {}) }),
+        content
+      ] }) }) })
+    ] });
+  }
+);
+
+export {
+  Tooltip
+};

package/dist/chunk-RLIAFHVM.js

@@ -0,0 +1,66 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-YXGJOOMM.js";
+
+// src/components/toaster/toaster.tsx
+import { useCallback, useMemo, useState } from "react";
+import {
+  Toaster as ChakraToaster,
+  Portal,
+  Spinner,
+  Stack,
+  Toast,
+  createToaster
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var defaultOptions = {
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+};
+var toast = createToaster(defaultOptions);
+var Toaster = (props) => {
+  const { closable: defaultClosable = true, ...options } = props || {};
+  const toaster = useMemo(() => {
+    toast = createToaster({
+      ...defaultOptions,
+      ...options
+    });
+    return toast;
+  }, [options]);
+  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+    var _a;
+    const closable = ((_a = toast2.meta) == null ? void 0 : _a.closable) === false ? false : defaultClosable && toast2.type !== "loading";
+    return /* @__PURE__ */ jsxs(ToastRoot, { children: [
+      toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
+      /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description }),
+        toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast2.action.label })
+      ] }),
+      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  } }) });
+};
+function ToastRoot(props) {
+  const [rect, setRect] = useState();
+  const rectCallbackRef = useCallback((el) => {
+    setRect(el == null ? void 0 : el.getBoundingClientRect());
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Toast.Root,
+    {
+      ref: rectCallbackRef,
+      width: { md: "sm" },
+      css: {
+        "--toast-height": `${rect == null ? void 0 : rect.height}px`
+      },
+      children: props.children
+    }
+  );
+}
+
+export {
+  toast,
+  Toaster
+};

package/dist/chunk-S5J6REMC.js

@@ -0,0 +1,40 @@
+'use client'
+import {
+  InputGroup
+} from "./chunk-PKI6YH2V.js";
+
+// src/components/number-input/number-input.tsx
+import { forwardRef } from "react";
+import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var NumberInput = forwardRef(
+  function NumberInput2(props, ref) {
+    const {
+      hideControls,
+      startElement,
+      endElement,
+      inputProps,
+      rootRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraNumberInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(
+        InputGroup,
+        {
+          startElement,
+          endElement,
+          width: "full",
+          children: /* @__PURE__ */ jsx(ChakraNumberInput.Input, { ref, ...inputProps })
+        }
+      ),
+      !hideControls && !endElement ? /* @__PURE__ */ jsxs(ChakraNumberInput.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraNumberInput.IncrementTrigger, {}),
+        /* @__PURE__ */ jsx(ChakraNumberInput.DecrementTrigger, {})
+      ] }) : null
+    ] });
+  }
+);
+
+export {
+  NumberInput
+};

package/dist/chunk-SA3OGTOO.js

@@ -0,0 +1,23 @@
+'use client'
+
+// src/components/switch/switch.tsx
+import { Switch as ChakraSwitch } from "@chakra-ui/react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Switch = forwardRef(
+  function Switch2(props, ref) {
+    const { inputProps, children, rootRef, trackLabel, thumbLabel, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraSwitch.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraSwitch.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsxs(ChakraSwitch.Control, { children: [
+        /* @__PURE__ */ jsx(ChakraSwitch.Thumb, { children: thumbLabel && /* @__PURE__ */ jsx(ChakraSwitch.ThumbIndicator, { fallback: thumbLabel == null ? void 0 : thumbLabel.off, children: thumbLabel == null ? void 0 : thumbLabel.on }) }),
+        trackLabel && /* @__PURE__ */ jsx(ChakraSwitch.Indicator, { fallback: trackLabel.off, children: trackLabel.on })
+      ] }),
+      children != null && /* @__PURE__ */ jsx(ChakraSwitch.Label, { children })
+    ] });
+  }
+);
+
+export {
+  Switch
+};

package/dist/chunk-SKXSBAOS.js

@@ -0,0 +1,35 @@
+'use client'
+
+// src/components/segmented-control/segmented-control.tsx
+import { forwardRef, useMemo } from "react";
+import { For, SegmentGroup } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function normalize(items) {
+  return items.map((item) => {
+    if (typeof item === "string") return { value: item, label: item };
+    return item;
+  });
+}
+var SegmentedControl = forwardRef(function SegmentedControl2(props, ref) {
+  const { items, ...rest } = props;
+  const data = useMemo(() => normalize(items), [items]);
+  return /* @__PURE__ */ jsxs(SegmentGroup.Root, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(SegmentGroup.Indicator, {}),
+    /* @__PURE__ */ jsx(For, { each: data, children: (item) => /* @__PURE__ */ jsxs(
+      SegmentGroup.Item,
+      {
+        value: item.value,
+        disabled: item.disabled,
+        children: [
+          /* @__PURE__ */ jsx(SegmentGroup.ItemText, { children: item.label }),
+          /* @__PURE__ */ jsx(SegmentGroup.ItemHiddenInput, {})
+        ]
+      },
+      item.value
+    ) })
+  ] });
+});
+
+export {
+  SegmentedControl
+};