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

package/dist/theme/tokens/colors.js

@@ -1,7 +0,0 @@
-'use client'
-import {
-  colors
-} from "../../chunk-KNFGYOLD.js";
-export {
-  colors
-};

package/dist/timeline/index.d.cts

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

package/dist/timeline/index.d.ts

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

package/dist/timeline/index.js

@@ -1,7 +0,0 @@
-'use client'
-
-// src/components/timeline/index.ts
-import { Timeline } from "@chakra-ui/react/timeline";
-export {
-  Timeline
-};

package/dist/toaster/index.cjs

@@ -1,264 +0,0 @@
-'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/toaster/index.ts
-var toaster_exports = {};
-__export(toaster_exports, {
-  Toaster: () => Toaster,
-  toast: () => toast
-});
-module.exports = __toCommonJS(toaster_exports);
-
-// src/components/toaster/toaster.tsx
-var import_react4 = require("react");
-var import_portal = require("@chakra-ui/react/portal");
-var import_stack = require("@chakra-ui/react/stack");
-var import_toast = require("@chakra-ui/react/toast");
-
-// src/components/close-button/close-button.tsx
-var import_react2 = require("react");
-
-// 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" })
-  ] })
-});
-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");
-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/spinner/spinner.tsx
-var import_react3 = require("react");
-var import_spinner = require("@chakra-ui/react/spinner");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Spinner = (0, import_react3.forwardRef)(
-  function Spinner2(props, ref) {
-    const { loading, children, ...rest } = props;
-    if (loading === false) {
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, { children });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_spinner.Spinner, { ref, ...rest });
-  }
-);
-
-// src/components/toaster/toaster.tsx
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var defaultOptions = {
-  placement: "bottom-end",
-  pauseOnPageIdle: true
-};
-var toast = (0, import_toast.createToaster)(defaultOptions);
-var Toaster = (props) => {
-  const { closable: defaultClosable = true, ...options } = props || {};
-  const toaster = (0, import_react4.useMemo)(() => {
-    toast = (0, import_toast.createToaster)({
-      ...defaultOptions,
-      ...options
-    });
-    return toast;
-  }, [options]);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_portal.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toaster, { 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__ */ (0, import_jsx_runtime5.jsxs)(ToastRoot, { children: [
-      toast2.type === "loading" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Indicator, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_stack.Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-        toast2.title && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.Description, { children: toast2.description }),
-        toast2.action && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.ActionTrigger, { children: toast2.action.label })
-      ] }),
-      closable !== false && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_toast.Toast.CloseTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CloseButton, { size: "xs" }) })
-    ] });
-  } }) });
-};
-function ToastRoot(props) {
-  const [rect, setRect] = (0, import_react4.useState)();
-  const rectCallbackRef = (0, import_react4.useCallback)((el) => {
-    setRect(el == null ? void 0 : el.getBoundingClientRect());
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_toast.Toast.Root,
-    {
-      ref: rectCallbackRef,
-      width: { md: "sm" },
-      css: {
-        "--toast-height": `${rect == null ? void 0 : rect.height}px`
-      },
-      children: props.children
-    }
-  );
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Toaster,
-  toast
-});

package/dist/toaster/index.d.cts

@@ -1,235 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { CreateToasterProps } from '@chakra-ui/react/toast';
-
-type NonNullable<T> = T extends null | undefined ? never : T;
-type Required<T> = {
-    [P in keyof T]-?: NonNullable<T[P]>;
-};
-type Direction = "ltr" | "rtl";
-interface CommonProperties {
-    /**
-     * The unique identifier of the machine.
-     */
-    id: string;
-    /**
-     * A root node to correctly resolve document in custom environments. E.x.: Iframes, Electron.
-     */
-    getRootNode?: (() => ShadowRoot | Document | Node) | undefined;
-}
-
-type Type = "success" | "error" | "loading" | "info" | (string & {});
-type Placement = "top-start" | "top" | "top-end" | "bottom-start" | "bottom" | "bottom-end";
-type Status = "visible" | "dismissing" | "unmounted";
-interface StatusChangeDetails {
-    /**
-     * The status of the toast
-     */
-    status: Status;
-    /**
-     * The reason for the status change
-     */
-    src?: string | undefined;
-}
-interface ActionOptions {
-    /**
-     * The label of the action
-     */
-    label: string;
-    /**
-     * The function to call when the action is clicked
-     */
-    onClick: () => void;
-}
-interface Options<T = any> {
-    /**
-     * The title of the toast.
-     */
-    title?: T | undefined;
-    /**
-     * The description of the toast.
-     */
-    description?: T | undefined;
-    /**
-     * The duration the toast will be visible
-     */
-    duration?: number | undefined;
-    /**
-     * The duration for the toast to kept alive before it is removed.
-     * Useful for exit transitions.
-     */
-    removeDelay?: number | undefined;
-    /**
-     * The unique id of the toast
-     */
-    id?: string | undefined;
-    /**
-     * The type of the toast
-     */
-    type?: Type | undefined;
-    /**
-     * Function called when the toast is visible
-     */
-    onStatusChange?: ((details: StatusChangeDetails) => void) | undefined;
-    /**
-     * The action of the toast
-     */
-    action?: ActionOptions | undefined;
-    /**
-     * Whether the toast is closable
-     */
-    closable?: boolean | undefined;
-    /**
-     * The metadata of the toast
-     */
-    meta?: Record<string, any> | undefined;
-}
-interface ToastProps<T = any> extends Omit<CommonProperties, "id">, Options<T> {
-    /**
-     * The direction of the toast
-     */
-    dir?: Direction | undefined;
-    /**
-     * The gap of the toast
-     */
-    gap?: number;
-}
-interface ToastStoreProps {
-    /**
-     * The placement of the toast
-     * @default "bottom"
-     */
-    placement?: Placement | undefined;
-    /**
-     * The maximum number of toasts
-     * @default 24
-     */
-    max?: number | undefined;
-    /**
-     * Whether to overlap the toasts
-     */
-    overlap?: boolean | undefined;
-    /**
-     * The duration of the toast.
-     * By default, it is determined by the type of the toast.
-     */
-    duration?: number | undefined;
-    /**
-     * The gap between the toasts
-     * @default 16
-     */
-    gap?: number | undefined;
-    /**
-     * The offset from the safe environment edge of the viewport
-     * @default "1rem"
-     */
-    offsets?: string | Record<"left" | "right" | "bottom" | "top", string> | undefined;
-    /**
-     * The hotkey that will move focus to the toast group
-     * @default '["altKey", "KeyT"]'
-     */
-    hotkey?: string[] | undefined;
-    /**
-     * The duration for the toast to kept alive before it is removed.
-     * Useful for exit transitions.
-     *
-     * @default 200
-     */
-    removeDelay?: number | undefined;
-    /**
-     * Whether to pause toast when the user leaves the browser tab
-     * @default false
-     */
-    pauseOnPageIdle?: boolean | undefined;
-}
-interface ToastStore<V = any> {
-    /**
-     * The attributes of the toast store
-     */
-    attrs: Required<ToastStoreProps>;
-    /**
-     * Subscribe to the toast store
-     */
-    subscribe: (subscriber: (...args: any[]) => void) => VoidFunction;
-    /**
-     * Create a new toast with the given options
-     */
-    create: (data: Options<V>) => string;
-    /**
-     * Update an existing toast with new properties
-     */
-    update: (id: string, data: Partial<ToastProps<V>>) => string;
-    /**
-     * Remove a toast by its ID
-     */
-    remove: (id: string) => void;
-    /**
-     * Dismiss a toast by its ID. If no ID is provided, dismisses all toasts
-     */
-    dismiss: (id?: string) => void;
-    /**
-     * Create an error toast with the given options
-     */
-    error: (data: Options<V>) => void;
-    /**
-     * Create a success toast with the given options
-     */
-    success: (data: Options<V>) => void;
-    /**
-     * Create an info toast with the given options
-     */
-    info: (data: Options<V>) => void;
-    /**
-     * Create a warning toast with the given options
-     */
-    warning: (data: Options<V>) => void;
-    /**
-     * Create a loading toast with the given options
-     */
-    loading: (data: Options<V>) => void;
-    /**
-     * Get all currently visible toasts
-     */
-    getVisibleToasts: () => Partial<ToastProps<V>>[];
-    /**
-     * Get the total number of toasts
-     */
-    getCount: () => number;
-    /**
-     * Create a toast that tracks a promise's state
-     */
-    promise: <T>(promise: Promise<T> | (() => Promise<T>), options: PromiseOptions<T, V>, shared?: Omit<Options<V>, "type">) => {
-        id: string | undefined;
-        unwrap: () => Promise<T>;
-    } | undefined;
-    /**
-     * Pause a toast's auto-dismiss timer. If no ID is provided, pauses all toasts
-     */
-    pause: (id?: string) => void;
-    /**
-     * Resume a toast's auto-dismiss timer. If no ID is provided, resumes all toasts
-     */
-    resume: (id?: string) => void;
-    /**
-     * Check if a toast with the given ID is currently visible
-     */
-    isVisible: (id: string) => boolean;
-    /**
-     * Check if a toast with the given ID has been dismissed
-     */
-    isDismissed: (id: string) => boolean;
-}
-type MaybeFunction<Value, Args> = Value | ((arg: Args) => Value);
-interface PromiseOptions<V, O = any> {
-    loading?: Omit<Options<O>, "type">;
-    success?: MaybeFunction<Omit<Options<O>, "type">, V>;
-    error?: MaybeFunction<Omit<Options<O>, "type">, unknown>;
-    finally?: (() => void | Promise<void>) | undefined;
-}
-
-declare let toast: ToastStore<any>;
-interface ToasterProps extends Partial<CreateToasterProps> {
-    closable?: boolean;
-}
-declare const Toaster: (props?: ToasterProps) => react_jsx_runtime.JSX.Element;
-
-export { Toaster, type ToasterProps, toast };