@saas-ui/react 3.0.0-alpha.9 → 3.0.0-next.0

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

@@ -1,17 +1,23 @@
 import * as react from 'react';
-import { Breadcrumb, SystemStyleObject } from '@chakra-ui/react';
+import { Breadcrumb } from '@chakra-ui/react/breadcrumb';
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 
-interface BreadcrumbRootProps extends Breadcrumb.RootProps {
+interface RootProps extends Breadcrumb.RootProps {
     separator?: React.ReactNode;
     separatorGap?: SystemStyleObject['gap'];
 }
-declare const BreadcrumbRoot: react.ForwardRefExoticComponent<BreadcrumbRootProps & react.RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
-declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
+declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const Link: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+declare const CurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
+declare const Ellipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
 
+declare const breadcrumb_CurrentLink: typeof CurrentLink;
+declare const breadcrumb_Ellipsis: typeof Ellipsis;
+declare const breadcrumb_Link: typeof Link;
+declare const breadcrumb_Root: typeof Root;
+type breadcrumb_RootProps = RootProps;
 declare namespace breadcrumb {
-  export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
+  export { breadcrumb_CurrentLink as CurrentLink, breadcrumb_Ellipsis as Ellipsis, breadcrumb_Link as Link, breadcrumb_Root as Root, type breadcrumb_RootProps as RootProps };
 }
 
 export { breadcrumb as Breadcrumb };

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

@@ -1,17 +1,23 @@
 import * as react from 'react';
-import { Breadcrumb, SystemStyleObject } from '@chakra-ui/react';
+import { Breadcrumb } from '@chakra-ui/react/breadcrumb';
+import { SystemStyleObject } from '@chakra-ui/react/styled-system';
 
-interface BreadcrumbRootProps extends Breadcrumb.RootProps {
+interface RootProps extends Breadcrumb.RootProps {
     separator?: React.ReactNode;
     separatorGap?: SystemStyleObject['gap'];
 }
-declare const BreadcrumbRoot: react.ForwardRefExoticComponent<BreadcrumbRootProps & react.RefAttributes<HTMLDivElement>>;
-declare const BreadcrumbLink: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
-declare const BreadcrumbCurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
-declare const BreadcrumbEllipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
+declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const Link: react.ForwardRefExoticComponent<Breadcrumb.LinkProps & react.RefAttributes<HTMLAnchorElement>>;
+declare const CurrentLink: react.ForwardRefExoticComponent<Breadcrumb.CurrentLinkProps & react.RefAttributes<HTMLElement>>;
+declare const Ellipsis: react.ForwardRefExoticComponent<Breadcrumb.EllipsisProps & react.RefAttributes<HTMLElement>>;
 
+declare const breadcrumb_CurrentLink: typeof CurrentLink;
+declare const breadcrumb_Ellipsis: typeof Ellipsis;
+declare const breadcrumb_Link: typeof Link;
+declare const breadcrumb_Root: typeof Root;
+type breadcrumb_RootProps = RootProps;
 declare namespace breadcrumb {
-  export { BreadcrumbCurrentLink as CurrentLink, BreadcrumbEllipsis as Ellipsis, BreadcrumbLink as Link, BreadcrumbRoot as Root, type BreadcrumbRootProps as RootProps };
+  export { breadcrumb_CurrentLink as CurrentLink, breadcrumb_Ellipsis as Ellipsis, breadcrumb_Link as Link, breadcrumb_Root as Root, type breadcrumb_RootProps as RootProps };
 }
 
 export { breadcrumb as Breadcrumb };

package/dist/components/breadcrumb/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   breadcrumb_exports
-} from "../../chunk-TT4C5VXB.js";
+} from "../../chunk-CRFTMIQA.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   breadcrumb_exports as Breadcrumb

package/dist/components/button/index.cjs

@@ -21,44 +21,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/button/index.ts
 var button_exports = {};
 __export(button_exports, {
-  Button: () => Button
+  Button: () => import_button.Button
 });
 module.exports = __toCommonJS(button_exports);
-
-// 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,
-      variant = "glass",
-      colorPalette = variant === "glass" ? "accent" : "gray",
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react2.Button,
-      {
-        colorPalette,
-        disabled: loading || disabled,
-        variant,
-        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
-      }
-    );
-  }
-);
+var import_button = require("@chakra-ui/react/button");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Button

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

@@ -1,12 +1 @@
-import * as react from 'react';
-import { ButtonProps as ButtonProps$1 } from '@chakra-ui/react';
-
-interface ButtonLoadingProps {
-    loading?: boolean;
-    loadingText?: React.ReactNode;
-}
-interface ButtonProps extends ButtonProps$1, ButtonLoadingProps {
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };
+export { Button, ButtonProps } from '@chakra-ui/react/button';

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

@@ -1,12 +1 @@
-import * as react from 'react';
-import { ButtonProps as ButtonProps$1 } from '@chakra-ui/react';
-
-interface ButtonLoadingProps {
-    loading?: boolean;
-    loadingText?: React.ReactNode;
-}
-interface ButtonProps extends ButtonProps$1, ButtonLoadingProps {
-}
-declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
-
-export { Button, type ButtonProps };
+export { Button, ButtonProps } from '@chakra-ui/react/button';

package/dist/components/button/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Button
-} from "../../chunk-BCNPBZZK.js";
+} from "../../chunk-5HVAMQYO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Button

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

@@ -0,0 +1,31 @@
+'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/button-group/index.ts
+var button_group_exports = {};
+__export(button_group_exports, {
+  ButtonGroup: () => import_button.ButtonGroup
+});
+module.exports = __toCommonJS(button_group_exports);
+var import_button = require("@chakra-ui/react/button");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ButtonGroup
+});

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

@@ -0,0 +1 @@
+export { ButtonGroup, ButtonGroupProps } from '@chakra-ui/react/button';

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

@@ -0,0 +1 @@
+export { ButtonGroup, ButtonGroupProps } from '@chakra-ui/react/button';

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

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

package/dist/components/card/index.cjs

@@ -0,0 +1,32 @@
+'use client'
+"use strict";
+"use client";
+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/card/index.ts
+var card_exports = {};
+__export(card_exports, {
+  Card: () => import_card.Card
+});
+module.exports = __toCommonJS(card_exports);
+var import_card = require("@chakra-ui/react/card");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Card
+});

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

@@ -0,0 +1 @@
+export { Card } from '@chakra-ui/react/card';

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

@@ -0,0 +1 @@
+export { Card } from '@chakra-ui/react/card';

package/dist/components/card/index.js

@@ -0,0 +1,9 @@
+'use client'
+"use client";
+import {
+  Card
+} from "../../chunk-7DF4NQNZ.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  Card
+};

package/dist/components/checkbox/index.cjs

@@ -27,15 +27,15 @@ module.exports = __toCommonJS(checkbox_exports);
 
 // src/components/checkbox/checkbox.tsx
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_checkbox = require("@chakra-ui/react/checkbox");
 var import_jsx_runtime = require("react/jsx-runtime");
 var Checkbox = (0, import_react.forwardRef)(
   function Checkbox2(props, ref) {
     const { icon, children, inputProps, rootRef, ...rest } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react2.Checkbox.Root, { ref: rootRef, ...rest, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.HiddenInput, { ref, ...inputProps }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Indicator, {}) }),
-      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.Checkbox.Label, { children })
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_checkbox.Checkbox.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox.Checkbox.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox.Checkbox.Control, { children: icon || /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox.Checkbox.Indicator, {}) }),
+      children != null && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox.Checkbox.Label, { children })
     ] });
   }
 );

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
+import { Checkbox as Checkbox$1 } from '@chakra-ui/react/checkbox';
 
 interface CheckboxProps extends Checkbox$1.RootProps {
     icon?: React.ReactNode;

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { Checkbox as Checkbox$1 } from '@chakra-ui/react';
+import { Checkbox as Checkbox$1 } from '@chakra-ui/react/checkbox';
 
 interface CheckboxProps extends Checkbox$1.RootProps {
     icon?: React.ReactNode;

package/dist/components/checkbox/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   Checkbox
-} from "../../chunk-L356FPLY.js";
+} from "../../chunk-Z3SWPGPQ.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   Checkbox

package/dist/components/checkbox-card/index.cjs

@@ -0,0 +1,66 @@
+'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/checkbox-card/index.ts
+var checkbox_card_exports = {};
+__export(checkbox_card_exports, {
+  CheckboxCard: () => CheckboxCard
+});
+module.exports = __toCommonJS(checkbox_card_exports);
+
+// src/components/checkbox-card/checkbox-card.tsx
+var import_react = require("react");
+var import_checkbox_card = require("@chakra-ui/react/checkbox-card");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CheckboxCard = (0, import_react.forwardRef)(
+  function CheckboxCard2(props, ref) {
+    const {
+      inputProps,
+      label,
+      description,
+      icon,
+      addon,
+      indicator = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_card.CheckboxCard.Indicator, {}),
+      indicatorPlacement = "end",
+      ...rest
+    } = props;
+    const hasContent = label || description || icon;
+    const ContentWrapper = indicator ? import_checkbox_card.CheckboxCard.Content : import_react.Fragment;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_checkbox_card.CheckboxCard.Root, { ...rest, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_card.CheckboxCard.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_checkbox_card.CheckboxCard.Control, { children: [
+        indicatorPlacement === "start" && indicator,
+        hasContent && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(ContentWrapper, { children: [
+          icon,
+          label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_card.CheckboxCard.Label, { children: label }),
+          description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_card.CheckboxCard.Description, { children: description }),
+          indicatorPlacement === "inside" && indicator
+        ] }),
+        indicatorPlacement === "end" && indicator
+      ] }),
+      addon && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_checkbox_card.CheckboxCard.Addon, { children: addon })
+    ] });
+  }
+);
+var CheckboxCardIndicator = import_checkbox_card.CheckboxCard.Indicator;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckboxCard
+});

package/dist/components/checkbox-card/index.d.cts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { CheckboxCard as CheckboxCard$1 } from '@chakra-ui/react/checkbox-card';
+
+interface CheckboxCardProps extends CheckboxCard$1.RootProps {
+    icon?: React.ReactElement;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    addon?: React.ReactNode;
+    indicator?: React.ReactNode | null;
+    indicatorPlacement?: 'start' | 'end' | 'inside';
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+declare const CheckboxCard: react.ForwardRefExoticComponent<CheckboxCardProps & react.RefAttributes<HTMLInputElement>>;
+
+export { CheckboxCard, type CheckboxCardProps };

package/dist/components/checkbox-card/index.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { CheckboxCard as CheckboxCard$1 } from '@chakra-ui/react/checkbox-card';
+
+interface CheckboxCardProps extends CheckboxCard$1.RootProps {
+    icon?: React.ReactElement;
+    label?: React.ReactNode;
+    description?: React.ReactNode;
+    addon?: React.ReactNode;
+    indicator?: React.ReactNode | null;
+    indicatorPlacement?: 'start' | 'end' | 'inside';
+    inputProps?: React.InputHTMLAttributes<HTMLInputElement>;
+}
+declare const CheckboxCard: react.ForwardRefExoticComponent<CheckboxCardProps & react.RefAttributes<HTMLInputElement>>;
+
+export { CheckboxCard, type CheckboxCardProps };

package/dist/components/checkbox-card/index.js

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

package/dist/components/checkmark/index.cjs

@@ -0,0 +1,31 @@
+'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/checkmark/index.ts
+var checkmark_exports = {};
+__export(checkmark_exports, {
+  Checkmark: () => import_checkmark.Checkmark
+});
+module.exports = __toCommonJS(checkmark_exports);
+var import_checkmark = require("@chakra-ui/react/checkmark");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Checkmark
+});

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

@@ -0,0 +1 @@
+export { Checkmark, CheckmarkProps } from '@chakra-ui/react/checkmark';

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

@@ -0,0 +1 @@
+export { Checkmark, CheckmarkProps } from '@chakra-ui/react/checkmark';

package/dist/components/checkmark/index.js

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