@saas-ui/react 3.0.0-alpha.0 → 3.0.0-alpha.10

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,14 @@
+import * as react from 'react';
+import { SegmentGroup } from '@chakra-ui/react';
+
+interface Item {
+    value: string;
+    label: React.ReactNode;
+    disabled?: boolean;
+}
+interface SegmentedControlProps extends SegmentGroup.RootProps {
+    items: Array<string | Item>;
+}
+declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
+
+export { SegmentedControl, type SegmentedControlProps };

package/dist/components/segmented-control/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  SegmentedControl
+} from "../../chunk-SKXSBAOS.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  SegmentedControl
+};

package/dist/components/select/index.cjs

@@ -0,0 +1,233 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/select/index.ts
+var select_exports = {};
+__export(select_exports, {
+  Select: () => namespace_exports
+});
+module.exports = __toCommonJS(select_exports);
+
+// src/components/select/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Content: () => SelectContent,
+  Item: () => SelectItem,
+  ItemGroup: () => SelectItemGroup,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  Root: () => SelectRoot,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+// src/components/select/select.tsx
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/select/select.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var SelectTrigger = (0, import_react4.forwardRef)(
+  function SelectTrigger2(props, ref) {
+    const { children, clearable, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Control, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Trigger, { ref, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.IndicatorGroup, { children: [
+        clearable && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(SelectClearTrigger, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Indicator, {})
+      ] })
+    ] });
+  }
+);
+var SelectClearTrigger = (0, import_react4.forwardRef)(function SelectClearTrigger2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    CloseButton,
+    {
+      size: "xs",
+      variant: "plain",
+      focusVisibleRing: "inside",
+      focusRingWidth: "2px",
+      pointerEvents: "auto"
+    }
+  ) });
+});
+var SelectContent = (0, import_react4.forwardRef)(
+  function SelectContent2(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Content, { ...rest, ref }) }) });
+  }
+);
+var SelectItem = (0, import_react4.forwardRef)(
+  function SelectItem2(props, ref) {
+    const { item, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.Item, { item, ...rest, ref, children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemIndicator, {})
+    ] }, item.value);
+  }
+);
+var SelectValueText = (0, import_react4.forwardRef)(function SelectValueText2(props, ref) {
+  const { children, ...rest } = props;
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ValueText, { ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.Context, { children: (select) => {
+    const items = select.selectedItems;
+    if (items.length === 0) return props.placeholder;
+    if (children) return children(items);
+    if (items.length === 1)
+      return select.collection.stringifyItem(items[0]);
+    return `${items.length} selected`;
+  } }) });
+});
+var SelectRoot = (0, import_react4.forwardRef)(function SelectRoot2(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react5.Select.Root,
+    {
+      ...props,
+      ref,
+      positioning: { sameWidth: true, ...props.positioning }
+    }
+  );
+});
+var SelectItemGroup = (0, import_react4.forwardRef)(
+  function SelectItemGroup2(props, ref) {
+    const { children, label, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(import_react5.Select.ItemGroup, { ...rest, ref, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react5.Select.ItemGroupLabel, { children: label }),
+      children
+    ] });
+  }
+);
+var SelectLabel = import_react5.Select.Label;
+var SelectItemText = import_react5.Select.ItemText;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Select
+});

package/dist/components/select/index.d.cts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { Select, CollectionItem } from '@chakra-ui/react';
+
+interface SelectTriggerProps extends Select.ControlProps {
+    clearable?: boolean;
+}
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends Select.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: react.ForwardRefExoticComponent<Select.ItemProps & react.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps extends Omit<Select.ValueTextProps, 'children'> {
+    children?(items: CollectionItem[]): React.ReactNode;
+}
+declare const SelectValueText: react.ForwardRefExoticComponent<SelectValueTextProps & react.RefAttributes<HTMLSpanElement>>;
+interface SelectRootProps<T> extends Select.RootProps<T> {
+}
+declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+interface SelectItemGroupProps extends Select.ItemGroupProps {
+    label: React.ReactNode;
+}
+declare const SelectItemGroup: react.ForwardRefExoticComponent<SelectItemGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: react.ForwardRefExoticComponent<Select.LabelProps & react.RefAttributes<HTMLLabelElement>>;
+declare const SelectItemText: react.ForwardRefExoticComponent<Select.ItemTextProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace namespace {
+  export { SelectContent as Content, type SelectContentProps as ContentProps, SelectItem as Item, SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, SelectItemText as ItemText, SelectLabel as Label, SelectRoot as Root, type SelectRootProps as RootProps, SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps, SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps };
+}
+
+export { namespace as Select };

package/dist/components/select/index.d.ts

@@ -0,0 +1,32 @@
+import * as react from 'react';
+import { Select, CollectionItem } from '@chakra-ui/react';
+
+interface SelectTriggerProps extends Select.ControlProps {
+    clearable?: boolean;
+}
+declare const SelectTrigger: react.ForwardRefExoticComponent<SelectTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface SelectContentProps extends Select.ContentProps {
+    portalled?: boolean;
+    portalRef?: React.RefObject<HTMLElement>;
+}
+declare const SelectContent: react.ForwardRefExoticComponent<SelectContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: react.ForwardRefExoticComponent<Select.ItemProps & react.RefAttributes<HTMLDivElement>>;
+interface SelectValueTextProps extends Omit<Select.ValueTextProps, 'children'> {
+    children?(items: CollectionItem[]): React.ReactNode;
+}
+declare const SelectValueText: react.ForwardRefExoticComponent<SelectValueTextProps & react.RefAttributes<HTMLSpanElement>>;
+interface SelectRootProps<T> extends Select.RootProps<T> {
+}
+declare const SelectRoot: <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement;
+interface SelectItemGroupProps extends Select.ItemGroupProps {
+    label: React.ReactNode;
+}
+declare const SelectItemGroup: react.ForwardRefExoticComponent<SelectItemGroupProps & react.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: react.ForwardRefExoticComponent<Select.LabelProps & react.RefAttributes<HTMLLabelElement>>;
+declare const SelectItemText: react.ForwardRefExoticComponent<Select.ItemTextProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace namespace {
+  export { SelectContent as Content, type SelectContentProps as ContentProps, SelectItem as Item, SelectItemGroup as ItemGroup, type SelectItemGroupProps as ItemGroupProps, SelectItemText as ItemText, SelectLabel as Label, SelectRoot as Root, type SelectRootProps as RootProps, SelectTrigger as Trigger, type SelectTriggerProps as TriggerProps, SelectValueText as ValueText, type SelectValueTextProps as ValueTextProps };
+}
+
+export { namespace as Select };

package/dist/components/select/index.js

@@ -0,0 +1,10 @@
+'use client'
+import {
+  namespace_exports
+} from "../../chunk-S3CQW7GD.js";
+import "../../chunk-FZW2DYK3.js";
+import "../../chunk-VDXTEASE.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  namespace_exports as Select
+};

package/dist/components/sidebar/index.cjs

@@ -0,0 +1,166 @@
+'use client'
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/sidebar/index.ts
+var sidebar_exports2 = {};
+__export(sidebar_exports2, {
+  Sidebar: () => sidebar_exports,
+  useSidebar: () => import_sidebar2.useSidebar,
+  useSidebarItemStyles: () => useSidebarItemStyles,
+  useSidebarStyles: () => useSidebarStyles
+});
+module.exports = __toCommonJS(sidebar_exports2);
+
+// src/components/sidebar/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
+  Backdrop: () => SidebarBackdrop,
+  Body: () => SidebarBody,
+  FlyoutTrigger: () => SidebarFlyoutTrigger,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupContent: () => SidebarGroupContent,
+  GroupEndElement: () => SidebarGroupEndElement,
+  GroupHeader: () => SidebarGroupHeader,
+  GroupTitle: () => SidebarGroupTitle,
+  Header: () => SidebarHeader,
+  NavButton: () => SidebarNavButton,
+  NavButtonEndElement: () => SidebarNavButtonEndElement,
+  NavItem: () => SidebarNavItem,
+  Provider: () => SidebarProvider,
+  Root: () => SidebarRoot,
+  Track: () => SidebarTrack,
+  Trigger: () => SidebarTrigger
+});
+var import_sidebar = require("@saas-ui/core/sidebar");
+
+// src/components/sidebar/sidebar.context.ts
+var import_react = require("@chakra-ui/react");
+var {
+  withContext,
+  useRecipeResult,
+  StylesProvider,
+  ClassNamesProvider,
+  useStyles: useSidebarStyles
+} = (0, import_react.createSlotRecipeContext)({
+  key: "suiSidebar"
+});
+var {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = (0, import_react.createSlotRecipeContext)({
+  key: "suiSidebarNavItem"
+});
+
+// src/components/sidebar/sidebar.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var SidebarProvider = function SidebarProvider2(props) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_sidebar.Sidebar.Provider, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(RecipeProvider, { ...props, children: props.children }) });
+};
+function RecipeProvider(props) {
+  const { mode } = (0, import_sidebar.useSidebar)();
+  const { styles, classNames } = useRecipeResult({
+    ...props,
+    mode
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(StylesProvider, { value: styles, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ClassNamesProvider, { value: classNames, children: props.children }) });
+}
+var SidebarRoot = withContext(
+  import_sidebar.Sidebar.Root,
+  "root"
+);
+var SidebarTrigger = withContext(
+  import_sidebar.Sidebar.Trigger,
+  "trigger",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarFlyoutTrigger = withContext(import_sidebar.Sidebar.FlyoutTrigger, "flyoutTrigger", {
+  forwardAsChild: true
+});
+var SidebarBackdrop = withContext(
+  import_sidebar.Sidebar.Backdrop,
+  "backdrop",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarHeader = withContext(
+  import_sidebar.Sidebar.Header,
+  "header"
+);
+var SidebarBody = withContext(
+  import_sidebar.Sidebar.Body,
+  "body"
+);
+var SidebarFooter = withContext(
+  import_sidebar.Sidebar.Footer,
+  "footer"
+);
+var SidebarTrack = withContext(
+  import_sidebar.Sidebar.Track,
+  "track",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarGroup = withContext(
+  import_sidebar.Sidebar.Group,
+  "group",
+  {
+    defaultProps: {
+      role: "group"
+    }
+  }
+);
+var SidebarGroupHeader = withContext(
+  import_sidebar.Sidebar.GroupHeader,
+  "groupHeader"
+);
+var SidebarGroupTitle = withContext(import_sidebar.Sidebar.GroupTitle, "groupTitle");
+var SidebarGroupEndElement = withContext(import_sidebar.Sidebar.GroupEndElement, "groupEndElement");
+var SidebarGroupContent = withContext(
+  import_sidebar.Sidebar.GroupContent,
+  "groupContent"
+);
+var SidebarNavItem = withItemProvider(
+  import_sidebar.Sidebar.NavItem,
+  "item"
+);
+var SidebarNavButton = withItemContext(import_sidebar.Sidebar.NavButton, "button", {
+  forwardAsChild: true
+});
+var SidebarNavButtonEndElement = withItemContext(import_sidebar.Sidebar.NavItemEndElement, "endElement", {
+  defaultProps: {
+    "data-slot": "endElement"
+  }
+});
+
+// src/components/sidebar/index.ts
+var import_sidebar2 = require("@saas-ui/core/sidebar");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sidebar,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+});