@saas-ui/react 3.0.0-alpha.24 → 3.0.0-alpha.26

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

@@ -4,7 +4,7 @@ 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" | "header" | "item", {
+declare const gridListSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"cell" | "root" | "item" | "header", {
     interactive: {
         true: {
             item: {

package/dist/components/password-input/index.cjs

@@ -179,10 +179,10 @@ function IconBase(props) {
 
 // ../../node_modules/react-icons/lu/index.mjs
 function LuEyeOff(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "child": [] }] })(props);
 }
 function LuEye(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
 }
 
 // src/components/input-group/input-group.tsx

package/dist/components/password-input/index.js

@@ -1,7 +1,7 @@
 'use client'
 import {
   PasswordInput
-} from "../../chunk-CD2JUFI2.js";
+} from "../../chunk-K2SPPLAY.js";
 import "../../chunk-PKI6YH2V.js";
 import "../../chunk-RTMS5TJN.js";
 export {

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

@@ -4,7 +4,7 @@ import * as _chakra_ui_react from '@chakra-ui/react';
 import { RecipeVariantProps, HTMLChakraProps, SlotRecipeProps, ImageProps } from '@chakra-ui/react';
 import { AvatarProps } from '../avatar/index.cjs';
 
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "avatar" | "details" | "label" | "secondaryLabel" | "tertiaryLabel", {
+declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "label" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
     size: {
         '2xs': {
             details: {

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

@@ -4,7 +4,7 @@ import * as _chakra_ui_react from '@chakra-ui/react';
 import { RecipeVariantProps, HTMLChakraProps, SlotRecipeProps, ImageProps } from '@chakra-ui/react';
 import { AvatarProps } from '../avatar/index.js';
 
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "avatar" | "details" | "label" | "secondaryLabel" | "tertiaryLabel", {
+declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "label" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
     size: {
         '2xs': {
             details: {

package/dist/components/popover/index.cjs

@@ -0,0 +1,214 @@
+'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/popover/index.ts
+var popover_exports2 = {};
+__export(popover_exports2, {
+  Popover: () => popover_exports
+});
+module.exports = __toCommonJS(popover_exports2);
+
+// src/components/popover/popover.tsx
+var popover_exports = {};
+__export(popover_exports, {
+  Arrow: () => Arrow,
+  Body: () => Body,
+  CloseButton: () => CloseButton3,
+  CloseTrigger: () => CloseTrigger,
+  Content: () => Content,
+  Description: () => Description,
+  Footer: () => Footer,
+  Header: () => Header,
+  Root: () => Root,
+  Title: () => Title,
+  Trigger: () => Trigger
+});
+var React = __toESM(require("react"), 1);
+var import_react4 = require("@chakra-ui/react");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_react3 = require("@chakra-ui/react");
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.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" })
+  ] })
+});
+
+// src/components/close-button/close-button.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react3.IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/popover/popover.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Content = React.forwardRef(
+  function PopoverContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Popover.Content, { ref, ...rest }) }) });
+  }
+);
+var Arrow = React.forwardRef(
+  function PopoverArrow(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Popover.Arrow, { ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_react4.Popover.ArrowTip, {}) });
+  }
+);
+var CloseButton3 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    import_react4.Popover.CloseTrigger,
+    {
+      position: "absolute",
+      top: "1",
+      insetEnd: "1",
+      ...props,
+      asChild: true,
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseButton, { size: "sm" })
+    }
+  );
+});
+var CloseTrigger = import_react4.Popover.CloseTrigger;
+var Title = import_react4.Popover.Title;
+var Description = import_react4.Popover.Description;
+var Footer = import_react4.Popover.Footer;
+var Header = import_react4.Popover.Header;
+var Root = import_react4.Popover.Root;
+var Body = import_react4.Popover.Body;
+var Trigger = import_react4.Popover.Trigger;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Popover
+});

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

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { Popover } from '@chakra-ui/react';
+
+interface ContentProps extends Popover.ContentProps {
+    portalled?: boolean;
+    portalRef?: react.RefObject<HTMLElement>;
+}
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Arrow: react.ForwardRefExoticComponent<Popover.ArrowProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Popover.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Popover.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Title: react.ForwardRefExoticComponent<Popover.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Popover.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Footer: react.ForwardRefExoticComponent<Popover.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Popover.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.FC<Popover.RootProps>;
+declare const Body: react.ForwardRefExoticComponent<Popover.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Popover.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = Popover.RootProps;
+
+declare const popover_Arrow: typeof Arrow;
+declare const popover_Body: typeof Body;
+declare const popover_CloseButton: typeof CloseButton;
+declare const popover_CloseTrigger: typeof CloseTrigger;
+declare const popover_Content: typeof Content;
+declare const popover_Description: typeof Description;
+declare const popover_Footer: typeof Footer;
+declare const popover_Header: typeof Header;
+declare const popover_Root: typeof Root;
+type popover_RootProps = RootProps;
+declare const popover_Title: typeof Title;
+declare const popover_Trigger: typeof Trigger;
+declare namespace popover {
+  export { popover_Arrow as Arrow, popover_Body as Body, popover_CloseButton as CloseButton, popover_CloseTrigger as CloseTrigger, popover_Content as Content, popover_Description as Description, popover_Footer as Footer, popover_Header as Header, popover_Root as Root, type popover_RootProps as RootProps, popover_Title as Title, popover_Trigger as Trigger };
+}
+
+export { popover as Popover };

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

@@ -0,0 +1,37 @@
+import * as react from 'react';
+import { Popover } from '@chakra-ui/react';
+
+interface ContentProps extends Popover.ContentProps {
+    portalled?: boolean;
+    portalRef?: react.RefObject<HTMLElement>;
+}
+declare const Content: react.ForwardRefExoticComponent<ContentProps & react.RefAttributes<HTMLDivElement>>;
+declare const Arrow: react.ForwardRefExoticComponent<Popover.ArrowProps & react.RefAttributes<HTMLDivElement>>;
+declare const CloseButton: react.ForwardRefExoticComponent<Popover.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const CloseTrigger: react.ForwardRefExoticComponent<Popover.CloseTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+declare const Title: react.ForwardRefExoticComponent<Popover.TitleProps & react.RefAttributes<HTMLDivElement>>;
+declare const Description: react.ForwardRefExoticComponent<Popover.DescriptionProps & react.RefAttributes<HTMLDivElement>>;
+declare const Footer: react.ForwardRefExoticComponent<Popover.FooterProps & react.RefAttributes<HTMLDivElement>>;
+declare const Header: react.ForwardRefExoticComponent<Popover.HeaderProps & react.RefAttributes<HTMLDivElement>>;
+declare const Root: react.FC<Popover.RootProps>;
+declare const Body: react.ForwardRefExoticComponent<Popover.BodyProps & react.RefAttributes<HTMLDivElement>>;
+declare const Trigger: react.ForwardRefExoticComponent<Popover.TriggerProps & react.RefAttributes<HTMLButtonElement>>;
+type RootProps = Popover.RootProps;
+
+declare const popover_Arrow: typeof Arrow;
+declare const popover_Body: typeof Body;
+declare const popover_CloseButton: typeof CloseButton;
+declare const popover_CloseTrigger: typeof CloseTrigger;
+declare const popover_Content: typeof Content;
+declare const popover_Description: typeof Description;
+declare const popover_Footer: typeof Footer;
+declare const popover_Header: typeof Header;
+declare const popover_Root: typeof Root;
+type popover_RootProps = RootProps;
+declare const popover_Title: typeof Title;
+declare const popover_Trigger: typeof Trigger;
+declare namespace popover {
+  export { popover_Arrow as Arrow, popover_Body as Body, popover_CloseButton as CloseButton, popover_CloseTrigger as CloseTrigger, popover_Content as Content, popover_Description as Description, popover_Footer as Footer, popover_Header as Header, popover_Root as Root, type popover_RootProps as RootProps, popover_Title as Title, popover_Trigger as Trigger };
+}
+
+export { popover as Popover };

package/dist/components/popover/index.js

@@ -0,0 +1,11 @@
+'use client'
+import {
+  popover_exports
+} from "../../chunk-KE5AC3TZ.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-YXGJOOMM.js";
+import "../../chunk-4TPVIHNO.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  popover_exports as Popover
+};