@saas-ui/react 3.0.0-alpha.4 → 3.0.0-alpha.5

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @saas-ui/react
 
+## 3.0.0-alpha.5
+
+### Minor Changes
+
+- e9fec88: Added toaster and menu components
+- f62c3d6: Export all components from root barrel file
+
 ## 3.0.0-alpha.4
 
 ### Patch Changes

package/dist/chunk-2EUACKRH.js

@@ -0,0 +1,26 @@
+'use client'
+
+// src/components/pin-input/pin-input.tsx
+import { forwardRef } from "react";
+import { PinInput as ChakraPinInput, Group } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PinInput = forwardRef(
+  function PinInput2(props, ref) {
+    const {
+      pinLength = 4,
+      inputProps,
+      rootRef,
+      attached,
+      gap = attached ? 0 : 2,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(ChakraPinInput.Root, { ref: rootRef, ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraPinInput.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsx(ChakraPinInput.Control, { children: /* @__PURE__ */ jsx(Group, { attached, gap, children: Array.from({ length: pinLength }).map((_, index) => /* @__PURE__ */ jsx(ChakraPinInput.Input, { index }, index)) }) })
+    ] });
+  }
+);
+
+export {
+  PinInput
+};

package/dist/chunk-3Z2C27LI.js

@@ -0,0 +1,51 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/navbar/navbar.tsx
+var navbar_exports = {};
+__export(navbar_exports, {
+  Brand: () => NavbarBrand,
+  Content: () => NavbarContent,
+  Item: () => NavbarItem,
+  Link: () => NavbarLink,
+  Root: () => NavbarRoot
+});
+import { Navbar } from "@saas-ui/core/navbar";
+
+// src/components/navbar/navbar.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withProvider,
+  withContext,
+  useStyles: useNavbarStyles
+} = createSlotRecipeContext({
+  key: "suiNavbar"
+});
+
+// src/components/navbar/navbar.tsx
+var NavbarRoot = withProvider(
+  Navbar.Root,
+  "root"
+);
+var NavbarBrand = withContext(
+  Navbar.Brand,
+  "brand"
+);
+var NavbarContent = withContext(
+  Navbar.Content,
+  "content"
+);
+var NavbarItem = withContext(
+  Navbar.Item,
+  "item"
+);
+var NavbarLink = withContext(
+  Navbar.Link,
+  "link"
+);
+
+export {
+  navbar_exports
+};

package/dist/chunk-4TR3AOMG.js

@@ -0,0 +1,33 @@
+'use client'
+
+// src/components/command/command.tsx
+import { Kbd } from "@chakra-ui/react";
+import {
+  createRecipeContext
+} from "@chakra-ui/react";
+import { Fragment, jsx } from "react/jsx-runtime";
+var { withContext } = createRecipeContext({
+  key: "suiCommand"
+});
+var Key = ({ children }) => {
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  if (["then", "or", "+"].includes(children)) {
+    return /* @__PURE__ */ jsx("span", { children });
+  }
+  return /* @__PURE__ */ jsx(Kbd, { children });
+};
+var Command = (props) => {
+  const { children, ...rest } = props;
+  if (typeof children !== "string") {
+    return /* @__PURE__ */ jsx(Fragment, { children });
+  }
+  const keys = children.split(/\s|\+/);
+  return /* @__PURE__ */ jsx(CommandRoot, { ...rest, children: keys.map((key) => /* @__PURE__ */ jsx(Key, { children: key }, key)) });
+};
+var CommandRoot = withContext("span");
+
+export {
+  Command
+};

package/dist/chunk-6LOMIKR5.js

@@ -0,0 +1,69 @@
+'use client'
+import {
+  CheckIcon
+} from "./chunk-VDXTEASE.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
+});
+import { Box, Steps as ChakraSteps } from "@chakra-ui/react";
+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-6ZNR6N2K.js

@@ -0,0 +1,45 @@
+'use client'
+
+// src/components/app-shell/app-shell.tsx
+import { forwardRef } from "react";
+import {
+  createSlotRecipeContext
+} from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var {
+  withProvider,
+  withContext,
+  useStyles: useAppShellStyles
+} = createSlotRecipeContext({
+  key: "suiAppShell"
+});
+var AppShellRoot = withProvider(
+  "div",
+  "root",
+  { forwardAsChild: true }
+);
+var AppShellContent = withContext("div", "content", { forwardAsChild: true });
+var AppShellMain = withContext(
+  "div",
+  "main",
+  { forwardAsChild: true }
+);
+var AppShell = forwardRef(
+  (props, ref) => {
+    const { header, sidebar, aside, footer, children, ...rootProps } = props;
+    return /* @__PURE__ */ jsxs(AppShellRoot, { ref, ...rootProps, children: [
+      header,
+      /* @__PURE__ */ jsxs(AppShellContent, { children: [
+        sidebar,
+        /* @__PURE__ */ jsx(AppShellMain, { children }),
+        aside
+      ] }),
+      footer
+    ] });
+  }
+);
+AppShell.displayName = "AppShell";
+
+export {
+  AppShell
+};

package/dist/chunk-7C3IZBNJ.js

@@ -0,0 +1,38 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/breadcrumbs/namespace.ts
+var namespace_exports = {};
+__export(namespace_exports, {
+  CurrentLink: () => BreadcrumbCurrentLink,
+  Ellipsis: () => BreadcrumbEllipsis,
+  Link: () => BreadcrumbLink,
+  Root: () => BreadcrumbRoot
+});
+
+// src/components/breadcrumbs/breadcrumb.tsx
+import { Children, Fragment, forwardRef, isValidElement } from "react";
+import { Breadcrumb } from "@chakra-ui/react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var BreadcrumbRoot = forwardRef(
+  function BreadcrumbRoot2(props, ref) {
+    const { separator = "/", separatorGap, children, ...rest } = props;
+    const validChildren = Children.toArray(children).filter(isValidElement);
+    return /* @__PURE__ */ jsx(Breadcrumb.Root, { ref, ...rest, children: /* @__PURE__ */ jsx(Breadcrumb.List, { gap: separatorGap, children: validChildren.map((child, index) => {
+      const last = index === validChildren.length - 1;
+      return /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Breadcrumb.Item, { children: child }),
+        !last && /* @__PURE__ */ jsx(Breadcrumb.Separator, { children: separator })
+      ] }, index);
+    }) }) });
+  }
+);
+var BreadcrumbLink = Breadcrumb.Link;
+var BreadcrumbCurrentLink = Breadcrumb.CurrentLink;
+var BreadcrumbEllipsis = Breadcrumb.Ellipsis;
+
+export {
+  namespace_exports
+};

package/dist/chunk-BCNPBZZK.js

@@ -0,0 +1,45 @@
+'use client'
+
+// src/components/button/button.tsx
+import { forwardRef } from "react";
+import {
+  AbsoluteCenter,
+  Button as ButtonPrimitive,
+  Span,
+  Spinner
+} from "@chakra-ui/react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Button = forwardRef(
+  function Button2(props, ref) {
+    const {
+      loading,
+      disabled,
+      loadingText,
+      children,
+      variant = "glass",
+      colorPalette = variant === "glass" ? "accent" : "gray",
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsx(
+      ButtonPrimitive,
+      {
+        colorPalette,
+        disabled: loading || disabled,
+        variant,
+        ref,
+        ...rest,
+        children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(AbsoluteCenter, { display: "inline-flex", children: /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }) }),
+          /* @__PURE__ */ jsx(Span, { opacity: 0, children })
+        ] }) : loading && loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Spinner, { size: "inherit", color: "inherit" }),
+          loadingText
+        ] }) : children
+      }
+    );
+  }
+);
+
+export {
+  Button
+};

package/dist/{chunk-KHRLZUV4.js → chunk-BFA5FCA2.js}

@@ -1,5 +1,9 @@
 'use client'
 
+// src/components/link/link.tsx
+import React2 from "react";
+import { Link as ChakraLink } from "@chakra-ui/react";
+
 // src/provider/sui-provider.tsx
 import * as React from "react";
 import { ChakraProvider } from "@chakra-ui/react";
@@ -27,9 +31,20 @@ function useLink() {
   return chakra.a;
 }
 
+// src/components/link/link.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Link = React2.forwardRef(
+  (props, ref) => {
+    const LinkComponent = useLink();
+    return /* @__PURE__ */ jsx2(ChakraLink, { asChild: true, children: /* @__PURE__ */ jsx2(LinkComponent, { ref, ...props }) });
+  }
+);
+Link.displayName = "Link";
+
 export {
   SuiContext,
   SuiProvider,
   useSui,
-  useLink
+  useLink,
+  Link
 };

package/dist/chunk-CTOVNZVS.js

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

package/dist/chunk-DPMEXCSG.js

@@ -0,0 +1,137 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/sidebar/sidebar.tsx
+var sidebar_exports = {};
+__export(sidebar_exports, {
+  Backdrop: () => SidebarBackdrop,
+  Body: () => SidebarBody,
+  FlyoutTrigger: () => SidebarFlyoutTrigger,
+  Footer: () => SidebarFooter,
+  Group: () => SidebarGroup,
+  GroupContent: () => SidebarGroupContent,
+  GroupEndElement: () => SidebarGroupEndElement,
+  GroupHeader: () => SidebarGroupHeader,
+  GroupTitle: () => SidebarGroupTitle,
+  Header: () => SidebarHeader,
+  NavButton: () => SidebarNavButton,
+  NavItem: () => SidebarNavItem,
+  NavItemEndElement: () => SidebarNavItemEndElement,
+  Provider: () => SidebarProvider,
+  Root: () => SidebarRoot,
+  Track: () => SidebarTrack,
+  Trigger: () => SidebarTrigger
+});
+import { Sidebar, useSidebar } from "@saas-ui/core/sidebar";
+
+// src/components/sidebar/sidebar.context.ts
+import { createSlotRecipeContext } from "@chakra-ui/react";
+var {
+  withContext,
+  useRecipeResult,
+  StylesProvider,
+  ClassNamesProvider,
+  useStyles: useSidebarStyles
+} = createSlotRecipeContext({
+  key: "suiSidebar"
+});
+var {
+  withProvider: withItemProvider,
+  withContext: withItemContext,
+  useStyles: useSidebarItemStyles
+} = createSlotRecipeContext({
+  key: "suiSidebarNavItem"
+});
+
+// src/components/sidebar/sidebar.tsx
+import { jsx } from "react/jsx-runtime";
+var SidebarProvider = function SidebarProvider2(props) {
+  return /* @__PURE__ */ jsx(Sidebar.Provider, { ...props, children: /* @__PURE__ */ jsx(RecipeProvider, { ...props, children: props.children }) });
+};
+function RecipeProvider(props) {
+  const { mode } = useSidebar();
+  const { styles, classNames } = useRecipeResult({
+    ...props,
+    mode
+  });
+  return /* @__PURE__ */ jsx(StylesProvider, { value: styles, children: /* @__PURE__ */ jsx(ClassNamesProvider, { value: classNames, children: props.children }) });
+}
+var SidebarRoot = withContext(
+  Sidebar.Root,
+  "root"
+);
+var SidebarTrigger = withContext(
+  Sidebar.Trigger,
+  "trigger",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarFlyoutTrigger = withContext(Sidebar.FlyoutTrigger, "flyoutTrigger", {
+  forwardAsChild: true
+});
+var SidebarBackdrop = withContext(
+  Sidebar.Backdrop,
+  "backdrop",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarHeader = withContext(
+  Sidebar.Header,
+  "header"
+);
+var SidebarBody = withContext(
+  Sidebar.Body,
+  "body"
+);
+var SidebarFooter = withContext(
+  Sidebar.Footer,
+  "footer"
+);
+var SidebarTrack = withContext(
+  Sidebar.Track,
+  "track",
+  {
+    forwardAsChild: true
+  }
+);
+var SidebarGroup = withContext(
+  Sidebar.Group,
+  "group",
+  {
+    defaultProps: {
+      role: "group"
+    }
+  }
+);
+var SidebarGroupHeader = withContext(
+  Sidebar.GroupHeader,
+  "groupHeader"
+);
+var SidebarGroupTitle = withContext(Sidebar.GroupTitle, "groupTitle");
+var SidebarGroupEndElement = withContext(Sidebar.GroupEndElement, "groupEndElement");
+var SidebarGroupContent = withContext(
+  Sidebar.GroupContent,
+  "groupContent"
+);
+var SidebarNavItem = withItemProvider(
+  Sidebar.NavItem,
+  "item"
+);
+var SidebarNavButton = withItemContext(Sidebar.NavButton, "button", {
+  forwardAsChild: true
+});
+var SidebarNavItemEndElement = withItemContext(Sidebar.NavItemEndElement, "endElement");
+
+// src/components/sidebar/index.ts
+import { useSidebar as useSidebar2 } from "@saas-ui/core/sidebar";
+
+export {
+  useSidebarStyles,
+  useSidebarItemStyles,
+  sidebar_exports,
+  useSidebar2 as useSidebar
+};

package/dist/chunk-F3CVOMG5.js

@@ -0,0 +1,160 @@
+'use client'
+
+// ../../node_modules/react-icons/lib/iconBase.mjs
+import React2 from "react";
+
+// ../../node_modules/react-icons/lib/iconContext.mjs
+import React from "react";
+var DefaultContext = {
+  color: void 0,
+  size: void 0,
+  className: void 0,
+  style: void 0,
+  attr: void 0
+};
+var IconContext = React.createContext && /* @__PURE__ */ React.createContext(DefaultContext);
+
+// ../../node_modules/react-icons/lib/iconBase.mjs
+var _excluded = ["attr", "size", "title"];
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  for (var key in source) {
+    if (Object.prototype.hasOwnProperty.call(source, key)) {
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function(r2) {
+      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
+      _defineProperty(e, r2, t[r2]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
+      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
+    });
+  }
+  return e;
+}
+function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
+  if (key in obj) {
+    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function Tree2Element(tree) {
+  return tree && tree.map((node, i) => /* @__PURE__ */ React2.createElement(node.tag, _objectSpread({
+    key: i
+  }, node.attr), Tree2Element(node.child)));
+}
+function GenIcon(data) {
+  return (props) => /* @__PURE__ */ React2.createElement(IconBase, _extends({
+    attr: _objectSpread({}, data.attr)
+  }, props), Tree2Element(data.child));
+}
+function IconBase(props) {
+  var elem = (conf) => {
+    var {
+      attr,
+      size,
+      title
+    } = props, svgProps = _objectWithoutProperties(props, _excluded);
+    var computedSize = size || conf.size || "1em";
+    var className;
+    if (conf.className) className = conf.className;
+    if (props.className) className = (className ? className + " " : "") + props.className;
+    return /* @__PURE__ */ React2.createElement("svg", _extends({
+      stroke: "currentColor",
+      fill: "currentColor",
+      strokeWidth: "0"
+    }, conf.attr, attr, svgProps, {
+      className,
+      style: _objectSpread(_objectSpread({
+        color: props.color || conf.color
+      }, conf.style), props.style),
+      height: computedSize,
+      width: computedSize,
+      xmlns: "http://www.w3.org/2000/svg"
+    }), title && /* @__PURE__ */ React2.createElement("title", null, title), props.children);
+  };
+  return IconContext !== void 0 ? /* @__PURE__ */ React2.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
+}
+
+// ../../node_modules/react-icons/lu/index.mjs
+function LuCheck(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "polyline", "attr": { "points": "20 6 9 17 4 12" }, "child": [] }] })(props);
+}
+function LuChevronRight(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "m9 18 6-6-6-6" }, "child": [] }] })(props);
+}
+function LuEyeOff(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M9.88 9.88a3 3 0 1 0 4.24 4.24" }, "child": [] }, { "tag": "path", "attr": { "d": "M10.73 5.08A10.43 10.43 0 0 1 12 5c7 0 10 7 10 7a13.16 13.16 0 0 1-1.67 2.68" }, "child": [] }, { "tag": "path", "attr": { "d": "M6.61 6.61A13.526 13.526 0 0 0 2 12s3 7 10 7a9.74 9.74 0 0 0 5.39-1.61" }, "child": [] }, { "tag": "line", "attr": { "x1": "2", "x2": "22", "y1": "2", "y2": "22" }, "child": [] }] })(props);
+}
+function LuEye(props) {
+  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 24 24", "fill": "none", "stroke": "currentColor", "strokeWidth": "2", "strokeLinecap": "round", "strokeLinejoin": "round" }, "child": [{ "tag": "path", "attr": { "d": "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
+}
+
+export {
+  LuCheck,
+  LuChevronRight,
+  LuEyeOff,
+  LuEye
+};

package/dist/chunk-FJFNGSPL.js

@@ -0,0 +1,23 @@
+'use client'
+
+// src/components/empty-state/empty-state.tsx
+import { EmptyState as ChakraEmptyState, VStack } from "@chakra-ui/react";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyState = forwardRef(
+  function EmptyState2(props, ref) {
+    const { title, description, icon, children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraEmptyState.Root, { ref, ...rest, children: /* @__PURE__ */ jsxs(ChakraEmptyState.Content, { children: [
+      icon && /* @__PURE__ */ jsx(ChakraEmptyState.Indicator, { children: icon }),
+      description ? /* @__PURE__ */ jsxs(VStack, { textAlign: "center", children: [
+        /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
+        /* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description })
+      ] }) : /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
+      children
+    ] }) });
+  }
+);
+
+export {
+  EmptyState
+};