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

package/dist/{chunk-KFXNVUEZ.js → chunk-UNF77J24.js}

@@ -1,11 +1,11 @@
 'use client'
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
 import {
   CheckIcon,
   ChevronRightIcon
-} from "./chunk-4TPVIHNO.js";
-import {
-  Button
-} from "./chunk-NGSHWY7E.js";
+} from "./chunk-4XB7B73X.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -31,11 +31,9 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 import { forwardRef } from "react";
-import {
-  AbsoluteCenter,
-  Menu as ChakraMenu,
-  Portal
-} from "@chakra-ui/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) {

package/dist/{chunk-GWC5GCMW.js → chunk-VJ4UOABT.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   Avatar
-} from "./chunk-JO4WJVYO.js";
+} from "./chunk-FN7TU5F5.js";
 
 // src/components/persona/persona.tsx
 import * as React2 from "react";

package/dist/{chunk-IEWHAXXU.js → chunk-WJZED26X.js}

@@ -2,7 +2,7 @@
 
 // src/components/tag/tag.tsx
 import { forwardRef } from "react";
-import { Tag as ChakraTag } from "@chakra-ui/react";
+import { Tag as ChakraTag } from "@chakra-ui/react/tag";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Tag = forwardRef(
   function Tag2(props, ref) {

package/dist/chunk-XW747T2R.js

@@ -0,0 +1,43 @@
+'use client'
+import {
+  popover_exports
+} from "./chunk-JPY2QZLC.js";
+
+// src/components/toggle-tip/toggle-tip.tsx
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ToggleTip = React.forwardRef(
+  function ToggleTip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      portalled = true,
+      content,
+      portalRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
+      /* @__PURE__ */ jsx(popover_exports.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsxs(
+        popover_exports.Content,
+        {
+          width: "auto",
+          px: "2",
+          py: "1",
+          textStyle: "xs",
+          rounded: "sm",
+          portalled,
+          ref,
+          children: [
+            showArrow && /* @__PURE__ */ jsx(popover_exports.Arrow, {}),
+            content
+          ]
+        }
+      )
+    ] });
+  }
+);
+
+export {
+  ToggleTip
+};

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-YLZEO3RK.js

@@ -0,0 +1,24 @@
+'use client'
+import {
+  ToggleTip
+} from "./chunk-XW747T2R.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  InfoIcon
+} from "./chunk-4XB7B73X.js";
+
+// src/components/info-tip/info-tip.tsx
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var InfoTip = React.forwardRef(
+  function InfoTip2(props, ref) {
+    const { children, icon, "aria-label": ariaLabel = "Info", ...rest } = props;
+    return /* @__PURE__ */ jsx(ToggleTip, { content: children, ...rest, ref, children: /* @__PURE__ */ jsx(IconButton, { variant: "ghost", "aria-label": ariaLabel, size: "2xs", children: icon != null ? icon : /* @__PURE__ */ jsx(InfoIcon, {}) }) });
+  }
+);
+
+export {
+  InfoTip
+};

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-6ZNR6N2K.js → chunk-YTTZX7ZE.js}

@@ -4,7 +4,7 @@
 import { forwardRef } from "react";
 import {
   createSlotRecipeContext
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/styled-system";
 import { jsx, jsxs } from "react/jsx-runtime";
 var {
   withProvider,

package/dist/{chunk-LTVFG6UC.js → chunk-Z37BQ5VU.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";

package/dist/{chunk-L356FPLY.js → chunk-Z3SWPGPQ.js}

@@ -2,7 +2,7 @@
 
 // src/components/checkbox/checkbox.tsx
 import { forwardRef } from "react";
-import { Checkbox as ChakraCheckbox } from "@chakra-ui/react";
+import { Checkbox as ChakraCheckbox } from "@chakra-ui/react/checkbox";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Checkbox = forwardRef(
   function Checkbox2(props, ref) {

package/dist/{chunk-NSD5HRIP.js → chunk-ZUT5GZTD.js}

@@ -14,7 +14,7 @@ __export(grid_list_exports, {
 import { GridList } from "@saas-ui/core/grid-list";
 
 // src/components/grid-list/grid-list.context.ts
-import { createSlotRecipeContext } from "@chakra-ui/react";
+import { createSlotRecipeContext } from "@chakra-ui/react/styled-system";
 var {
   withProvider,
   withContext,

package/dist/components/accordion/index.cjs

@@ -0,0 +1,197 @@
+'use client'
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/accordion/index.ts
+var accordion_exports2 = {};
+__export(accordion_exports2, {
+  Accordion: () => accordion_exports
+});
+module.exports = __toCommonJS(accordion_exports2);
+
+// src/components/accordion/accordion.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Item: () => Item,
+  ItemContent: () => ItemContent,
+  ItemTrigger: () => ItemTrigger,
+  Root: () => Root
+});
+var React = __toESM(require("react"), 1);
+var import_accordion = require("@chakra-ui/react/accordion");
+
+// src/components/icons/create-icon.tsx
+var import_icon = require("@chakra-ui/react/icon");
+var createIcon = (props) => {
+  return (0, import_icon.createIcon)({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polygon", { points: "22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3" })
+});
+var CalendarIcon = createIcon({
+  displayName: "CalendarIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+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" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+  ] })
+});
+var InfoIcon = createIcon({
+  displayName: "InfoIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M12 8h.01" })
+  ] })
+});
+
+// src/components/accordion/accordion.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ItemTrigger = React.forwardRef(function AccordionItemTrigger(props, ref) {
+  const {
+    children,
+    indicatorPlacement = "end",
+    indicatorIcon = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(ChevronRightIcon, {}),
+    ...rest
+  } = props;
+  const indicator = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_accordion.Accordion.ItemIndicator, { children: indicatorIcon });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_accordion.Accordion.ItemTrigger, { ...rest, ref, children: [
+    indicatorPlacement === "start" && indicator,
+    children,
+    indicatorPlacement === "end" && indicator
+  ] });
+});
+var ItemContent = React.forwardRef(
+  function AccordionItemContent(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_accordion.Accordion.ItemContent, { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_accordion.Accordion.ItemBody, { ...props, ref }) });
+  }
+);
+var Root = import_accordion.Accordion.Root;
+var Item = import_accordion.Accordion.Item;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Accordion
+});

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

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { Accordion } from '@chakra-ui/react/accordion';
+
+interface ItemTriggerProps extends Accordion.ItemTriggerProps {
+    indicatorIcon?: react.ReactNode;
+    indicatorPlacement?: 'start' | 'end';
+}
+declare const ItemTrigger: react.ForwardRefExoticComponent<ItemTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface ItemContentProps extends Accordion.ItemContentProps {
+}
+declare const ItemContent: react.ForwardRefExoticComponent<ItemContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.ForwardRefExoticComponent<Accordion.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const Item: react.ForwardRefExoticComponent<Accordion.ItemProps & react.RefAttributes<HTMLDivElement>>;
+type RootProps = Accordion.RootProps;
+type ItemProps = Accordion.ItemProps;
+
+declare const accordion_Item: typeof Item;
+declare const accordion_ItemContent: typeof ItemContent;
+type accordion_ItemContentProps = ItemContentProps;
+type accordion_ItemProps = ItemProps;
+declare const accordion_ItemTrigger: typeof ItemTrigger;
+type accordion_ItemTriggerProps = ItemTriggerProps;
+declare const accordion_Root: typeof Root;
+type accordion_RootProps = RootProps;
+declare namespace accordion {
+  export { accordion_Item as Item, accordion_ItemContent as ItemContent, type accordion_ItemContentProps as ItemContentProps, type accordion_ItemProps as ItemProps, accordion_ItemTrigger as ItemTrigger, type accordion_ItemTriggerProps as ItemTriggerProps, accordion_Root as Root, type accordion_RootProps as RootProps };
+}
+
+export { accordion as Accordion };

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

@@ -0,0 +1,29 @@
+import * as react from 'react';
+import { Accordion } from '@chakra-ui/react/accordion';
+
+interface ItemTriggerProps extends Accordion.ItemTriggerProps {
+    indicatorIcon?: react.ReactNode;
+    indicatorPlacement?: 'start' | 'end';
+}
+declare const ItemTrigger: react.ForwardRefExoticComponent<ItemTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface ItemContentProps extends Accordion.ItemContentProps {
+}
+declare const ItemContent: react.ForwardRefExoticComponent<ItemContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.ForwardRefExoticComponent<Accordion.RootProps & react.RefAttributes<HTMLDivElement>>;
+declare const Item: react.ForwardRefExoticComponent<Accordion.ItemProps & react.RefAttributes<HTMLDivElement>>;
+type RootProps = Accordion.RootProps;
+type ItemProps = Accordion.ItemProps;
+
+declare const accordion_Item: typeof Item;
+declare const accordion_ItemContent: typeof ItemContent;
+type accordion_ItemContentProps = ItemContentProps;
+type accordion_ItemProps = ItemProps;
+declare const accordion_ItemTrigger: typeof ItemTrigger;
+type accordion_ItemTriggerProps = ItemTriggerProps;
+declare const accordion_Root: typeof Root;
+type accordion_RootProps = RootProps;
+declare namespace accordion {
+  export { accordion_Item as Item, accordion_ItemContent as ItemContent, type accordion_ItemContentProps as ItemContentProps, type accordion_ItemProps as ItemProps, accordion_ItemTrigger as ItemTrigger, type accordion_ItemTriggerProps as ItemTriggerProps, accordion_Root as Root, type accordion_RootProps as RootProps };
+}
+
+export { accordion as Accordion };

package/dist/components/accordion/index.js

@@ -0,0 +1,9 @@
+'use client'
+import {
+  accordion_exports
+} from "../../chunk-SD2NTPHR.js";
+import "../../chunk-4XB7B73X.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  accordion_exports as Accordion
+};