@saas-ui/react 3.0.0-alpha.8 → 3.0.0-next.0

package/dist/chunk-JPY2QZLC.js

@@ -0,0 +1,64 @@
+'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-SKXSBAOS.js → chunk-KFDVVTMT.js}

@@ -2,7 +2,8 @@
 
 // src/components/segmented-control/segmented-control.tsx
 import { forwardRef, useMemo } from "react";
-import { For, SegmentGroup } from "@chakra-ui/react";
+import { For } from "@chakra-ui/react/for";
+import { SegmentGroup } from "@chakra-ui/react/segment-group";
 import { jsx, jsxs } from "react/jsx-runtime";
 function normalize(items) {
   return items.map((item) => {

package/dist/chunk-KRJG7H4W.js

@@ -0,0 +1,53 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/radio-card/radio-card.tsx
+var radio_card_exports = {};
+__export(radio_card_exports, {
+  Item: () => RadioCardItem,
+  ItemIndicator: () => RadioCardItemIndicator,
+  Label: () => RadioCardLabel,
+  Root: () => RadioCardRoot
+});
+import { Fragment, forwardRef } from "react";
+import { RadioCard } from "@chakra-ui/react/radio-card";
+import { jsx, jsxs } from "react/jsx-runtime";
+var RadioCardItem = forwardRef(
+  function RadioCardItem2(props, ref) {
+    const {
+      inputProps,
+      label,
+      description,
+      addon,
+      icon,
+      indicator = /* @__PURE__ */ jsx(RadioCard.ItemIndicator, {}),
+      indicatorPlacement = "end",
+      ...rest
+    } = props;
+    const hasContent = label || description || icon;
+    const ContentWrapper = indicator ? RadioCard.ItemContent : Fragment;
+    return /* @__PURE__ */ jsxs(RadioCard.Item, { ...rest, children: [
+      /* @__PURE__ */ jsx(RadioCard.ItemHiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsxs(RadioCard.ItemControl, { children: [
+        indicatorPlacement === "start" && indicator,
+        hasContent && /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+          icon,
+          label && /* @__PURE__ */ jsx(RadioCard.ItemText, { children: label }),
+          description && /* @__PURE__ */ jsx(RadioCard.ItemDescription, { children: description }),
+          indicatorPlacement === "inside" && indicator
+        ] }),
+        indicatorPlacement === "end" && indicator
+      ] }),
+      addon && /* @__PURE__ */ jsx(RadioCard.ItemAddon, { children: addon })
+    ] });
+  }
+);
+var RadioCardRoot = RadioCard.Root;
+var RadioCardLabel = RadioCard.Label;
+var RadioCardItemIndicator = RadioCard.ItemIndicator;
+
+export {
+  radio_card_exports
+};

package/dist/chunk-M3DJWM6D.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/icon/index.ts
+import { Icon } from "@chakra-ui/react/icon";
+
+export {
+  Icon
+};

package/dist/{chunk-32JGENDB.js → chunk-MK3OG2I4.js}

@@ -2,7 +2,7 @@
 
 // src/components/spinner/spinner.tsx
 import { forwardRef } from "react";
-import { Spinner as ChakraSpinner } from "@chakra-ui/react";
+import { Spinner as ChakraSpinner } from "@chakra-ui/react/spinner";
 import { Fragment, jsx } from "react/jsx-runtime";
 var Spinner = forwardRef(
   function Spinner2(props, ref) {

package/dist/chunk-MZ2RY4NU.js

@@ -0,0 +1,34 @@
+'use client'
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/hover-card/hover-card.tsx
+var hover_card_exports = {};
+__export(hover_card_exports, {
+  Arrow: () => Arrow,
+  Content: () => Content,
+  Root: () => Root,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import { HoverCard } from "@chakra-ui/react/hover-card";
+import { Portal } from "@chakra-ui/react/portal";
+import { jsx } from "react/jsx-runtime";
+var Content = React.forwardRef(
+  function HoverCardContent(props, ref) {
+    const { portalled = true, portalRef, ...rest } = props;
+    return /* @__PURE__ */ jsx(Portal, { disabled: !portalled, container: portalRef, children: /* @__PURE__ */ jsx(HoverCard.Positioner, { children: /* @__PURE__ */ jsx(HoverCard.Content, { ref, ...rest }) }) });
+  }
+);
+var Arrow = React.forwardRef(
+  function HoverCardArrow(props, ref) {
+    return /* @__PURE__ */ jsx(HoverCard.Arrow, { ref, ...props, children: /* @__PURE__ */ jsx(HoverCard.ArrowTip, {}) });
+  }
+);
+var Root = HoverCard.Root;
+var Trigger = HoverCard.Trigger;
+
+export {
+  hover_card_exports
+};

package/dist/{chunk-FJFNGSPL.js → chunk-NGGISORT.js}

@@ -1,19 +1,25 @@
 'use client'
 
 // src/components/empty-state/empty-state.tsx
-import { EmptyState as ChakraEmptyState, VStack } from "@chakra-ui/react";
 import { forwardRef } from "react";
+import {
+  Box,
+  EmptyState as ChakraEmptyState,
+  useEmptyStateStyles
+} from "@chakra-ui/react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var EmptyStateActions = (props) => {
+  const { actions } = useEmptyStateStyles();
+  return /* @__PURE__ */ jsx(Box, { ...props, css: [actions, props.css] });
+};
 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
+      /* @__PURE__ */ jsx(ChakraEmptyState.Title, { children: title }),
+      description ? /* @__PURE__ */ jsx(ChakraEmptyState.Description, { children: description }) : null,
+      /* @__PURE__ */ jsx(EmptyStateActions, { children })
     ] }) });
   }
 );

package/dist/chunk-NLMFEUVO.js

@@ -0,0 +1,41 @@
+'use client'
+
+// src/components/checkbox-card/checkbox-card.tsx
+import { Fragment, forwardRef } from "react";
+import { CheckboxCard as ChakraCheckboxCard } from "@chakra-ui/react/checkbox-card";
+import { jsx, jsxs } from "react/jsx-runtime";
+var CheckboxCard = forwardRef(
+  function CheckboxCard2(props, ref) {
+    const {
+      inputProps,
+      label,
+      description,
+      icon,
+      addon,
+      indicator = /* @__PURE__ */ jsx(ChakraCheckboxCard.Indicator, {}),
+      indicatorPlacement = "end",
+      ...rest
+    } = props;
+    const hasContent = label || description || icon;
+    const ContentWrapper = indicator ? ChakraCheckboxCard.Content : Fragment;
+    return /* @__PURE__ */ jsxs(ChakraCheckboxCard.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraCheckboxCard.HiddenInput, { ref, ...inputProps }),
+      /* @__PURE__ */ jsxs(ChakraCheckboxCard.Control, { children: [
+        indicatorPlacement === "start" && indicator,
+        hasContent && /* @__PURE__ */ jsxs(ContentWrapper, { children: [
+          icon,
+          label && /* @__PURE__ */ jsx(ChakraCheckboxCard.Label, { children: label }),
+          description && /* @__PURE__ */ jsx(ChakraCheckboxCard.Description, { children: description }),
+          indicatorPlacement === "inside" && indicator
+        ] }),
+        indicatorPlacement === "end" && indicator
+      ] }),
+      addon && /* @__PURE__ */ jsx(ChakraCheckboxCard.Addon, { children: addon })
+    ] });
+  }
+);
+var CheckboxCardIndicator = ChakraCheckboxCard.Indicator;
+
+export {
+  CheckboxCard
+};

package/dist/{chunk-I2RXEKTB.js → chunk-NSFGACD7.js}

@@ -6,7 +6,7 @@ import { cloneElement, isValidElement } from "react";
 import {
   chakra,
   useRecipe
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/styled-system";
 import { cx } from "@saas-ui/core/utils";
 import { jsx } from "react/jsx-runtime";
 var IconBadge = React.forwardRef(

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

@@ -1,9 +1,5 @@
 '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";
@@ -31,20 +27,9 @@ 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,
-  Link
+  useLink
 };

package/dist/chunk-OJZPPAT6.js

@@ -0,0 +1,26 @@
+'use client'
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+
+// src/components/icon-button/icon-button.tsx
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+var IconButton = forwardRef(
+  function IconButton2(props, ref) {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        px: "0",
+        py: "0",
+        _icon: { fontSize: "1.2em" },
+        ref,
+        ...props
+      }
+    );
+  }
+);
+
+export {
+  IconButton
+};

package/dist/chunk-OQU4LWZW.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/kbd/index.ts
+import { Kbd } from "@chakra-ui/react/kbd";
+
+export {
+  Kbd
+};

package/dist/chunk-PEJYADAS.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/collapsible/index.ts
+import { Collapsible } from "@chakra-ui/react/collapsible";
+
+export {
+  Collapsible
+};

package/dist/chunk-PIQURQGB.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/container/index.ts
+import { Container } from "@chakra-ui/react/container";
+
+export {
+  Container
+};

package/dist/{chunk-3Z2C27LI.js → chunk-Q6SNJJO2.js}

@@ -1,4 +1,7 @@
 'use client'
+import {
+  useLink
+} from "./chunk-O2WVT2BP.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -12,6 +15,7 @@ __export(navbar_exports, {
   Link: () => NavbarLink,
   Root: () => NavbarRoot
 });
+import { forwardRef } from "react";
 import { Navbar } from "@saas-ui/core/navbar";
 
 // src/components/navbar/navbar.context.ts
@@ -25,6 +29,7 @@ var {
 });
 
 // src/components/navbar/navbar.tsx
+import { jsx } from "react/jsx-runtime";
 var NavbarRoot = withProvider(
   Navbar.Root,
   "root"
@@ -42,8 +47,15 @@ var NavbarItem = withContext(
   "item"
 );
 var NavbarLink = withContext(
-  Navbar.Link,
-  "link"
+  forwardRef((props, ref) => {
+    const Link = useLink();
+    const { active, ...rest } = props;
+    return /* @__PURE__ */ jsx(Navbar.Link, { asChild: true, ...rest, ref, children: /* @__PURE__ */ jsx(Link, { "data-active": active ? "" : void 0, ...props }) });
+  }),
+  "link",
+  {
+    forwardAsChild: true
+  }
 );
 
 export {

package/dist/chunk-QLN2CBY6.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/timeline/index.ts
+import { Timeline } from "@chakra-ui/react/timeline";
+
+export {
+  Timeline
+};

package/dist/chunk-R2J5USV6.js

@@ -0,0 +1,12 @@
+'use client'
+
+// src/components/badge/index.ts
+import {
+  Badge,
+  BadgePropsProvider
+} from "@chakra-ui/react/badge";
+
+export {
+  Badge,
+  BadgePropsProvider
+};

package/dist/{chunk-2EUACKRH.js → chunk-RYKJOZ3B.js}

@@ -2,7 +2,8 @@
 
 // src/components/pin-input/pin-input.tsx
 import { forwardRef } from "react";
-import { PinInput as ChakraPinInput, Group } from "@chakra-ui/react";
+import { Group } from "@chakra-ui/react/group";
+import { PinInput as ChakraPinInput } from "@chakra-ui/react/pin-input";
 import { jsx, jsxs } from "react/jsx-runtime";
 var PinInput = forwardRef(
   function PinInput2(props, ref) {

package/dist/chunk-SD2NTPHR.js

@@ -0,0 +1,44 @@
+'use client'
+import {
+  ChevronRightIcon
+} from "./chunk-4XB7B73X.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/accordion/accordion.tsx
+var accordion_exports = {};
+__export(accordion_exports, {
+  Item: () => Item,
+  ItemContent: () => ItemContent,
+  ItemTrigger: () => ItemTrigger,
+  Root: () => Root
+});
+import * as React from "react";
+import { Accordion } from "@chakra-ui/react/accordion";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ItemTrigger = React.forwardRef(function AccordionItemTrigger(props, ref) {
+  const {
+    children,
+    indicatorPlacement = "end",
+    indicatorIcon = /* @__PURE__ */ jsx(ChevronRightIcon, {}),
+    ...rest
+  } = props;
+  const indicator = /* @__PURE__ */ jsx(Accordion.ItemIndicator, { children: indicatorIcon });
+  return /* @__PURE__ */ jsxs(Accordion.ItemTrigger, { ...rest, ref, children: [
+    indicatorPlacement === "start" && indicator,
+    children,
+    indicatorPlacement === "end" && indicator
+  ] });
+});
+var ItemContent = React.forwardRef(
+  function AccordionItemContent(props, ref) {
+    return /* @__PURE__ */ jsx(Accordion.ItemContent, { children: /* @__PURE__ */ jsx(Accordion.ItemBody, { ...props, ref }) });
+  }
+);
+var Root = Accordion.Root;
+var Item = Accordion.Item;
+
+export {
+  accordion_exports
+};

package/dist/chunk-SXFVA6CX.js

@@ -0,0 +1,20 @@
+'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
+};

package/dist/chunk-T2FPZNCP.js

@@ -0,0 +1,115 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-H7KPEI6P.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
+import {
+  __export
+} from "./chunk-RTMS5TJN.js";
+
+// src/components/file-upload/file-upload.tsx
+var file_upload_exports = {};
+__export(file_upload_exports, {
+  ClearTrigger: () => ClearTrigger,
+  Dropzone: () => Dropzone,
+  Input: () => Input,
+  Label: () => Label,
+  List: () => List,
+  Root: () => Root,
+  Trigger: () => Trigger
+});
+import * as React from "react";
+import { Span } from "@chakra-ui/react";
+import {
+  FileUpload as ChakraFileUpload,
+  useFileUploadContext
+} from "@chakra-ui/react/file-upload";
+import { useRecipe } from "@chakra-ui/react/styled-system";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Root = React.forwardRef(
+  function FileUploadRoot(props, ref) {
+    const { children, inputProps, ...rest } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Root, { ...rest, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.HiddenInput, { ref, ...inputProps }),
+      children
+    ] });
+  }
+);
+var Dropzone = React.forwardRef(
+  function FileUploadDropzone(props, ref) {
+    const { children, ...rest } = props;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Dropzone, { ref, ...rest, children: /* @__PURE__ */ jsx(ChakraFileUpload.DropzoneContent, { children }) });
+  }
+);
+var Item = React.forwardRef(
+  function FileUploadItem(props, ref) {
+    const { file, showSize, icon, clearable } = props;
+    return /* @__PURE__ */ jsxs(ChakraFileUpload.Item, { file, ref, children: [
+      /* @__PURE__ */ jsx(ChakraFileUpload.ItemPreview, { children: icon }),
+      showSize ? /* @__PURE__ */ jsxs(ChakraFileUpload.ItemContent, { children: [
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, {}),
+        /* @__PURE__ */ jsx(ChakraFileUpload.ItemSizeText, {})
+      ] }) : /* @__PURE__ */ jsx(ChakraFileUpload.ItemName, { flex: "1" }),
+      clearable && /* @__PURE__ */ jsx(ChakraFileUpload.ItemDeleteTrigger, { asChild: true, children: /* @__PURE__ */ jsx(CloseButton, { size: "xs" }) })
+    ] });
+  }
+);
+var List = React.forwardRef(
+  function FileUploadList(props, ref) {
+    const { showSize, clearable, files, ...rest } = props;
+    const fileUpload = useFileUploadContext();
+    const acceptedFiles = files != null ? files : fileUpload.acceptedFiles;
+    if (acceptedFiles.length === 0) return null;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.ItemGroup, { ref, ...rest, children: acceptedFiles.map((file) => /* @__PURE__ */ jsx(
+      Item,
+      {
+        file,
+        showSize,
+        clearable
+      },
+      file.name
+    )) });
+  }
+);
+var Input = React.forwardRef(
+  function FileInput(props, ref) {
+    const inputRecipe = useRecipe({ key: "input" });
+    const [recipeProps, restProps] = inputRecipe.splitVariantProps(props);
+    const { placeholder = "Select file(s)", ...rest } = restProps;
+    return /* @__PURE__ */ jsx(ChakraFileUpload.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        unstyled: true,
+        py: "0",
+        ref,
+        ...rest,
+        css: [inputRecipe(recipeProps), props.css],
+        children: /* @__PURE__ */ jsx(ChakraFileUpload.Context, { children: ({ acceptedFiles }) => {
+          if (acceptedFiles.length === 1) {
+            return /* @__PURE__ */ jsx("span", { children: acceptedFiles[0].name });
+          }
+          if (acceptedFiles.length > 1) {
+            return /* @__PURE__ */ jsxs("span", { children: [
+              acceptedFiles.length,
+              " files"
+            ] });
+          }
+          return /* @__PURE__ */ jsx(Span, { color: "fg.subtle", children: placeholder });
+        } })
+      }
+    ) });
+  }
+);
+var Label = ChakraFileUpload.Label;
+var ClearTrigger = ChakraFileUpload.ClearTrigger;
+var Trigger = ChakraFileUpload.Trigger;
+
+// src/components/file-upload/index.ts
+import { useFileUploadContext as useFileUploadContext2 } from "@chakra-ui/react/file-upload";
+
+export {
+  file_upload_exports,
+  useFileUploadContext2 as useFileUploadContext
+};

package/dist/{chunk-CD2JUFI2.js → chunk-T7XRS654.js}

@@ -1,16 +1,17 @@
 'use client'
 import {
   InputGroup
-} from "./chunk-PKI6YH2V.js";
+} from "./chunk-HKMYYESV.js";
+import {
+  Input
+} from "./chunk-5MTFSSOH.js";
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
 
 // src/components/password-input/password-input.tsx
 import { forwardRef, useRef } from "react";
-import {
-  IconButton,
-  Input,
-  mergeRefs,
-  useControllableState
-} from "@chakra-ui/react";
+import { mergeRefs, useControllableState } from "@chakra-ui/react";
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 import React2 from "react";
@@ -152,10 +153,10 @@ function IconBase(props) {
 
 // ../../node_modules/react-icons/lu/index.mjs
 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);
+  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": "M10.733 5.076a10.744 10.744 0 0 1 11.205 6.575 1 1 0 0 1 0 .696 10.747 10.747 0 0 1-1.444 2.49" }, "child": [] }, { "tag": "path", "attr": { "d": "M14.084 14.158a3 3 0 0 1-4.242-4.242" }, "child": [] }, { "tag": "path", "attr": { "d": "M17.479 17.499a10.75 10.75 0 0 1-15.417-5.151 1 1 0 0 1 0-.696 10.75 10.75 0 0 1 4.446-5.143" }, "child": [] }, { "tag": "path", "attr": { "d": "m2 2 20 20" }, "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);
+  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.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }, "child": [] }, { "tag": "circle", "attr": { "cx": "12", "cy": "12", "r": "3" }, "child": [] }] })(props);
 }
 
 // src/components/password-input/password-input.tsx

package/dist/chunk-TEQVVR3W.js

@@ -0,0 +1,8 @@
+'use client'
+
+// src/components/editable/index.ts
+import { Editable } from "@chakra-ui/react/editable";
+
+export {
+  Editable
+};