@saas-ui/react 3.0.0-next.1 → 3.0.0-next.11

package/dist/preset.d.cts

@@ -0,0 +1,3 @@
+export { defaultSystem_alias_1 as defaultSystem } from './_tsup-dts-rollup.cjs';
+export { system } from './_tsup-dts-rollup.cjs';
+export { defaultConfig_alias_1 as defaultConfig } from './_tsup-dts-rollup.cjs';

package/dist/preset.d.ts

@@ -0,0 +1,3 @@
+export { defaultSystem_alias_1 as defaultSystem } from './_tsup-dts-rollup.js';
+export { system } from './_tsup-dts-rollup.js';
+export { defaultConfig_alias_1 as defaultConfig } from './_tsup-dts-rollup.js';

package/dist/preset.js

@@ -0,0 +1,12 @@
+'use client'
+import {
+  defaultConfig,
+  defaultSystem
+} from "./chunk-NKUBVRXY.js";
+import "./chunk-QAAKAKP7.js";
+import "./chunk-RTMS5TJN.js";
+export {
+  defaultConfig,
+  defaultSystem,
+  defaultSystem as system
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saas-ui/react",
-  "version": "3.0.0-next.1",
+  "version": "3.0.0-next.11",
   "description": "Saas UI - The React component library for startups.",
   "type": "module",
   "exports": {
@@ -10,11 +10,17 @@
       "require": "./dist/index.cjs",
       "import": "./dist/index.js"
     },
-    "./theme/colors": {
-      "sui": "./src/theme/tokens/colors.ts",
-      "types": "./dist/theme/tokens/colors.d.ts",
-      "require": "./dist/theme/tokens/colors.cjs",
-      "import": "./dist/theme/tokens/colors.js"
+    "./preset": {
+      "sui": "./src/preset.ts",
+      "types": "./dist/preset.d.ts",
+      "require": "./dist/preset.cjs",
+      "import": "./dist/preset.js"
+    },
+    "./colors": {
+      "sui": "./src/colors.ts",
+      "types": "./dist/colors.d.ts",
+      "require": "./dist/colors.cjs",
+      "import": "./dist/colors.js"
     },
     "./*": {
       "sui": "./src/components/*/index.ts",
@@ -24,15 +30,21 @@
     }
   },
   "imports": {
-    "#system": "./src/system",
-    "#components/*": "./src/components/*"
+    "#components/*": [
+      "./src/components/*",
+      "./src/components/*/index.ts",
+      "./dist/components/*/index.cjs",
+      "./dist/components/*/index.js"
+    ]
   },
   "main": "./dist/index.cjs",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "scripts": {
     "clean": "rimraf --no-glob ./dist",
-    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup --config tsup.config.ts",
+    "build": "NODE_OPTIONS='--max-old-space-size=16384' tsup --config tsup.config.ts ",
+    "build:components": "tsup --config tsup.components.config.ts --dts-only",
+    "build:types": "tsc --emitDeclarationOnly --outDir dist --project tsconfig.json",
     "lint": "eslint src --ext .ts,.tsx,.js,.jsx --config ../../.eslintrc.js",
     "lint:staged": "lint-staged --allow-empty --config ../../lint-staged.config.js",
     "typecheck": "tsc --noEmit"
@@ -69,18 +81,20 @@
     "url": "https://storybook.saas-ui.dev"
   },
   "dependencies": {
-    "@ark-ui/react": "^5.0.1",
-    "@saas-ui/core": "3.0.0-next.0",
+    "@ark-ui/react": "^5.1.0",
+    "@saas-ui/core": "3.0.0-next.2",
     "@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"
   },
   "devDependencies": {
     "react-icons": "^5.5.0",
-    "tsup": "^8.4.0"
+    "rimraf": "^6.0.1",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.2"
   }
 }

package/dist/chunk-BFO2S4Y5.js

@@ -1,12 +0,0 @@
-'use client'
-
-// src/components/skip-nav-link/index.ts
-import {
-  SkipNavLink,
-  SkipNavContent
-} from "@chakra-ui/react/skip-nav";
-
-export {
-  SkipNavLink,
-  SkipNavContent
-};

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/components/input-group/index.cjs

@@ -1,61 +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/input-group/index.ts
-var input_group_exports = {};
-__export(input_group_exports, {
-  InputGroup: () => InputGroup
-});
-module.exports = __toCommonJS(input_group_exports);
-
-// src/components/input-group/input-group.tsx
-var import_react = require("react");
-var import_group = require("@chakra-ui/react/group");
-
-// src/components/input/index.ts
-var import_input = require("@chakra-ui/react/input");
-
-// src/components/input-group/input-group.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var InputGroup = (0, import_react.forwardRef)(
-  function InputGroup2(props, ref) {
-    const {
-      startElement,
-      startElementProps,
-      endElement,
-      endElementProps,
-      children,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_group.Group, { ref, display: "flex", ...rest, children: [
-      startElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
-      (0, import_react.isValidElement)(children) && (0, import_react.cloneElement)(children, {
-        ...startElement && { ps: "calc(var(--input-height) - 6px)" },
-        ...endElement && { pe: "calc(var(--input-height) - 6px)" },
-        ...children.props
-      }),
-      endElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_input.InputElement, { placement: "end", ...endElementProps, children: endElement })
-    ] });
-  }
-);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  InputGroup
-});

package/dist/components/input-group/index.d.cts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { GroupProps } from '@chakra-ui/react/group';
-import { InputElementProps } from '@chakra-ui/react/input';
-
-interface InputGroupProps extends GroupProps {
-    startElementProps?: InputElementProps;
-    endElementProps?: InputElementProps;
-    startElement?: React.ReactNode;
-    endElement?: React.ReactNode;
-    children: React.ReactNode;
-}
-declare const InputGroup: react.ForwardRefExoticComponent<InputGroupProps & react.RefAttributes<HTMLDivElement>>;
-
-export { InputGroup, type InputGroupProps };

package/dist/components/input-group/index.d.ts

@@ -1,14 +0,0 @@
-import * as react from 'react';
-import { GroupProps } from '@chakra-ui/react/group';
-import { InputElementProps } from '@chakra-ui/react/input';
-
-interface InputGroupProps extends GroupProps {
-    startElementProps?: InputElementProps;
-    endElementProps?: InputElementProps;
-    startElement?: React.ReactNode;
-    endElement?: React.ReactNode;
-    children: React.ReactNode;
-}
-declare const InputGroup: react.ForwardRefExoticComponent<InputGroupProps & react.RefAttributes<HTMLDivElement>>;
-
-export { InputGroup, type InputGroupProps };

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

@@ -1,9 +0,0 @@
-'use client'
-import {
-  InputGroup
-} from "../../chunk-HKMYYESV.js";
-import "../../chunk-5MTFSSOH.js";
-import "../../chunk-RTMS5TJN.js";
-export {
-  InputGroup
-};

package/dist/index-zAqswhEI.d.cts

@@ -1,37 +0,0 @@
-import * as react from 'react';
-import { Popover } from '@chakra-ui/react/popover';
-
-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 { type RootProps as R, popover as p };

package/dist/index-zAqswhEI.d.ts

@@ -1,37 +0,0 @@
-import * as react from 'react';
-import { Popover } from '@chakra-ui/react/popover';
-
-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 { type RootProps as R, popover as p };

package/dist/loading-overlay-BQ4lOS6T.d.ts

@@ -1,23 +0,0 @@
-import { SpinnerProps } from './components/spinner/index.js';
-import react__default from 'react';
-import { PresenceBaseProps } from '@ark-ui/react/presence';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
-
-interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
-    /**
-     * Show or hide the LoadingOverlay.
-     * @default true
-     */
-    loading?: boolean;
-}
-declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
-declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
-interface LoadingTextProps extends HTMLChakraProps<'p'> {
-}
-declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
-
-declare namespace loadingOverlay {
-  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
-}
-
-export { loadingOverlay as l };

package/dist/loading-overlay-afP_W7ru.d.cts

@@ -1,23 +0,0 @@
-import { SpinnerProps } from './components/spinner/index.cjs';
-import react__default from 'react';
-import { PresenceBaseProps } from '@ark-ui/react/presence';
-import { HTMLChakraProps, SlotRecipeProps } from '@chakra-ui/react';
-
-interface LoadingOverlayProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiLoadingOverlay'>, PresenceBaseProps {
-    /**
-     * Show or hide the LoadingOverlay.
-     * @default true
-     */
-    loading?: boolean;
-}
-declare const LoadingOverlayRoot: react__default.ForwardRefExoticComponent<LoadingOverlayProps & react__default.RefAttributes<HTMLDivElement>>;
-declare const LoadingOverlaySpinner: react__default.ForwardRefExoticComponent<SpinnerProps & react__default.RefAttributes<HTMLDivElement>>;
-interface LoadingTextProps extends HTMLChakraProps<'p'> {
-}
-declare const LoadingOverlayText: react__default.ForwardRefExoticComponent<LoadingTextProps & react__default.RefAttributes<HTMLParagraphElement>>;
-
-declare namespace loadingOverlay {
-  export { LoadingOverlayRoot as Root, type LoadingOverlayProps as RootProps, LoadingOverlaySpinner as Spinner, LoadingOverlayText as Text, type LoadingTextProps as TextProps };
-}
-
-export { loadingOverlay as l };