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

package/dist/typography/index.cjs

@@ -0,0 +1,37 @@
+'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/typography/index.ts
+var typography_exports = {};
+__export(typography_exports, {
+  Em: () => import_typography.Em,
+  Heading: () => import_typography.Heading,
+  Strong: () => import_typography.Strong,
+  Text: () => import_typography.Text
+});
+module.exports = __toCommonJS(typography_exports);
+var import_typography = require("@chakra-ui/react/typography");
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Em,
+  Heading,
+  Strong,
+  Text
+});

package/dist/typography/index.d.cts

@@ -0,0 +1 @@
+export { Em, EmProps, Heading, HeadingProps, Strong, StrongProps, Text, TextProps } from '@chakra-ui/react/typography';

package/dist/typography/index.d.ts

@@ -0,0 +1 @@
+export { Em, EmProps, Heading, HeadingProps, Strong, StrongProps, Text, TextProps } from '@chakra-ui/react/typography';

package/dist/typography/index.js

@@ -0,0 +1,16 @@
+'use client'
+import "../chunk-RTMS5TJN.js";
+
+// src/components/typography/index.ts
+import {
+  Em,
+  Heading,
+  Strong,
+  Text
+} from "@chakra-ui/react/typography";
+export {
+  Em,
+  Heading,
+  Strong,
+  Text
+};

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

package/dist/visually-hidden/index.d.cts

@@ -0,0 +1 @@
+export { VisuallyHidden } from '@chakra-ui/react/visually-hidden';

package/dist/visually-hidden/index.d.ts

@@ -0,0 +1 @@
+export { VisuallyHidden } from '@chakra-ui/react/visually-hidden';

package/dist/visually-hidden/index.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.0",
+  "version": "3.0.0-next.2",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -10,7 +10,13 @@
       "require": "./dist/index.cjs",
       "import": "./dist/index.js"
     },
-    "./theme/colors": {
+    "./preset": {
+      "sui": "./src/preset.ts",
+      "types": "./dist/preset.d.ts",
+      "require": "./dist/preset.cjs",
+      "import": "./dist/preset.js"
+    },
+    "./preset/colors": {
       "sui": "./src/theme/tokens/colors.ts",
       "types": "./dist/theme/tokens/colors.d.ts",
       "require": "./dist/theme/tokens/colors.cjs",
@@ -69,12 +75,12 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.0.1",
+    "@ark-ui/react": "^5.1.0",
     "@saas-ui/core": "3.0.0-next.0",
     "@saas-ui/hooks": "3.0.0-next.0"
   },
   "peerDependencies": {
-    "@chakra-ui/react": "^3.7.0",
+    "@chakra-ui/react": "^3.13.0",
     "@emotion/react": "^11",
     "react": ">=18",
     "react-dom": ">=18"

package/dist/chunk-2B5OZHZY.js

@@ -1,71 +0,0 @@
-'use client'
-import {
-  CheckIcon
-} from "./chunk-4XB7B73X.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/steps/steps.tsx
-var steps_exports = {};
-__export(steps_exports, {
-  CompletedContent: () => StepsCompletedContent,
-  Content: () => StepsContent,
-  Indicator: () => StepsIndicator,
-  Item: () => StepsItem,
-  List: () => StepsList,
-  NextTrigger: () => StepsNextTrigger,
-  PrevTrigger: () => StepsPrevTrigger,
-  Root: () => StepsRoot,
-  useContext: () => useStepsContext
-});
-import { Box } from "@chakra-ui/react/box";
-import { Steps as ChakraSteps, useStepsContext } from "@chakra-ui/react/steps";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StepsItem = (props) => {
-  const { title, description, completedIcon, icon, ...rest } = props;
-  return /* @__PURE__ */ jsxs(ChakraSteps.Item, { ...rest, children: [
-    /* @__PURE__ */ jsxs(ChakraSteps.Trigger, { children: [
-      /* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(
-        ChakraSteps.Status,
-        {
-          complete: completedIcon || /* @__PURE__ */ jsx(CheckIcon, {}),
-          incomplete: icon || /* @__PURE__ */ jsx(ChakraSteps.Number, {})
-        }
-      ) }),
-      /* @__PURE__ */ jsx(StepInfo, { title, description })
-    ] }),
-    /* @__PURE__ */ jsx(ChakraSteps.Separator, {})
-  ] });
-};
-var StepInfo = (props) => {
-  const { title, description } = props;
-  if (title && description) {
-    return /* @__PURE__ */ jsxs(Box, { children: [
-      /* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
-      /* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    title && /* @__PURE__ */ jsx(ChakraSteps.Title, { children: title }),
-    description && /* @__PURE__ */ jsx(ChakraSteps.Description, { children: description })
-  ] });
-};
-var StepsIndicator = (props) => {
-  const { icon = /* @__PURE__ */ jsx(ChakraSteps.Number, {}), completedIcon } = props;
-  return /* @__PURE__ */ jsx(ChakraSteps.Indicator, { children: /* @__PURE__ */ jsx(ChakraSteps.Status, { complete: completedIcon, incomplete: icon }) });
-};
-var StepsList = ChakraSteps.List;
-var StepsRoot = ChakraSteps.Root;
-var StepsContent = ChakraSteps.Content;
-var StepsCompletedContent = ChakraSteps.CompletedContent;
-var StepsNextTrigger = (props) => {
-  return /* @__PURE__ */ jsx(ChakraSteps.NextTrigger, { ...props });
-};
-var StepsPrevTrigger = (props) => {
-  return /* @__PURE__ */ jsx(ChakraSteps.PrevTrigger, { ...props });
-};
-
-export {
-  steps_exports
-};

package/dist/chunk-3DGRWH7C.js

@@ -1,101 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-H7KPEI6P.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/select/namespace.ts
-var namespace_exports = {};
-__export(namespace_exports, {
-  Content: () => SelectContent,
-  Item: () => SelectItem,
-  ItemGroup: () => SelectItemGroup,
-  ItemText: () => SelectItemText,
-  Label: () => SelectLabel,
-  Root: () => SelectRoot,
-  Trigger: () => SelectTrigger,
-  ValueText: () => SelectValueText
-});
-
-// src/components/select/select.tsx
-import { forwardRef } from "react";
-import { Portal } from "@chakra-ui/react/portal";
-import { Select as SelectPrimitive } from "@chakra-ui/react/select";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SelectTrigger = forwardRef(
-  function SelectTrigger2(props, ref) {
-    const { children, clearable, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.Control, { ...rest, children: [
-      /* @__PURE__ */ jsx(SelectPrimitive.Trigger, { ref, children }),
-      /* @__PURE__ */ jsxs(SelectPrimitive.IndicatorGroup, { children: [
-        clearable && /* @__PURE__ */ jsx(SelectClearTrigger, {}),
-        /* @__PURE__ */ jsx(SelectPrimitive.Indicator, {})
-      ] })
-    ] });
-  }
-);
-var SelectClearTrigger = forwardRef(function SelectClearTrigger2(props, ref) {
-  return /* @__PURE__ */ jsx(SelectPrimitive.ClearTrigger, { asChild: true, ...props, ref, children: /* @__PURE__ */ jsx(
-    CloseButton,
-    {
-      size: "xs",
-      variant: "plain",
-      focusVisibleRing: "inside",
-      focusRingWidth: "2px",
-      pointerEvents: "auto"
-    }
-  ) });
-});
-var SelectContent = forwardRef(
-  function SelectContent2(props, ref) {
-    const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(SelectPrimitive.Positioner, { children: /* @__PURE__ */ jsx(SelectPrimitive.Content, { ...rest, ref }) }) });
-  }
-);
-var SelectItem = forwardRef(
-  function SelectItem2(props, ref) {
-    const { item, children, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.Item, { item, ...rest, ref, children: [
-      children,
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, {})
-    ] }, item.value);
-  }
-);
-var SelectValueText = forwardRef(function SelectValueText2(props, ref) {
-  const { children, ...rest } = props;
-  return /* @__PURE__ */ jsx(SelectPrimitive.ValueText, { ...rest, ref, children: /* @__PURE__ */ jsx(SelectPrimitive.Context, { children: (select) => {
-    const items = select.selectedItems;
-    if (items.length === 0) return props.placeholder;
-    if (children) return children(items);
-    if (items.length === 1)
-      return select.collection.stringifyItem(items[0]);
-    return `${items.length} selected`;
-  } }) });
-});
-var SelectRoot = forwardRef(function SelectRoot2(props, ref) {
-  return /* @__PURE__ */ jsx(
-    SelectPrimitive.Root,
-    {
-      ...props,
-      ref,
-      positioning: { sameWidth: true, ...props.positioning }
-    }
-  );
-});
-var SelectItemGroup = forwardRef(
-  function SelectItemGroup2(props, ref) {
-    const { children, label, ...rest } = props;
-    return /* @__PURE__ */ jsxs(SelectPrimitive.ItemGroup, { ...rest, ref, children: [
-      /* @__PURE__ */ jsx(SelectPrimitive.ItemGroupLabel, { children: label }),
-      children
-    ] });
-  }
-);
-var SelectLabel = SelectPrimitive.Label;
-var SelectItemText = SelectPrimitive.ItemText;
-
-export {
-  namespace_exports
-};

package/dist/chunk-77QJSEEA.js

@@ -1,68 +0,0 @@
-'use client'
-import {
-  Spinner
-} from "./chunk-MK3OG2I4.js";
-import {
-  CloseButton
-} from "./chunk-H7KPEI6P.js";
-
-// 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";
-import { jsx, jsxs } 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__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(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__ */ jsxs(ToastRoot, { children: [
-      toast2.type === "loading" ? /* @__PURE__ */ jsx(Spinner, { size: "sm", color: "colorPalette.solid", mt: "0.5" }) : /* @__PURE__ */ jsx(Toast.Indicator, {}),
-      /* @__PURE__ */ jsxs(Stack, { gap: "1", flex: "1", maxWidth: "100%", children: [
-        toast2.title && /* @__PURE__ */ jsx(Toast.Title, { children: toast2.title }),
-        toast2.description && /* @__PURE__ */ jsx(Toast.Description, { children: toast2.description }),
-        toast2.action && /* @__PURE__ */ jsx(Toast.ActionTrigger, { children: toast2.action.label })
-      ] }),
-      closable !== false && /* @__PURE__ */ jsx(Toast.CloseTrigger, { children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
-    ] });
-  } }) });
-};
-function ToastRoot(props) {
-  const [rect, setRect] = useState();
-  const rectCallbackRef = useCallback((el) => {
-    setRect(el == null ? void 0 : el.getBoundingClientRect());
-  }, []);
-  return /* @__PURE__ */ jsx(
-    Toast.Root,
-    {
-      ref: rectCallbackRef,
-      width: { md: "sm" },
-      css: {
-        "--toast-height": `${rect == null ? void 0 : rect.height}px`
-      },
-      children: props.children
-    }
-  );
-}
-
-export {
-  toast,
-  Toaster
-};

package/dist/chunk-EYOHLXWQ.js

@@ -1,64 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-H7KPEI6P.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/dialog/dialog.tsx
-var dialog_exports = {};
-__export(dialog_exports, {
-  ActionTrigger: () => ActionTrigger,
-  Backdrop: () => Backdrop,
-  Body: () => Body,
-  CloseButton: () => CloseButton2,
-  CloseTrigger: () => CloseTrigger,
-  Content: () => Content,
-  Context: () => Context,
-  Description: () => Description,
-  DialogContext: () => DialogContext,
-  Footer: () => Footer,
-  Header: () => Header,
-  Root: () => Root,
-  Title: () => Title,
-  Trigger: () => Trigger
-});
-import { forwardRef } from "react";
-import { Dialog as ChakraDialog } from "@chakra-ui/react/dialog";
-import { Portal } from "@chakra-ui/react/portal";
-import { DialogContext } from "@ark-ui/react/dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Content = forwardRef(
-  function DialogContent(props, ref) {
-    const {
-      children,
-      portalled = true,
-      portalRef,
-      backdrop = true,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsxs(Portal, { disabled: !portalled, container: portalRef, children: [
-      backdrop && /* @__PURE__ */ jsx(ChakraDialog.Backdrop, {}),
-      /* @__PURE__ */ jsx(ChakraDialog.Positioner, { children: /* @__PURE__ */ jsx(ChakraDialog.Content, { ref, ...rest, asChild: false, children }) })
-    ] });
-  }
-);
-var CloseButton2 = forwardRef(function DialogCloseTrigger(props, ref) {
-  return /* @__PURE__ */ jsx(ChakraDialog.CloseTrigger, { ...props, asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref, children: props.children }) });
-});
-var CloseTrigger = ChakraDialog.CloseTrigger;
-var Root = ChakraDialog.Root;
-var Context = ChakraDialog.Context;
-var Footer = ChakraDialog.Footer;
-var Header = ChakraDialog.Header;
-var Body = ChakraDialog.Body;
-var Backdrop = ChakraDialog.Backdrop;
-var Title = ChakraDialog.Title;
-var Description = ChakraDialog.Description;
-var Trigger = ChakraDialog.Trigger;
-var ActionTrigger = ChakraDialog.ActionTrigger;
-
-export {
-  dialog_exports
-};

package/dist/chunk-HKMYYESV.js

@@ -1,34 +0,0 @@
-'use client'
-import {
-  InputElement
-} from "./chunk-5MTFSSOH.js";
-
-// src/components/input-group/input-group.tsx
-import { cloneElement, forwardRef, isValidElement } from "react";
-import { Group } from "@chakra-ui/react/group";
-import { jsx, jsxs } from "react/jsx-runtime";
-var InputGroup = forwardRef(
-  function InputGroup2(props, ref) {
-    const {
-      startElement,
-      startElementProps,
-      endElement,
-      endElementProps,
-      children,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ jsxs(Group, { ref, display: "flex", ...rest, children: [
-      startElement && /* @__PURE__ */ jsx(InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
-      isValidElement(children) && cloneElement(children, {
-        ...startElement && { ps: "calc(var(--input-height) - 6px)" },
-        ...endElement && { pe: "calc(var(--input-height) - 6px)" },
-        ...children.props
-      }),
-      endElement && /* @__PURE__ */ jsx(InputElement, { placement: "end", ...endElementProps, children: endElement })
-    ] });
-  }
-);
-
-export {
-  InputGroup
-};

package/dist/chunk-JMYI6YXR.js

@@ -1 +0,0 @@
-'use client'

package/dist/chunk-JPY2QZLC.js

@@ -1,64 +0,0 @@
-'use client'
-import {
-  CloseButton
-} from "./chunk-H7KPEI6P.js";
-import {
-  __export
-} from "./chunk-RTMS5TJN.js";
-
-// src/components/popover/popover.tsx
-var popover_exports = {};
-__export(popover_exports, {
-  Arrow: () => Arrow,
-  Body: () => Body,
-  CloseButton: () => CloseButton2,
-  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";
-import { jsx } from "react/jsx-runtime";
-var Content = React.forwardRef(
-  function PopoverContent(props, ref) {
-    const { portalled = true, portalRef, ...rest } = props;
-    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraPopover.Positioner, { children: /* @__PURE__ */ jsx(ChakraPopover.Content, { ref, ...rest }) }) });
-  }
-);
-var Arrow = React.forwardRef(
-  function PopoverArrow(props, ref) {
-    return /* @__PURE__ */ jsx(ChakraPopover.Arrow, { ...props, ref, children: /* @__PURE__ */ jsx(ChakraPopover.ArrowTip, {}) });
-  }
-);
-var CloseButton2 = React.forwardRef(function PopoverCloseTrigger(props, ref) {
-  return /* @__PURE__ */ jsx(
-    ChakraPopover.CloseTrigger,
-    {
-      position: "absolute",
-      top: "1",
-      insetEnd: "1",
-      ...props,
-      asChild: true,
-      ref,
-      children: /* @__PURE__ */ jsx(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;
-
-export {
-  popover_exports
-};

package/dist/chunk-KTLWEUNW.js

@@ -1 +0,0 @@
-'use client'

package/dist/chunk-SXFVA6CX.js

@@ -1,20 +0,0 @@
-'use client'
-import {
-  useLink
-} from "./chunk-O2WVT2BP.js";
-
-// src/components/link/link.tsx
-import React from "react";
-import { Link as ChakraLink } from "@chakra-ui/react/link";
-import { jsx } from "react/jsx-runtime";
-var Link = React.forwardRef(
-  (props, ref) => {
-    const LinkComponent = useLink();
-    return /* @__PURE__ */ jsx(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx(LinkComponent, { ref, ...props }) });
-  }
-);
-Link.displayName = "Link";
-
-export {
-  Link
-};