@saas-ui/react 3.0.0-next.2 → 3.0.0-next.3

package/dist/chunk-XD7U6L2E.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/float/index.ts
+import {
+  Float
+} from "@chakra-ui/react/float";
+
+export {
+  Float
+};

package/dist/chunk-XX2OY7LK.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/field/index.ts
+import { Field, useFieldContext, useFieldStyles } from "@chakra-ui/react/field";
+
+export {
+  Field,
+  useFieldContext,
+  useFieldStyles
+};

package/dist/chunk-Y2S4O4UY.js

@@ -0,0 +1,10 @@
+'use client'
+
+// src/components/bleed/index.ts
+import {
+  Bleed
+} from "@chakra-ui/react/bleed";
+
+export {
+  Bleed
+};

package/dist/chunk-YHQ5JGCC.js

@@ -0,0 +1 @@
+'use client'

package/dist/chunk-YMCOU2N5.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/code/index.ts
+import { Code } from "@chakra-ui/react/code";
+
+export {
+  Code
+};

package/dist/chunk-YTTZX7ZE.js

@@ -0,0 +1,45 @@
+'use client'
+
+// src/components/app-shell/app-shell.tsx
+import { forwardRef } from "react";
+import {
+  createSlotRecipeContext
+} from "@chakra-ui/react/styled-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+var {
+  withProvider,
+  withContext,
+  useStyles: useAppShellStyles
+} = createSlotRecipeContext({
+  key: "suiAppShell"
+});
+var AppShellRoot = withProvider(
+  "div",
+  "root",
+  { forwardAsChild: true }
+);
+var AppShellContent = withContext("div", "content", { forwardAsChild: true });
+var AppShellMain = withContext(
+  "div",
+  "main",
+  { forwardAsChild: true }
+);
+var AppShell = forwardRef(
+  (props, ref) => {
+    const { header, sidebar, aside, footer, children, ...rootProps } = props;
+    return /* @__PURE__ */ jsxs(AppShellRoot, { ref, ...rootProps, children: [
+      header,
+      /* @__PURE__ */ jsxs(AppShellContent, { children: [
+        sidebar,
+        /* @__PURE__ */ jsx(AppShellMain, { children }),
+        aside
+      ] }),
+      footer
+    ] });
+  }
+);
+AppShell.displayName = "AppShell";
+
+export {
+  AppShell
+};

package/dist/chunk-YX44E5NF.js

@@ -0,0 +1,60 @@
+'use client'
+import {
+  Input
+} from "./chunk-BLSGOJQ7.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  CheckIcon,
+  CopyIcon
+} from "./chunk-OME35FUG.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/clipboard/clipboard.tsx
+var clipboard_exports = {};
+__export(clipboard_exports, {
+  Button: () => ClipboardButton,
+  IconButton: () => ClipboardIconButton,
+  Input: () => ClipboardInput,
+  Label: () => ClipboardLabel,
+  Root: () => ClipboardRoot
+});
+import * as React from "react";
+import { Clipboard as ChakraClipboard } from "@chakra-ui/react/clipboard";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ClipboardIcon = React.forwardRef(function ClipboardIndicator(props, ref) {
+  const { children = /* @__PURE__ */ jsx(CopyIcon, {}), copied = /* @__PURE__ */ jsx(CheckIcon, {}), ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
+});
+var ClipboardCopyText = React.forwardRef(function ClipboardCopyText2(props, ref) {
+  const { children = "Copy", copied = "Copied", ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Indicator, { copied, ...rest, ref, children });
+});
+var ClipboardButton = React.forwardRef(function ClipboardButton2(props, ref) {
+  const { icon, copiedIcon, copied, children, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsxs(Button, { ref, ...rest, children: [
+    /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }),
+    /* @__PURE__ */ jsx(ClipboardCopyText, { copied, children })
+  ] }) });
+});
+var ClipboardIconButton = React.forwardRef(function ClipboardIconButton2(props, ref) {
+  const { icon, copiedIcon, ...rest } = props;
+  return /* @__PURE__ */ jsx(ChakraClipboard.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(IconButton, { ref, size: "xs", ...rest, children: /* @__PURE__ */ jsx(ClipboardIcon, { copied: copiedIcon, children: icon }) }) });
+});
+var ClipboardInput = React.forwardRef(
+  function ClipboardInputElement(props, ref) {
+    return /* @__PURE__ */ jsx(ChakraClipboard.Input, { asChild: true, children: /* @__PURE__ */ jsx(Input, { ref, ...props }) });
+  }
+);
+var ClipboardRoot = ChakraClipboard.Root;
+var ClipboardLabel = ChakraClipboard.Label;
+
+export {
+  clipboard_exports
+};

package/dist/chunk-Z3SWPGPQ.js

@@ -0,0 +1,20 @@
+'use client'
+
+// src/components/checkbox/checkbox.tsx
+import { forwardRef } from "react";
+import { Checkbox as ChakraCheckbox } from "@chakra-ui/react/checkbox";
+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-ZJ2VD224.js

@@ -0,0 +1,113 @@
+'use client'
+import {
+  loading_overlay_exports
+} from "./chunk-BDS3APRG.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/page/page.tsx
+var page_exports = {};
+__export(page_exports, {
+  Body: () => PageBody,
+  Description: () => PageDescription,
+  Header: () => PageHeader,
+  HeaderSection: () => PageHeaderSection,
+  Root: () => PageRoot,
+  Title: () => PageTitle
+});
+import React, { forwardRef } from "react";
+import {
+  chakra
+} from "@chakra-ui/react";
+
+// src/components/page/page.context.ts
+import { createContext, createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withProvider,
+  withContext,
+  useStyles: usePageStyles,
+  useClassNames
+} = createSlotRecipeContext({
+  key: "suiPage"
+});
+var [PageProvider, usePageContext] = createContext();
+
+// src/components/page/page.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PageRoot = withProvider(
+  forwardRef(function PageRoot2(props, ref) {
+    const { loading, skeleton, children, ...containerProps } = props;
+    const context = {
+      loading,
+      skeleton
+    };
+    return /* @__PURE__ */ jsx(PageProvider, { value: context, children: /* @__PURE__ */ jsx(chakra.main, { ref, ...containerProps, children }) });
+  }),
+  "root"
+);
+var PageHeader = withContext(
+  forwardRef(function PageHeader2(props, ref) {
+    const { nav, title, description, actions, footer, css, ...rest } = props;
+    const styles = usePageStyles();
+    const classNames = useClassNames();
+    let heading;
+    if (title || description) {
+      heading = /* @__PURE__ */ jsxs(
+        chakra.div,
+        {
+          gridArea: "heading",
+          className: classNames.heading,
+          css: styles.heading,
+          children: [
+            typeof title === "string" ? /* @__PURE__ */ jsx(PageTitle, { children: title }) : title,
+            typeof description === "string" ? /* @__PURE__ */ jsx(PageDescription, { children: description }) : description
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(chakra.header, { ref, css, ...rest, className: props.className, children: [
+      React.isValidElement(nav) ? React.cloneElement(nav, {
+        gridArea: "nav"
+      }) : null,
+      heading,
+      React.isValidElement(actions) ? React.cloneElement(actions, {
+        gridArea: "actions"
+      }) : null,
+      React.isValidElement(footer) ? React.cloneElement(footer, {
+        gridArea: "footer"
+      }) : null
+    ] });
+  }),
+  "header"
+);
+var PageHeaderSection = withContext(
+  "div",
+  "section"
+);
+var PageTitle = withContext(
+  "h2",
+  "title"
+);
+var PageDescription = withContext(
+  "div",
+  "description"
+);
+var PageBody = withContext(
+  forwardRef((props, ref) => {
+    const { children, ...rest } = props;
+    const { loading, skeleton } = usePageContext();
+    let content = children;
+    if (loading) {
+      content = skeleton || /* @__PURE__ */ jsx(loading_overlay_exports.Root, { children: /* @__PURE__ */ jsx(loading_overlay_exports.Spinner, {}) });
+    }
+    return /* @__PURE__ */ jsx(chakra.div, { ref, ...rest, children: content });
+  }),
+  "body"
+);
+PageBody.displayName = "PageBody";
+
+export {
+  usePageStyles,
+  page_exports
+};

package/dist/chunk-ZNQNBTWF.js

@@ -0,0 +1,100 @@
+'use client'
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  CheckIcon,
+  ChevronRightIcon
+} from "./chunk-OME35FUG.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 } from "@chakra-ui/react/center";
+import { Menu as ChakraMenu } from "@chakra-ui/react/menu";
+import { Portal } from "@chakra-ui/react/portal";
+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-ZULBHMWG.js

@@ -0,0 +1,35 @@
+'use client'
+
+// src/provider/sui-provider.tsx
+import * as React from "react";
+import { ChakraProvider } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var SuiContext = React.createContext({});
+function SuiProvider(props) {
+  const { linkComponent, onError, children, ...rest } = props;
+  const context = React.useMemo(
+    () => ({
+      linkComponent
+    }),
+    []
+  );
+  return /* @__PURE__ */ jsx(SuiContext.Provider, { value: context, children: /* @__PURE__ */ jsx(ChakraProvider, { ...rest, children }) });
+}
+var useSui = () => React.useContext(SuiContext);
+
+// src/provider/use-link.tsx
+import { chakra } from "@chakra-ui/react";
+function useLink() {
+  const context = useSui();
+  if (context?.linkComponent) {
+    return context.linkComponent;
+  }
+  return chakra.a;
+}
+
+export {
+  SuiContext,
+  SuiProvider,
+  useSui,
+  useLink
+};

package/dist/chunk-ZUT5GZTD.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/styled-system";
+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
+};