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

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

@@ -38,13 +38,13 @@ module.exports = __toCommonJS(icon_badge_exports);
 // src/components/icon-badge/icon-badge.tsx
 var React = __toESM(require("react"), 1);
 var import_react = require("react");
-var import_react2 = require("@chakra-ui/react");
+var import_styled_system = require("@chakra-ui/react/styled-system");
 var import_utils = require("@saas-ui/core/utils");
 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: "suiIconBadge", recipe: props.recipe });
+    const recipe = (0, import_styled_system.useRecipe)({ key: "suiIconBadge", recipe: props.recipe });
     const [variantProps, localProps] = recipe.splitVariantProps(rest);
     const styles = recipe(variantProps);
     const element = icon || children;
@@ -53,7 +53,7 @@ var IconBadge = React.forwardRef(
       focusable: false
     }) : null;
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_react2.chakra.div,
+      import_styled_system.chakra.div,
       {
         ref,
         ...localProps,

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react/styled-system';
 
 interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**

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

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react/styled-system';
 
 interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'suiIconBadge'> {
     /**

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

@@ -1,7 +1,7 @@
 'use client'
 import {
   IconBadge
-} from "../../chunk-I2RXEKTB.js";
+} from "../../chunk-NSFGACD7.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   IconBadge

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

@@ -26,31 +26,17 @@ __export(icon_button_exports, {
 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/button/index.ts
+var import_button = require("@chakra-ui/react/button");
 
 // src/components/icon-button/icon-button.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var IconButton = (0, import_react3.forwardRef)(
+var import_jsx_runtime = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(
   function IconButton2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-      Button,
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
       {
         px: "0",
         py: "0",

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

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import { ButtonProps } from '../button/index.cjs';
-import '@chakra-ui/react';
+import { ButtonProps } from '@chakra-ui/react/button';
 
 interface IconButtonProps extends ButtonProps {
 }

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

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import { ButtonProps } from '../button/index.js';
-import '@chakra-ui/react';
+import { ButtonProps } from '@chakra-ui/react/button';
 
 interface IconButtonProps extends ButtonProps {
 }

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

@@ -1,8 +1,8 @@
 'use client'
 import {
   IconButton
-} from "../../chunk-MS2ELLDY.js";
-import "../../chunk-NGSHWY7E.js";
+} from "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   IconButton

package/dist/components/icons/index.cjs

@@ -28,9 +28,11 @@ __export(icons_exports, {
   ChevronRightIcon: () => ChevronRightIcon,
   ChevronUpIcon: () => ChevronUpIcon,
   CloseIcon: () => CloseIcon,
+  CopyIcon: () => CopyIcon,
   EllipsisIcon: () => EllipsisIcon,
   FilterIcon: () => FilterIcon,
   HamburgerIcon: () => HamburgerIcon,
+  InfoIcon: () => InfoIcon,
   MinusIcon: () => MinusIcon,
   PlusIcon: () => PlusIcon,
   SearchIcon: () => SearchIcon,
@@ -40,9 +42,9 @@ __export(icons_exports, {
 module.exports = __toCommonJS(icons_exports);
 
 // src/components/icons/create-icon.tsx
-var import_react = require("@chakra-ui/react");
+var import_icon = require("@chakra-ui/react/icon");
 var createIcon = (props) => {
-  return (0, import_react.createIcon)({
+  return (0, import_icon.createIcon)({
     viewBox: "0 0 24 24",
     defaultProps: {
       fill: "none",
@@ -145,6 +147,21 @@ var EllipsisIcon = createIcon({
     /* @__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" })
+  ] })
+});
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CalendarIcon,
@@ -154,9 +171,11 @@ var EllipsisIcon = createIcon({
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  CopyIcon,
   EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
+  InfoIcon,
   MinusIcon,
   PlusIcon,
   SearchIcon,

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

@@ -16,5 +16,7 @@ declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconPro
 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>>;
+declare const CopyIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const InfoIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 
-export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, EllipsisIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, EllipsisIcon, FilterIcon, HamburgerIcon, InfoIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

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

@@ -16,5 +16,7 @@ declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconPro
 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>>;
+declare const CopyIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const InfoIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
 
-export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, EllipsisIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, CopyIcon, EllipsisIcon, FilterIcon, HamburgerIcon, InfoIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/index.js

@@ -8,15 +8,17 @@ import {
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  CopyIcon,
   EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
+  InfoIcon,
   MinusIcon,
   PlusIcon,
   SearchIcon,
   ViewIcon,
   ViewOffIcon
-} from "../../chunk-4TPVIHNO.js";
+} from "../../chunk-4XB7B73X.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   CalendarIcon,
@@ -26,9 +28,11 @@ export {
   ChevronRightIcon,
   ChevronUpIcon,
   CloseIcon,
+  CopyIcon,
   EllipsisIcon,
   FilterIcon,
   HamburgerIcon,
+  InfoIcon,
   MinusIcon,
   PlusIcon,
   SearchIcon,

package/dist/components/image/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/image/index.ts
+var image_exports = {};
+__export(image_exports, {
+  Image: () => import_image.Image
+});
+module.exports = __toCommonJS(image_exports);
+var import_image = require("@chakra-ui/react/image");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Image
+});

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

@@ -0,0 +1 @@
+export { Image, ImageProps } from '@chakra-ui/react/image';

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

@@ -0,0 +1 @@
+export { Image, ImageProps } from '@chakra-ui/react/image';

package/dist/components/image/index.js

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

package/dist/components/info-tip/index.cjs

@@ -0,0 +1,299 @@
+'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/info-tip/index.ts
+var info_tip_exports = {};
+__export(info_tip_exports, {
+  InfoTip: () => InfoTip
+});
+module.exports = __toCommonJS(info_tip_exports);
+
+// src/components/info-tip/info-tip.tsx
+var React3 = __toESM(require("react"), 1);
+
+// src/components/icon-button/icon-button.tsx
+var import_react = require("react");
+
+// src/components/button/index.ts
+var import_button = require("@chakra-ui/react/button");
+
+// src/components/icon-button/icon-button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var IconButton = (0, import_react.forwardRef)(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_button.Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+// 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_runtime2 = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.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_runtime2.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
+  ] })
+});
+
+// src/components/toggle-tip/toggle-tip.tsx
+var React2 = __toESM(require("react"), 1);
+
+// 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_popover = require("@chakra-ui/react/popover");
+var import_portal = require("@chakra-ui/react/portal");
+
+// src/components/close-button/close-button.tsx
+var import_react2 = require("react");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var CloseButton = (0, import_react2.forwardRef)(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CloseIcon, {}) });
+  }
+);
+
+// src/components/popover/popover.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Content = React.forwardRef(
+  function PopoverContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_portal.Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Positioner, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Content, { ref, ...rest }) }) });
+  }
+);
+var Arrow = React.forwardRef(
+  function PopoverArrow(props, ref) {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.Arrow, { ...props, ref, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_popover.Popover.ArrowTip, {}) });
+  }
+);
+var CloseButton3 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    import_popover.Popover.CloseTrigger,
+    {
+      position: "absolute",
+      top: "1",
+      insetEnd: "1",
+      ...props,
+      asChild: true,
+      ref,
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CloseButton, { size: "sm" })
+    }
+  );
+});
+var CloseTrigger = import_popover.Popover.CloseTrigger;
+var Title = import_popover.Popover.Title;
+var Description = import_popover.Popover.Description;
+var Footer = import_popover.Popover.Footer;
+var Header = import_popover.Popover.Header;
+var Root = import_popover.Popover.Root;
+var Body = import_popover.Popover.Body;
+var Trigger = import_popover.Popover.Trigger;
+
+// src/components/toggle-tip/toggle-tip.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var ToggleTip = React2.forwardRef(
+  function ToggleTip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      portalled = true,
+      content,
+      portalRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+        popover_exports.Content,
+        {
+          width: "auto",
+          px: "2",
+          py: "1",
+          textStyle: "xs",
+          rounded: "sm",
+          portalled,
+          ref,
+          children: [
+            showArrow && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(popover_exports.Arrow, {}),
+            content
+          ]
+        }
+      )
+    ] });
+  }
+);
+
+// src/components/info-tip/info-tip.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+var InfoTip = React3.forwardRef(
+  function InfoTip2(props, ref) {
+    const { children, icon, "aria-label": ariaLabel = "Info", ...rest } = props;
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToggleTip, { content: children, ...rest, ref, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(IconButton, { variant: "ghost", "aria-label": ariaLabel, size: "2xs", children: icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(InfoIcon, {}) }) });
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  InfoTip
+});

package/dist/components/info-tip/index.d.cts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ToggleTipProps } from '../toggle-tip/index.cjs';
+import '../../index-zAqswhEI.cjs';
+import '@chakra-ui/react/popover';
+
+interface InfoTipProps extends Omit<ToggleTipProps, 'content'> {
+    children: react.ReactNode;
+    icon?: react.ReactNode;
+    'aria-label'?: string;
+}
+declare const InfoTip: react.ForwardRefExoticComponent<InfoTipProps & react.RefAttributes<HTMLDivElement>>;
+
+export { InfoTip, type InfoTipProps };

package/dist/components/info-tip/index.d.ts

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { ToggleTipProps } from '../toggle-tip/index.js';
+import '../../index-zAqswhEI.js';
+import '@chakra-ui/react/popover';
+
+interface InfoTipProps extends Omit<ToggleTipProps, 'content'> {
+    children: react.ReactNode;
+    icon?: react.ReactNode;
+    'aria-label'?: string;
+}
+declare const InfoTip: react.ForwardRefExoticComponent<InfoTipProps & react.RefAttributes<HTMLDivElement>>;
+
+export { InfoTip, type InfoTipProps };

package/dist/components/info-tip/index.js

@@ -0,0 +1,16 @@
+'use client'
+import {
+  InfoTip
+} from "../../chunk-YLZEO3RK.js";
+import "../../chunk-XW747T2R.js";
+import "../../chunk-JPY2QZLC.js";
+import "../../chunk-KTLWEUNW.js";
+import "../../chunk-JMYI6YXR.js";
+import "../../chunk-H7KPEI6P.js";
+import "../../chunk-OJZPPAT6.js";
+import "../../chunk-5HVAMQYO.js";
+import "../../chunk-4XB7B73X.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  InfoTip
+};