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

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

@@ -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.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

@@ -144,6 +144,14 @@ 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" }) })
 });
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");

package/dist/components/select/index.js

@@ -1,100 +1,11 @@
 'use client'
 import {
-  CloseButton
-} from "../../chunk-FZW2DYK3.js";
-import "../../chunk-VDXTEASE.js";
-import {
-  __export
-} from "../../chunk-RTMS5TJN.js";
-
-// 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
-import { forwardRef } from "react";
-import { Portal, Select as SelectPrimitive } from "@chakra-ui/react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SelectTrigger = forwardRef(
-  function SelectTrigger2(props, ref) {
-    const { children, clearable, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
-      /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
-      /* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
-        clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
-        /* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
-      ] })
-    ] });
-  }
-);
-var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
-    CloseButton,
-    {
-      size: "xs",
-      variant: "plain",
-      focusVisibleRing: "inside",
-      focusRingWidth: "2px",
-      pointerEvents: "auto"
-    }
-  ) });
-});
-var SelectContent = forwardRef(
-  function SelectContent2(props, ref) {
-    const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
-  }
-);
-var SelectItem = forwardRef(
-  function SelectItem2(props, ref) {
-    const { item, children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
-    ] }, item.value);
-  }
-);
-var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.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 = forwardRef(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Root,
-    {
-      ...props,
-      ref,
-      positioning: { sameWidth: true, ...props.positioning }
-    }
-  );
-});
-var SelectItemGroup = forwardRef(
-  function SelectItemGroup2(props, ref) {
-    const { children, label, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
-      children
-    ] });
-  }
-);
-var SelectLabel = SelectPrimitive.Label;
-var SelectItemText = SelectPrimitive.ItemText;
+  namespace_exports
+} from "../../chunk-3JZ42NYM.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-YXGJOOMM.js";
+import "../../chunk-4TPVIHNO.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   namespace_exports as Select
 };

package/dist/components/sidebar/index.cjs

@@ -19,20 +19,21 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/components/sidebar/index.ts
-var sidebar_exports = {};
-__export(sidebar_exports, {
-  Sidebar: () => namespace_exports,
-  useSidebar: () => import_sidebar.useSidebar,
+var sidebar_exports2 = {};
+__export(sidebar_exports2, {
+  Sidebar: () => sidebar_exports,
+  useSidebar: () => import_sidebar2.useSidebar,
   useSidebarItemStyles: () => useSidebarItemStyles,
   useSidebarStyles: () => useSidebarStyles
 });
-module.exports = __toCommonJS(sidebar_exports);
+module.exports = __toCommonJS(sidebar_exports2);
 
-// src/components/sidebar/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
+// src/components/sidebar/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
   Backdrop: () => SidebarBackdrop,
   Body: () => SidebarBody,
+  Context: () => SidebarContext,
   FlyoutTrigger: () => SidebarFlyoutTrigger,
   Footer: () => SidebarFooter,
   Group: () => SidebarGroup,
@@ -42,18 +43,17 @@ __export(namespace_exports, {
   GroupTitle: () => SidebarGroupTitle,
   Header: () => SidebarHeader,
   NavButton: () => SidebarNavButton,
+  NavButtonEndElement: () => SidebarNavButtonEndElement,
   NavItem: () => SidebarNavItem,
-  NavItemEndElement: () => SidebarNavItemEndElement,
   Provider: () => SidebarProvider,
   Root: () => SidebarRoot,
   Track: () => SidebarTrack,
   Trigger: () => SidebarTrigger
 });
+var import_sidebar = require("@saas-ui/core/sidebar");
 
-// src/components/sidebar/sidebar.tsx
+// src/components/sidebar/sidebar.context.ts
 var import_react = require("@chakra-ui/react");
-var import_sidebar = require("@saas-ui/core/sidebar");
-var import_jsx_runtime = require("react/jsx-runtime");
 var {
   withContext,
   useRecipeResult,
@@ -61,8 +61,18 @@ var {
   ClassNamesProvider,
   useStyles: useSidebarStyles
 } = (0, import_react.createSlotRecipeContext)({
-  key: "sidebar"
+  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 }) });
 };
@@ -78,21 +88,35 @@ var SidebarRoot = withContext(
   import_sidebar.Sidebar.Root,
   "root"
 );
-var SidebarTrigger = withContext(import_sidebar.Sidebar.Trigger, "trigger", {
-  forwardAsChild: true
-});
+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 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 SidebarFooter = withContext(
+  import_sidebar.Sidebar.Footer,
+  "footer"
+);
 var SidebarTrack = withContext(
   import_sidebar.Sidebar.Track,
   "track",
@@ -109,22 +133,32 @@ var SidebarGroup = withContext(
     }
   }
 );
-var SidebarGroupHeader = withContext(import_sidebar.Sidebar.GroupHeader, "groupHeader");
+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 {
-  withProvider: withItemProvider,
-  withContext: withItemContext,
-  useStyles: useSidebarItemStyles
-} = (0, import_react.createSlotRecipeContext)({
-  key: "sidebarNavItem"
-});
-var SidebarNavItem = withItemProvider(import_sidebar.Sidebar.NavItem, "item");
+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 SidebarNavItemEndElement = withItemContext(import_sidebar.Sidebar.NavItemEndElement, "endElement");
+var SidebarNavButtonEndElement = withItemContext(import_sidebar.Sidebar.NavItemEndElement, "endElement", {
+  defaultProps: {
+    "data-slot": "endElement"
+  }
+});
+var SidebarContext = import_sidebar.Sidebar.Context;
+
+// 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,