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

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @saas-ui/react
 
+## 3.0.0-next.2
+
+### Minor Changes
+
+- ec22a57: Re-export all remaining Chakra UI components
+- 928abff: Added Page and BackButton component
+
+### Patch Changes
+
+- 26f5452: Added /preset export that exports the Chakra UI preset
+
+## 3.0.0-next.1
+
+### Patch Changes
+
+- f13c1ce: Fixed issue where types were not exported with type prefix
+
 ## 3.0.0-next.0
 
 ### Major Changes

package/dist/{components/accordion → accordion}/index.cjs

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

package/dist/{chunk-SD2NTPHR.js → accordion/index.js}

@@ -1,10 +1,10 @@
 'use client'
 import {
   ChevronRightIcon
-} from "./chunk-4XB7B73X.js";
+} from "../chunk-V5WPZT25.js";
 import {
   __export
-} from "./chunk-RTMS5TJN.js";
+} from "../chunk-RTMS5TJN.js";
 
 // src/components/accordion/accordion.tsx
 var accordion_exports = {};
@@ -38,7 +38,6 @@ var ItemContent = React.forwardRef(
 );
 var Root = Accordion.Root;
 var Item = Accordion.Item;
-
 export {
-  accordion_exports
+  accordion_exports as Accordion
 };

package/dist/{components/action-bar → action-bar}/index.cjs

@@ -185,6 +185,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/{chunk-AY7C4U2O.js → action-bar/index.js}

@@ -1,10 +1,11 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "../chunk-4F7N63LO.js";
+import "../chunk-V5WPZT25.js";
 import {
   __export
-} from "./chunk-RTMS5TJN.js";
+} from "../chunk-RTMS5TJN.js";
 
 // src/components/action-bar/action-bar.tsx
 var action_bar_exports = {};
@@ -33,7 +34,6 @@ var SelectionTrigger = ActionBar.SelectionTrigger;
 var Separator = ActionBar.Separator;
 var Content = ActionBarContent;
 var CloseButton2 = ActionBarCloseButton;
-
 export {
-  action_bar_exports
+  action_bar_exports as ActionBar
 };

package/dist/{components/alert → alert}/index.cjs

@@ -176,6 +176,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/{chunk-HTQRA26F.js → alert/index.js}

@@ -1,7 +1,9 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-H7KPEI6P.js";
+} from "../chunk-4F7N63LO.js";
+import "../chunk-V5WPZT25.js";
+import "../chunk-RTMS5TJN.js";
 
 // src/components/alert/alert.tsx
 import { forwardRef } from "react";
@@ -40,7 +42,6 @@ var Alert = forwardRef(
     ] });
   }
 );
-
 export {
   Alert
 };

package/dist/{chunk-YTTZX7ZE.js → app-shell/index.js}

@@ -1,4 +1,5 @@
 'use client'
+import "../chunk-RTMS5TJN.js";
 
 // src/components/app-shell/app-shell.tsx
 import { forwardRef } from "react";
@@ -39,7 +40,6 @@ var AppShell = forwardRef(
   }
 );
 AppShell.displayName = "AppShell";
-
 export {
   AppShell
 };

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

package/dist/aspect-ratio/index.d.cts

@@ -0,0 +1 @@
+export { AspectRatio, AspectRatioProps } from '@chakra-ui/react/aspect-ratio';

package/dist/aspect-ratio/index.d.ts

@@ -0,0 +1 @@
+export { AspectRatio, AspectRatioProps } from '@chakra-ui/react/aspect-ratio';

package/dist/aspect-ratio/index.js

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

package/dist/{chunk-FN7TU5F5.js → avatar/index.js}

@@ -37,7 +37,6 @@ var AvatarGroup = forwardRef(
     return /* @__PURE__ */ jsx(ChakraAvatar.PropsProvider, { value: { size, variant, borderless }, children: /* @__PURE__ */ jsx(Group, { gap: "0", spaceX: "-3", ref, ...rest }) });
   }
 );
-
 export {
   Avatar,
   AvatarGroup

package/dist/back-button/index.cjs

@@ -0,0 +1,227 @@
+'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/back-button/index.ts
+var back_button_exports = {};
+__export(back_button_exports, {
+  BackButton: () => BackButton
+});
+module.exports = __toCommonJS(back_button_exports);
+
+// src/components/back-button/back-button.tsx
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
+
+// 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_runtime = require("react/jsx-runtime");
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { fill: "none", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.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_runtime.jsx)("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("g", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__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" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/link/link.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_link = require("@chakra-ui/react/link");
+
+// src/provider/sui-provider.tsx
+var React = __toESM(require("react"), 1);
+var import_react = require("@chakra-ui/react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var SuiContext = React.createContext({});
+var useSui = () => React.useContext(SuiContext);
+
+// src/provider/use-link.tsx
+var import_react2 = require("@chakra-ui/react");
+function useLink() {
+  const context = useSui();
+  if (context == null ? void 0 : context.linkComponent) {
+    return context.linkComponent;
+  }
+  return import_react2.chakra.a;
+}
+
+// src/components/link/link.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Link = import_react3.default.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_link.Link, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
+// src/components/back-button/back-button.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var BackButton = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    const { href, variant = "ghost", mr = 2, children, ...rest } = props;
+    let content = children || /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(ArrowLeftIcon, {});
+    if (href) {
+      content = /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(Link, { href, children: content });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_react5.IconButton,
+      {
+        ref,
+        "aria-label": "Go back",
+        variant,
+        mr,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BackButton
+});

package/dist/back-button/index.d.cts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+interface BackButtonProps extends ButtonProps {
+    'aria-label'?: string;
+    href?: string;
+    children?: React.ReactNode;
+}
+declare const BackButton: react.ForwardRefExoticComponent<BackButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { BackButton, type BackButtonProps };

package/dist/back-button/index.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { ButtonProps } from '@chakra-ui/react';
+
+interface BackButtonProps extends ButtonProps {
+    'aria-label'?: string;
+    href?: string;
+    children?: React.ReactNode;
+}
+declare const BackButton: react.ForwardRefExoticComponent<BackButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+export { BackButton, type BackButtonProps };

package/dist/back-button/index.js

@@ -0,0 +1,191 @@
+'use client'
+
+// src/components/back-button/back-button.tsx
+import { forwardRef } from "react";
+import { IconButton } from "@chakra-ui/react";
+
+// 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, jsxs } from "react/jsx-runtime";
+var ChevronUpIcon = createIcon({
+  displayName: "ChevronUpIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "18 15 12 9 6 15" })
+});
+var ChevronDownIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "6 9 12 15 18 9" })
+});
+var ChevronLeftIcon = createIcon({
+  displayName: "ChevronLeftIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "15 18 9 12 15 6" })
+});
+var ChevronRightIcon = createIcon({
+  displayName: "ChevronRightIcon",
+  path: /* @__PURE__ */ jsx("polyline", { points: "9 18 15 12 9 6" })
+});
+var HamburgerIcon = createIcon({
+  displayName: "ChevronDownIcon",
+  path: /* @__PURE__ */ jsxs("g", { fill: "none", children: [
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "12", x2: "21", y2: "12" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "6", x2: "21", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "18", x2: "21", y2: "18" })
+  ] })
+});
+var CloseIcon = createIcon({
+  displayName: "CloseIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "18", y1: "6", x2: "6", y2: "18" }),
+    /* @__PURE__ */ jsx("line", { x1: "6", y1: "6", x2: "18", y2: "18" })
+  ] })
+});
+var FilterIcon = createIcon({
+  displayName: "FilterIcon",
+  path: /* @__PURE__ */ 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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { x: "3", y: "4", width: "18", height: "18", rx: "2", ry: "2" }),
+    /* @__PURE__ */ jsx("line", { x1: "16", y1: "2", x2: "16", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "8", y1: "2", x2: "8", y2: "6" }),
+    /* @__PURE__ */ jsx("line", { x1: "3", y1: "10", x2: "21", y2: "10" })
+  ] })
+});
+var PlusIcon = createIcon({
+  displayName: "PlusIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("line", { x1: "12", y1: "5", x2: "12", y2: "19" }),
+    /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" })
+  ] })
+});
+var MinusIcon = createIcon({
+  displayName: "MinusIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }) })
+});
+var ViewOffIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ 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__ */ jsx("line", { x1: "1", y1: "1", x2: "23", y2: "23" })
+  ] })
+});
+var ViewIcon = createIcon({
+  displayName: "ViewOffIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("path", { d: "M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "3" })
+  ] })
+});
+var SearchIcon = createIcon({
+  displayName: "SearchIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "11", cy: "11", r: "8" }),
+    /* @__PURE__ */ jsx("line", { x1: "21", y1: "21", x2: "16.65", y2: "16.65" })
+  ] })
+});
+var CheckIcon = createIcon({
+  displayName: "CheckIcon",
+  path: /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx("polyline", { points: "20 6 9 17 4 12" }) })
+});
+var EllipsisIcon = createIcon({
+  displayName: "EllipsisIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+    /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+  ] })
+});
+var CopyIcon = createIcon({
+  displayName: "CopyIcon",
+  path: /* @__PURE__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+    /* @__PURE__ */ 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__ */ jsxs("g", { children: [
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "10" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 16v-4" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+  ] })
+});
+var ArrowLeftIcon = createIcon({
+  displayName: "ArrowLeftIcon",
+  path: /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("line", { x1: "19", y1: "12", x2: "5", y2: "12" }),
+    /* @__PURE__ */ jsx("polyline", { points: "12 19 5 12 12 5" })
+  ] })
+});
+
+// src/components/link/link.tsx
+import React2 from "react";
+import { Link as ChakraLink } from "@chakra-ui/react/link";
+
+// src/provider/sui-provider.tsx
+import * as React from "react";
+import { ChakraProvider } from "@chakra-ui/react";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var SuiContext = React.createContext({});
+var useSui = () => React.useContext(SuiContext);
+
+// src/provider/use-link.tsx
+import { chakra } from "@chakra-ui/react";
+function useLink() {
+  const context = useSui();
+  if (context == null ? void 0 : context.linkComponent) {
+    return context.linkComponent;
+  }
+  return chakra.a;
+}
+
+// src/components/link/link.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Link = React2.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ jsx3(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx3(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
+// src/components/back-button/back-button.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var BackButton = forwardRef(
+  (props, ref) => {
+    const { href, variant = "ghost", mr = 2, children, ...rest } = props;
+    let content = children || /* @__PURE__ */ jsx4(ArrowLeftIcon, {});
+    if (href) {
+      content = /* @__PURE__ */ jsx4(Link, { href, children: content });
+    }
+    return /* @__PURE__ */ jsx4(
+      IconButton,
+      {
+        ref,
+        "aria-label": "Go back",
+        variant,
+        mr,
+        ...rest,
+        children: content
+      }
+    );
+  }
+);
+export {
+  BackButton
+};

package/dist/badge/index.d.cts

@@ -0,0 +1 @@
+export { Badge, BadgeProps, BadgePropsProvider } from '@chakra-ui/react/badge';

package/dist/badge/index.d.ts

@@ -0,0 +1 @@
+export { Badge, BadgeProps, BadgePropsProvider } from '@chakra-ui/react/badge';

package/dist/{chunk-R2J5USV6.js → badge/index.js}

@@ -5,7 +5,6 @@ import {
   Badge,
   BadgePropsProvider
 } from "@chakra-ui/react/badge";
-
 export {
   Badge,
   BadgePropsProvider