@saas-ui/react 2.11.2 → 3.0.0-alpha.1

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,100 @@
+'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;
+export {
+  namespace_exports as Select
+};

package/dist/components/sidebar/index.cjs

@@ -0,0 +1,134 @@
+'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_exports = {};
+__export(sidebar_exports, {
+  Sidebar: () => namespace_exports,
+  useSidebar: () => import_sidebar.useSidebar,
+  useSidebarItemStyles: () => useSidebarItemStyles,
+  useSidebarStyles: () => useSidebarStyles
+});
+module.exports = __toCommonJS(sidebar_exports);
+
+// src/components/sidebar/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  Backdrop: () => SidebarBackdrop,
+  Body: () => SidebarBody,
+  FlyoutTrigger: () => SidebarFlyoutTrigger,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupContent: () => SidebarGroupContent,
+  GroupEndElement: () => SidebarGroupEndElement,
+  GroupHeader: () => SidebarGroupHeader,
+  GroupTitle: () => SidebarGroupTitle,
+  Header: () => SidebarHeader,
+  NavButton: () => SidebarNavButton,
+  NavItem: () => SidebarNavItem,
+  NavItemEndElement: () => SidebarNavItemEndElement,
+  Provider: () => SidebarProvider,
+  Root: () => SidebarRoot,
+  Track: () => SidebarTrack,
+  Trigger: () => SidebarTrigger
+});
+
+// src/components/sidebar/sidebar.tsx
+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,
+  StylesProvider,
+  ClassNamesProvider,
+  useStyles: useSidebarStyles
+} = (0, import_react.createSlotRecipeContext)({
+  key: "sidebar"
+});
+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 {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = (0, import_react.createSlotRecipeContext)({
+  key: "sidebarNavItem"
+});
+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");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Sidebar,
+  useSidebar,
+  useSidebarItemStyles,
+  useSidebarStyles
+});