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

package/dist/components/grid-list/index.d.ts

@@ -0,0 +1,84 @@
+import * as react from 'react';
+import * as _chakra_ui_react from '@chakra-ui/react';
+import { RecipeVariantProps, HTMLChakraProps } from '@chakra-ui/react';
+import { GridList } from '@saas-ui/core/grid-list';
+import { S as SlotRecipeProps } from '../../types-DnFoUudY.js';
+
+declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
+    interactive: {
+        true: {
+            item: {
+                cursor: "button";
+                transitionProperty: "bg";
+                transitionDuration: "fast";
+                _hover: {
+                    bg: "bg.subtle";
+                };
+                _active: {
+                    bg: "bg.subtle";
+                };
+            };
+        };
+    };
+    variant: {
+        simple: {};
+        rounded: {
+            item: {
+                borderRadius: "md";
+                mb: number;
+            };
+        };
+    };
+    size: {
+        sm: {
+            root: {
+                textStyle: "sm";
+                py: number;
+            };
+            item: {
+                py: number;
+                px: number;
+                gap: number;
+            };
+            header: {
+                py: number;
+                px: number;
+            };
+        };
+        md: {
+            root: {
+                textStyle: "md";
+                py: number;
+            };
+            item: {
+                py: number;
+                px: number;
+                gap: number;
+            };
+            header: {
+                py: number;
+                px: number;
+            };
+        };
+    };
+}>;
+type GridListVariantProps = RecipeVariantProps<typeof gridListSlotRecipe>;
+
+interface GridListRootProps extends GridList.RootProps, HTMLChakraProps<'div'>, SlotRecipeProps<'suiGridList', GridListVariantProps> {
+}
+declare const GridListRoot: react.ForwardRefExoticComponent<GridListRootProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListItemProps extends GridList.ItemProps, HTMLChakraProps<'div'> {
+}
+declare const GridListItem: react.ForwardRefExoticComponent<GridListItemProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListHeaderProps extends GridList.HeaderProps, HTMLChakraProps<'header'> {
+}
+declare const GridListHeader: react.ForwardRefExoticComponent<GridListHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface GridListCellProps extends GridList.CellProps, HTMLChakraProps<'div'> {
+}
+declare const GridListCell: react.ForwardRefExoticComponent<GridListCellProps & react.RefAttributes<HTMLDivElement>>;
+
+declare namespace gridList {
+  export { GridListCell as Cell, type GridListCellProps as CellProps, GridListHeader as Header, type GridListHeaderProps as HeaderProps, GridListItem as Item, type GridListItemProps as ItemProps, GridListRoot as Root, type GridListRootProps as RootProps };
+}
+
+export { gridList as GridList };

package/dist/components/grid-list/index.js

@@ -0,0 +1,8 @@
+'use client'
+import {
+  grid_list_exports
+} from "../../chunk-NSD5HRIP.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  grid_list_exports as GridList
+};

package/dist/components/icon-badge/index.cjs

@@ -44,7 +44,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var IconBadge = React.forwardRef(
   (props, ref) => {
     const { icon, children, ...rest } = props;
-    const recipe = (0, import_react2.useRecipe)({ key: "iconBadge", recipe: props.recipe });
+    const recipe = (0, import_react2.useRecipe)({ key: "suiIconBadge", recipe: props.recipe });
     const [variantProps, localProps] = recipe.splitVariantProps(rest);
     const styles = recipe(variantProps);
     const element = icon || children;

package/dist/components/icon-badge/index.d.cts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
 
-interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**
      * The icon to display
      */

package/dist/components/icon-badge/index.d.ts

@@ -1,7 +1,7 @@
 import * as react from 'react';
 import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
 
-interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**
      * The icon to display
      */

package/dist/components/icon-badge/index.js

@@ -1,38 +1,8 @@
 'use client'
-import "../../chunk-RTMS5TJN.js";
-
-// src/components/icon-badge/icon-badge.tsx
-import * as React from "react";
-import { cloneElement, isValidElement } from "react";
 import {
-  chakra,
-  useRecipe
-} from "@chakra-ui/react";
-import { cx } from "@saas-ui/core/utils";
-import { jsx } from "react/jsx-runtime";
-var IconBadge = React.forwardRef(
-  (props, ref) => {
-    const { icon, children, ...rest } = props;
-    const recipe = useRecipe({ key: "iconBadge", recipe: props.recipe });
-    const [variantProps, localProps] = recipe.splitVariantProps(rest);
-    const styles = recipe(variantProps);
-    const element = icon || children;
-    const _children = isValidElement(element) ? cloneElement(element, {
-      "aria-hidden": true,
-      focusable: false
-    }) : null;
-    return /* @__PURE__ */ jsx(
-      chakra.div,
-      {
-        ref,
-        ...localProps,
-        css: [styles, props.css],
-        className: cx(recipe.className, props.className),
-        children: _children
-      }
-    );
-  }
-);
+  IconBadge
+} from "../../chunk-I2RXEKTB.js";
+import "../../chunk-RTMS5TJN.js";
 export {
   IconBadge
 };

package/dist/components/icon-button/index.cjs

@@ -0,0 +1,67 @@
+'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/icon-button/index.ts
+var icon_button_exports = {};
+__export(icon_button_exports, {
+  IconButton: () => IconButton
+});
+module.exports = __toCommonJS(icon_button_exports);
+
+// src/components/icon-button/icon-button.tsx
+var import_react3 = require("react");
+
+// src/components/button/button.tsx
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  function Button2(props, ref) {
+    const { loading, disabled, loadingText, children, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Button, { disabled: loading || disabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Span, { opacity: 0, children })
+    ] }) : loading && loadingText ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Spinner, { size: "inherit", color: "inherit" }),
+      loadingText
+    ] }) : children });
+  }
+);
+
+// src/components/icon-button/icon-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var IconButton = (0, import_react3.forwardRef)(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconButton
+});

package/dist/components/icon-button/index.d.cts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ButtonProps } from '../button/index.cjs';
+import '@chakra-ui/react';
+
+interface IconButtonProps extends ButtonProps {
+}
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button/index.d.ts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { ButtonProps } from '../button/index.js';
+import '@chakra-ui/react';
+
+interface IconButtonProps extends ButtonProps {
+}
+declare const IconButton: react.ForwardRefExoticComponent<IconButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { IconButton, type IconButtonProps };

package/dist/components/icon-button/index.js

@@ -0,0 +1,9 @@
+'use client'
+import {
+  IconButton
+} from "../../chunk-MS2ELLDY.js";
+import "../../chunk-NGSHWY7E.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  IconButton
+};

package/dist/components/icons/index.cjs

@@ -28,6 +28,7 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   ChevronUpIcon: () => ChevronUpIcon,
   CloseIcon: () => CloseIcon,
+  EllipsisIcon: () => EllipsisIcon,
   FilterIcon: () => FilterIcon,
   HamburgerIcon: () => HamburgerIcon,
   MinusIcon: () => MinusIcon,
@@ -136,6 +137,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" })
+  ] })
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CalendarIcon,
@@ -145,6 +154,7 @@ var CheckIcon = createIcon({
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
   MinusIcon,

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

@@ -15,5 +15,6 @@ declare const ViewOffIcon: react.ForwardRefExoticComponent<_chakra_ui_react.Icon
 declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const SearchIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const CheckIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const EllipsisIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 
-export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, EllipsisIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

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

@@ -15,5 +15,6 @@ declare const ViewOffIcon: react.ForwardRefExoticComponent<_chakra_ui_react.Icon
 declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const SearchIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 declare const CheckIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const EllipsisIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 
-export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, EllipsisIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/index.js

@@ -8,6 +8,7 @@ import {
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
   MinusIcon,
@@ -15,7 +16,7 @@ import {
   SearchIcon,
   ViewIcon,
   ViewOffIcon
-} from "../../chunk-VDXTEASE.js";
+} from "../../chunk-4TPVIHNO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   CalendarIcon,
@@ -25,6 +26,7 @@ export {
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
   MinusIcon,

package/dist/components/link/index.js

@@ -1,20 +1,9 @@
 'use client'
 import {
-  useLink
-} from "../../chunk-KHRLZUV4.js";
+  Link
+} from "../../chunk-TZBAM4AD.js";
+import "../../chunk-O2WVT2BP.js";
 import "../../chunk-RTMS5TJN.js";
-
-// src/components/link/link.tsx
-import React from "react";
-import { Link as ChakraLink } from "@chakra-ui/react";
-import { jsx } from "react/jsx-runtime";
-var Link = React.forwardRef(
-  (props, ref) => {
-    const LinkComponent = useLink();
-    return /* @__PURE__ */ jsx(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { ref, ...props }) });
-  }
-);
-Link.displayName = "Link";
 export {
   Link
 };