@saas-ui/react 2.11.2 → 3.0.0-alpha.1

package/dist/components/drawer/index.js

@@ -0,0 +1,65 @@
+'use client'
+import {
+  DialogContext
+} from "../../chunk-VBIVLREP.js";
+import {
+  CloseButton
+} from "../../chunk-FZW2DYK3.js";
+import "../../chunk-VDXTEASE.js";
+import {
+  __export
+} from "../../chunk-RTMS5TJN.js";
+
+// src/components/drawer/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  ActionTrigger: () => DrawerActionTrigger,
+  Backdrop: () => DrawerBackdrop,
+  Body: () => DrawerBody,
+  CloseTrigger: () => DrawerCloseTrigger,
+  Content: () => DrawerContent,
+  Context: () => DrawerContext,
+  Description: () => DrawerDescription,
+  Footer: () => DrawerFooter,
+  Header: () => DrawerHeader,
+  Root: () => DrawerRoot,
+  Title: () => DrawerTitle,
+  Trigger: () => DrawerTrigger
+});
+
+// src/components/drawer/drawer.tsx
+import { forwardRef } from "react";
+import { Drawer as ChakraDrawer, Portal } from "@chakra-ui/react";
+import { jsx } from "react/jsx-runtime";
+var DrawerContent = forwardRef(
+  function DrawerContent2(props, ref) {
+    const { children, portalled = true, portalRef, offset, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(ChakraDrawer.Positioner, { padding: offset, children: /* @__PURE__ */ jsx(ChakraDrawer.Content, { ref, ...rest, asChild: false, children }) }) });
+  }
+);
+var DrawerCloseTrigger = forwardRef(function DrawerCloseTrigger2(props, ref) {
+  return /* @__PURE__ */ jsx(
+    ChakraDrawer.CloseTrigger,
+    {
+      position: "absolute",
+      top: "2",
+      insetEnd: "2",
+      ...props,
+      asChild: true,
+      children: /* @__PURE__ */ jsx(CloseButton, { size: "sm", ref })
+    }
+  );
+});
+var DrawerTrigger = ChakraDrawer.Trigger;
+var DrawerRoot = ChakraDrawer.Root;
+var DrawerFooter = ChakraDrawer.Footer;
+var DrawerHeader = ChakraDrawer.Header;
+var DrawerBody = ChakraDrawer.Body;
+var DrawerBackdrop = ChakraDrawer.Backdrop;
+var DrawerDescription = ChakraDrawer.Description;
+var DrawerTitle = ChakraDrawer.Title;
+var DrawerActionTrigger = ChakraDrawer.ActionTrigger;
+var DrawerContext = DialogContext;
+export {
+  namespace_exports as Drawer
+};

package/dist/components/icon-badge/index.cjs

@@ -0,0 +1,70 @@
+'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/icon-badge/index.ts
+var icon_badge_exports = {};
+__export(icon_badge_exports, {
+  IconBadge: () => IconBadge
+});
+module.exports = __toCommonJS(icon_badge_exports);
+
+// src/components/icon-badge/icon-badge.tsx
+var React = __toESM(require("react"), 1);
+var import_react = require("react");
+var import_react2 = require("@chakra-ui/react");
+var import_utils = require("@saas-ui/core/utils");
+var import_jsx_runtime = require("react/jsx-runtime");
+var IconBadge = React.forwardRef(
+  (props, ref) => {
+    const { icon, children, ...rest } = props;
+    const recipe = (0, import_react2.useRecipe)({ key: "iconBadge", recipe: props.recipe });
+    const [variantProps, localProps] = recipe.splitVariantProps(rest);
+    const styles = recipe(variantProps);
+    const element = icon || children;
+    const _children = (0, import_react.isValidElement)(element) ? (0, import_react.cloneElement)(element, {
+      "aria-hidden": true,
+      focusable: false
+    }) : null;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_react2.chakra.div,
+      {
+        ref,
+        ...localProps,
+        css: [styles, props.css],
+        className: (0, import_utils.cx)(recipe.className, props.className),
+        children: _children
+      }
+    );
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IconBadge
+});

package/dist/components/icon-badge/index.d.cts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
+
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+    /**
+     * The icon to display
+     */
+    icon: react.ReactNode;
+    /**
+     * A11y: A label that describes the icon
+     */
+    'aria-label'?: string;
+}
+declare const IconBadge: react.ForwardRefExoticComponent<IconBadgeProps & react.RefAttributes<HTMLDivElement>>;
+
+export { IconBadge, type IconBadgeProps };

package/dist/components/icon-badge/index.d.ts

@@ -0,0 +1,16 @@
+import * as react from 'react';
+import { HTMLChakraProps, RecipeProps } from '@chakra-ui/react';
+
+interface IconBadgeProps extends HTMLChakraProps<'div'>, RecipeProps<'iconBadge'> {
+    /**
+     * The icon to display
+     */
+    icon: react.ReactNode;
+    /**
+     * A11y: A label that describes the icon
+     */
+    'aria-label'?: string;
+}
+declare const IconBadge: react.ForwardRefExoticComponent<IconBadgeProps & react.RefAttributes<HTMLDivElement>>;
+
+export { IconBadge, type IconBadgeProps };

package/dist/components/icon-badge/index.js

@@ -0,0 +1,38 @@
+'use client'
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/icon-badge/icon-badge.tsx
+import * as React from "react";
+import { cloneElement, isValidElement } from "react";
+import {
+  chakra,
+  useRecipe
+} from "@chakra-ui/react";
+import { cx } from "@saas-ui/core/utils";
+import { jsx } from "react/jsx-runtime";
+var IconBadge = React.forwardRef(
+  (props, ref) => {
+    const { icon, children, ...rest } = props;
+    const recipe = useRecipe({ key: "iconBadge", recipe: props.recipe });
+    const [variantProps, localProps] = recipe.splitVariantProps(rest);
+    const styles = recipe(variantProps);
+    const element = icon || children;
+    const _children = isValidElement(element) ? cloneElement(element, {
+      "aria-hidden": true,
+      focusable: false
+    }) : null;
+    return /* @__PURE__ */ jsx(
+      chakra.div,
+      {
+        ref,
+        ...localProps,
+        css: [styles, props.css],
+        className: cx(recipe.className, props.className),
+        children: _children
+      }
+    );
+  }
+);
+export {
+  IconBadge
+};

package/dist/components/icons/index.cjs

@@ -0,0 +1,155 @@
+'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/icons/index.ts
+var icons_exports = {};
+__export(icons_exports, {
+  CalendarIcon: () => CalendarIcon,
+  CheckIcon: () => CheckIcon,
+  ChevronDownIcon: () => ChevronDownIcon,
+  ChevronLeftIcon: () => ChevronLeftIcon,
+  ChevronRightIcon: () => ChevronRightIcon,
+  ChevronUpIcon: () => ChevronUpIcon,
+  CloseIcon: () => CloseIcon,
+  FilterIcon: () => FilterIcon,
+  HamburgerIcon: () => HamburgerIcon,
+  MinusIcon: () => MinusIcon,
+  PlusIcon: () => PlusIcon,
+  SearchIcon: () => SearchIcon,
+  ViewIcon: () => ViewIcon,
+  ViewOffIcon: () => ViewOffIcon
+});
+module.exports = __toCommonJS(icons_exports);
+
+// src/components/icons/create-icon.tsx
+var import_react = require("@chakra-ui/react");
+var createIcon = (props) => {
+  return (0, import_react.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" }) })
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CalendarIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  FilterIcon,
+  HamburgerIcon,
+  MinusIcon,
+  PlusIcon,
+  SearchIcon,
+  ViewIcon,
+  ViewOffIcon
+});

package/dist/components/icons/index.d.cts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import * as _chakra_ui_react from '@chakra-ui/react';
+
+declare const ChevronUpIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronDownIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronLeftIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronRightIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const HamburgerIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CloseIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const FilterIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CalendarIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const PlusIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const MinusIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ViewOffIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const SearchIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CheckIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/index.d.ts

@@ -0,0 +1,19 @@
+import * as react from 'react';
+import * as _chakra_ui_react from '@chakra-ui/react';
+
+declare const ChevronUpIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronDownIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronLeftIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ChevronRightIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const HamburgerIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CloseIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const FilterIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CalendarIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const PlusIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const MinusIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ViewOffIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const ViewIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const SearchIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+declare const CheckIcon: react.ForwardRefExoticComponent<_chakra_ui_react.IconProps & react.RefAttributes<SVGSVGElement>>;
+
+export { CalendarIcon, CheckIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, FilterIcon, HamburgerIcon, MinusIcon, PlusIcon, SearchIcon, ViewIcon, ViewOffIcon };

package/dist/components/icons/index.js

@@ -0,0 +1,35 @@
+'use client'
+import "../../chunk-KTLWEUNW.js";
+import {
+  CalendarIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  FilterIcon,
+  HamburgerIcon,
+  MinusIcon,
+  PlusIcon,
+  SearchIcon,
+  ViewIcon,
+  ViewOffIcon
+} from "../../chunk-VDXTEASE.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  CalendarIcon,
+  CheckIcon,
+  ChevronDownIcon,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronUpIcon,
+  CloseIcon,
+  FilterIcon,
+  HamburgerIcon,
+  MinusIcon,
+  PlusIcon,
+  SearchIcon,
+  ViewIcon,
+  ViewOffIcon
+};

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

@@ -0,0 +1,56 @@
+'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_react2 = require("@chakra-ui/react");
+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_react2.Group, { ref, display: "flex", ...rest, children: [
+      startElement && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react2.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_react2.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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { BoxProps, InputElementProps } from '@chakra-ui/react';
+
+interface InputGroupProps extends BoxProps {
+    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

@@ -0,0 +1,13 @@
+import * as react from 'react';
+import { BoxProps, InputElementProps } from '@chakra-ui/react';
+
+interface InputGroupProps extends BoxProps {
+    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

@@ -0,0 +1,8 @@
+'use client'
+import {
+  InputGroup
+} from "../../chunk-PKI6YH2V.js";
+import "../../chunk-RTMS5TJN.js";
+export {
+  InputGroup
+};

package/dist/components/link/index.cjs

@@ -0,0 +1,71 @@
+'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/link/index.ts
+var link_exports = {};
+__export(link_exports, {
+  Link: () => Link
+});
+module.exports = __toCommonJS(link_exports);
+
+// src/components/link/link.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_react4 = require("@chakra-ui/react");
+
+// src/provider/sui-provider.tsx
+var React = __toESM(require("react"), 1);
+var import_react = require("@chakra-ui/react");
+var import_jsx_runtime = 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_runtime2 = require("react/jsx-runtime");
+var Link = import_react3.default.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react4.Link, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Link
+});

package/dist/components/link/index.d.cts

@@ -0,0 +1,13 @@
+import react__default from 'react';
+import { LinkProps } from '@chakra-ui/react';
+export { LinkProps } from '@chakra-ui/react';
+
+/**
+ * Chakra UI `Link` component wrapped in a router specific link component.
+ * Falls back to a plain `Link` if no Saas UI context is available or no `linkComponent` is configured
+ * The router link component can be configured in `SaasProvider`.
+ * @see https://saas-ui.dev/docs/core/getting-started
+ */
+declare const Link: react__default.ForwardRefExoticComponent<LinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link };

package/dist/components/link/index.d.ts

@@ -0,0 +1,13 @@
+import react__default from 'react';
+import { LinkProps } from '@chakra-ui/react';
+export { LinkProps } from '@chakra-ui/react';
+
+/**
+ * Chakra UI `Link` component wrapped in a router specific link component.
+ * Falls back to a plain `Link` if no Saas UI context is available or no `linkComponent` is configured
+ * The router link component can be configured in `SaasProvider`.
+ * @see https://saas-ui.dev/docs/core/getting-started
+ */
+declare const Link: react__default.ForwardRefExoticComponent<LinkProps & react__default.RefAttributes<HTMLAnchorElement>>;
+
+export { Link };

package/dist/components/link/index.js

@@ -0,0 +1,20 @@
+'use client'
+import {
+  useLink
+} from "../../chunk-KHRLZUV4.js";
+import "../../chunk-RTMS5TJN.js";
+
+// src/components/link/link.tsx
+import React from "react";
+import { Link as ChakraLink } from "@chakra-ui/react";
+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
+};