@saas-ui/react 3.0.0-next.0 → 3.0.0-next.2

package/dist/toaster/index.js

@@ -0,0 +1,241 @@
+'use client'
+
+// src/components/toaster/toaster.tsx
+import { useCallback, useMemo, useState } from "react";
+import { Portal } from "@chakra-ui/react/portal";
+import { Stack } from "@chakra-ui/react/stack";
+import {
+  Toaster as ChakraToaster,
+  Toast,
+  createToaster
+} from "@chakra-ui/react/toast";
+
+// src/components/close-button/close-button.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/icon-button/icon-button.tsx
+import { forwardRef } from "react";
+
+// src/components/button/index.ts
+import { Button } from "@chakra-ui/react/button";
+
+// src/components/icon-button/icon-button.tsx
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/icons/create-icon.tsx
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
+var createIcon = (props) => {
+  return _createIcon({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx2("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ jsx2("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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("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__ */ jsx2("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx2("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8h.01" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ jsx2("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/close-button/close-button.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CloseButton = forwardRef2(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ jsx3(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx3(CloseIcon, {}) });
+  }
+);
+
+// src/components/spinner/spinner.tsx
+import { forwardRef as forwardRef3 } from "react";
+import { Spinner as ChakraSpinner } from "@chakra-ui/react/spinner";
+import { Fragment as Fragment2, jsx as jsx4 } from "react/jsx-runtime";
+var Spinner = forwardRef3(
+  function Spinner2(props, ref) {
+    const { loading, children, ...rest } = props;
+    if (loading === false) {
+      return /* @__PURE__ */ jsx4(Fragment2, { children });
+    }
+    return /* @__PURE__ */ jsx4(ChakraSpinner, { ref, ...rest });
+  }
+);
+
+// src/components/toaster/toaster.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var defaultOptions = {
+  placement: "bottom-end",
+  pauseOnPageIdle: true
+};
+var toast = createToaster(defaultOptions);
+var Toaster = (props) => {
+  const { closable: defaultClosable = true, ...options } = props || {};
+  const toaster = useMemo(() => {
+    toast = createToaster({
+      ...defaultOptions,
+      ...options
+    });
+    return toast;
+  }, [options]);
+  return /* @__PURE__ */ jsx5(Portal, { children: /* @__PURE__ */ jsx5(ChakraToaster, { toaster, insetInline: { mdDown: "4" }, children: (toast2) => {
+    var _a;
+    const closable = ((_a = toast2.meta) == null ? void 0 : _a.closable) === false ? false : defaultClosable && toast2.type !== "loading";
+    return /* @__PURE__ */ jsxs2(ToastRoot, { children: [
+      toast2.type === "loading" ? /* @__PURE__ */ jsx5(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ jsx5(Toast.Indicator, {}),
+      /* @__PURE__ */ jsxs2(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
+        toast2.title && /* @__PURE__ */ jsx5(Toast.Title, { children: toast2.title }),
+        toast2.description && /* @__PURE__ */ jsx5(Toast.Description, { children: toast2.description }),
+        toast2.action && /* @__PURE__ */ jsx5(Toast.ActionTrigger, { children: toast2.action.label })
+      ] }),
+      closable !== false && /* @__PURE__ */ jsx5(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx5(CloseButton, { size: "xs" }) })
+    ] });
+  } }) });
+};
+function ToastRoot(props) {
+  const [rect, setRect] = useState();
+  const rectCallbackRef = useCallback((el) => {
+    setRect(el == null ? void 0 : el.getBoundingClientRect());
+  }, []);
+  return /* @__PURE__ */ jsx5(
+    Toast.Root,
+    {
+      ref: rectCallbackRef,
+      width: { md: "sm" },
+      css: {
+        "--toast-height": `${rect == null ? void 0 : rect.height}px`
+      },
+      children: props.children
+    }
+  );
+}
+export {
+  Toaster,
+  toast
+};

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

package/dist/toggle/index.d.cts

@@ -0,0 +1,3 @@
+export { Toggle } from '@chakra-ui/react/toggle';
+import '@chakra-ui/react/typography';
+import '@chakra-ui/react/visually-hidden';

package/dist/toggle/index.d.ts

@@ -0,0 +1,3 @@
+export { Toggle } from '@chakra-ui/react/toggle';
+import '@chakra-ui/react/typography';
+import '@chakra-ui/react/visually-hidden';

package/dist/toggle/index.js

@@ -0,0 +1,8 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/toggle/index.ts
+import { Toggle } from "@chakra-ui/react/toggle";
+export {
+  Toggle
+};

package/dist/{components/toggle-tip → toggle-tip}/index.cjs

@@ -204,6 +204,13 @@ var InfoIcon = createIcon({
     /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { d: "M12 8h.01" })
   ] })
 });
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
 
 // src/components/close-button/close-button.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");

package/dist/toggle-tip/index.d.cts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Popover } from '@chakra-ui/react/popover';
+
+type RootProps = Popover.RootProps;
+
+interface ToggleTipProps extends RootProps {
+    /**
+     * Whether to show the arrow.
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Whether to portall the content.
+     * @default true
+     */
+    portalled?: boolean;
+    /**
+     * The ref to the portal.
+     */
+    portalRef?: React.RefObject<HTMLElement>;
+    /**
+     * The content to display in the tooltip.
+     */
+    content?: React.ReactNode;
+    /**
+     * The trigger element.
+     */
+    children: React.ReactNode;
+}
+declare const ToggleTip: React.ForwardRefExoticComponent<ToggleTipProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ToggleTip, type ToggleTipProps };

package/dist/toggle-tip/index.d.ts

@@ -0,0 +1,32 @@
+import * as React from 'react';
+import { Popover } from '@chakra-ui/react/popover';
+
+type RootProps = Popover.RootProps;
+
+interface ToggleTipProps extends RootProps {
+    /**
+     * Whether to show the arrow.
+     * @default true
+     */
+    showArrow?: boolean;
+    /**
+     * Whether to portall the content.
+     * @default true
+     */
+    portalled?: boolean;
+    /**
+     * The ref to the portal.
+     */
+    portalRef?: React.RefObject<HTMLElement>;
+    /**
+     * The content to display in the tooltip.
+     */
+    content?: React.ReactNode;
+    /**
+     * The trigger element.
+     */
+    children: React.ReactNode;
+}
+declare const ToggleTip: React.ForwardRefExoticComponent<ToggleTipProps & React.RefAttributes<HTMLDivElement>>;
+
+export { ToggleTip, type ToggleTipProps };

package/dist/toggle-tip/index.js

@@ -0,0 +1,263 @@
+'use client'
+import {
+  __export
+} from "../chunk-RTMS5TJN.js";
+
+// src/components/toggle-tip/toggle-tip.tsx
+import * as React2 from "react";
+
+// 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
+});
+import * as React from "react";
+import { Popover as ChakraPopover } from "@chakra-ui/react/popover";
+import { Portal } from "@chakra-ui/react/portal";
+
+// src/components/close-button/close-button.tsx
+import { forwardRef as forwardRef2 } from "react";
+
+// src/components/icon-button/icon-button.tsx
+import { forwardRef } from "react";
+
+// src/components/button/index.ts
+import { Button } from "@chakra-ui/react/button";
+
+// src/components/icon-button/icon-button.tsx
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/icons/create-icon.tsx
+import { createIcon as _createIcon } from "@chakra-ui/react/icon";
+var createIcon = (props) => {
+  return _createIcon({
+    viewBox: "0 0 24 24",
+    defaultProps: {
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    },
+    ...props
+  });
+};
+
+// src/components/icons/icons.tsx
+import { Fragment, jsx as jsx2, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx2("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx2("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ jsx2("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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx2("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("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__ */ jsx2("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx2("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx2("g", { children: /* @__PURE__ */ jsx2("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx2("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx2("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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx2("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx2("path", { d: "M12 8h.01" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx2("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ jsx2("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/close-button/close-button.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var CloseButton = forwardRef2(
+  function CloseButton2(props, ref) {
+    var _a;
+    return /* @__PURE__ */ jsx3(IconButton, { variant: "ghost", "aria-label": "Close", ref, ...props, children: (_a = props.children) != null ? _a : /* @__PURE__ */ jsx3(CloseIcon, {}) });
+  }
+);
+
+// src/components/popover/popover.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Content = React.forwardRef(
+  function PopoverContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx4(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx4(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx4(ChakraPopover.Content, { ref, ...rest }) }) });
+  }
+);
+var Arrow = React.forwardRef(
+  function PopoverArrow(props, ref) {
+    return /* @__PURE__ */ jsx4(ChakraPopover.Arrow, { ...props, ref, children: /* @__PURE__ */ jsx4(ChakraPopover.ArrowTip, {}) });
+  }
+);
+var CloseButton3 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
+  return /* @__PURE__ */ jsx4(
+    ChakraPopover.CloseTrigger,
+    {
+      position: "absolute",
+      top: "1",
+      insetEnd: "1",
+      ...props,
+      asChild: true,
+      ref,
+      children: /* @__PURE__ */ jsx4(CloseButton, { size: "sm" })
+    }
+  );
+});
+var CloseTrigger = ChakraPopover.CloseTrigger;
+var Title = ChakraPopover.Title;
+var Description = ChakraPopover.Description;
+var Footer = ChakraPopover.Footer;
+var Header = ChakraPopover.Header;
+var Root = ChakraPopover.Root;
+var Body = ChakraPopover.Body;
+var Trigger = ChakraPopover.Trigger;
+
+// src/components/toggle-tip/toggle-tip.tsx
+import { jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var ToggleTip = React2.forwardRef(
+  function ToggleTip2(props, ref) {
+    const {
+      showArrow,
+      children,
+      portalled = true,
+      content,
+      portalRef,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs2(popover_exports.Root, { ...rest, positioning: { ...rest.positioning, gutter: 4 }, children: [
+      /* @__PURE__ */ jsx5(popover_exports.Trigger, { asChild: true, children }),
+      /* @__PURE__ */ jsxs2(
+        popover_exports.Content,
+        {
+          width: "auto",
+          px: "2",
+          py: "1",
+          textStyle: "xs",
+          rounded: "sm",
+          portalled,
+          ref,
+          children: [
+            showArrow && /* @__PURE__ */ jsx5(popover_exports.Arrow, {}),
+            content
+          ]
+        }
+      )
+    ] });
+  }
+);
+export {
+  ToggleTip
+};

package/dist/{components/tooltip → tooltip}/index.d.cts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Tooltip as Tooltip$1 } from '@chakra-ui/react/tooltip';
 
 interface TooltipProps extends Tooltip$1.RootProps {
@@ -9,6 +9,6 @@ interface TooltipProps extends Tooltip$1.RootProps {
     contentProps?: Tooltip$1.ContentProps;
     disabled?: boolean;
 }
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
 
 export { Tooltip, type TooltipProps };

package/dist/{components/tooltip → tooltip}/index.d.ts

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 import { Tooltip as Tooltip$1 } from '@chakra-ui/react/tooltip';
 
 interface TooltipProps extends Tooltip$1.RootProps {
@@ -9,6 +9,6 @@ interface TooltipProps extends Tooltip$1.RootProps {
     contentProps?: Tooltip$1.ContentProps;
     disabled?: boolean;
 }
-declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLDivElement>>;
+declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipProps & React$1.RefAttributes<HTMLDivElement>>;
 
 export { Tooltip, type TooltipProps };

package/dist/{chunk-7MCVXFWM.js → tooltip/index.js}

@@ -1,4 +1,5 @@
 'use client'
+import "../chunk-RTMS5TJN.js";
 
 // src/components/tooltip/tooltip.tsx
 import { forwardRef } from "react";
@@ -27,7 +28,6 @@ var Tooltip = forwardRef(
     ] });
   }
 );
-
 export {
   Tooltip
 };