@saas-ui/react 3.0.0-alpha.31 → 3.0.0-alpha.32

package/dist/chunk-HTQRA26F.js

@@ -0,0 +1,46 @@
+'use client'
+import {
+  CloseButton
+} from "./chunk-H7KPEI6P.js";
+
+// src/components/alert/alert.tsx
+import { forwardRef } from "react";
+import { Alert as AlertPrimitive } from "@chakra-ui/react/alert";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Alert = forwardRef(
+  function Alert2(props, ref) {
+    const {
+      title,
+      children,
+      icon,
+      closable,
+      onClose,
+      startElement,
+      endElement,
+      ...rest
+    } = props;
+    return /* @__PURE__ */ jsxs(AlertPrimitive.Root, { ref, ...rest, children: [
+      startElement || /* @__PURE__ */ jsx(AlertPrimitive.Indicator, { children: icon }),
+      children ? /* @__PURE__ */ jsxs(AlertPrimitive.Content, { children: [
+        /* @__PURE__ */ jsx(AlertPrimitive.Title, { children: title }),
+        /* @__PURE__ */ jsx(AlertPrimitive.Description, { children })
+      ] }) : /* @__PURE__ */ jsx(AlertPrimitive.Title, { flex: "1", children: title }),
+      endElement,
+      closable && /* @__PURE__ */ jsx(
+        CloseButton,
+        {
+          size: "sm",
+          pos: "relative",
+          top: "-2",
+          insetEnd: "-2",
+          alignSelf: "flex-start",
+          onClick: onClose
+        }
+      )
+    ] });
+  }
+);
+
+export {
+  Alert
+};

package/dist/{chunk-SA3OGTOO.js → chunk-HTVSG47E.js}

@@ -1,8 +1,8 @@
 'use client'
 
 // src/components/switch/switch.tsx
-import { Switch as ChakraSwitch } from "@chakra-ui/react";
 import { forwardRef } from "react";
+import { Switch as ChakraSwitch } from "@chakra-ui/react/switch";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Switch = forwardRef(
   function Switch2(props, ref) {

package/dist/chunk-HZX4AGO5.js

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

package/dist/{chunk-S5J6REMC.js → chunk-IEWGZ4LU.js}

@@ -1,11 +1,11 @@
 'use client'
 import {
   InputGroup
-} from "./chunk-PKI6YH2V.js";
+} from "./chunk-HKMYYESV.js";
 
 // src/components/number-input/number-input.tsx
 import { forwardRef } from "react";
-import { NumberInput as ChakraNumberInput } from "@chakra-ui/react";
+import { NumberInput as ChakraNumberInput } from "@chakra-ui/react/number-input";
 import { jsx, jsxs } from "react/jsx-runtime";
 var NumberInput = forwardRef(
   function NumberInput2(props, ref) {

package/dist/{chunk-KE5AC3TZ.js → chunk-JPY2QZLC.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -22,7 +22,8 @@ __export(popover_exports, {
   Trigger: () => Trigger
 });
 import * as React from "react";
-import { Popover as ChakraPopover, Portal } from "@chakra-ui/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) {

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-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-MS2ELLDY.js → chunk-OJZPPAT6.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   Button
-} from "./chunk-NGSHWY7E.js";
+} from "./chunk-5HVAMQYO.js";
 
 // src/components/icon-button/icon-button.tsx
 import { forwardRef } from "react";

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-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-TZBAM4AD.js → chunk-SXFVA6CX.js}

@@ -5,7 +5,7 @@ import {
 
 // src/components/link/link.tsx
 import React from "react";
-import { Link as ChakraLink } from "@chakra-ui/react";
+import { Link as ChakraLink } from "@chakra-ui/react/link";
 import { jsx } from "react/jsx-runtime";
 var Link = React.forwardRef(
   (props, ref) => {

package/dist/{chunk-GRUMUCSL.js → chunk-T2FPZNCP.js}

@@ -1,7 +1,10 @@
 'use client'
 import {
   CloseButton
-} from "./chunk-YXGJOOMM.js";
+} from "./chunk-H7KPEI6P.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -18,13 +21,12 @@ __export(file_upload_exports, {
   Trigger: () => Trigger
 });
 import * as React from "react";
+import { Span } from "@chakra-ui/react";
 import {
-  Button,
   FileUpload as ChakraFileUpload,
-  Span,
-  useFileUploadContext,
-  useRecipe
-} from "@chakra-ui/react";
+  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) {
@@ -104,6 +106,10 @@ 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
+  file_upload_exports,
+  useFileUploadContext2 as useFileUploadContext
 };

package/dist/{chunk-K2SPPLAY.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";

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
+};

package/dist/chunk-TH6YCBEG.js

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

package/dist/{chunk-MLJN6IOJ.js → chunk-TWTXZ7PR.js}

@@ -1,9 +1,15 @@
 'use client'
+import {
+  IconButton
+} from "./chunk-OJZPPAT6.js";
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
   EllipsisIcon
-} from "./chunk-4TPVIHNO.js";
+} from "./chunk-4XB7B73X.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -24,13 +30,11 @@ __export(pagination_exports, {
 });
 import { forwardRef, useMemo } from "react";
 import {
-  Button,
   Pagination as ChakraPagination,
-  IconButton,
-  Text,
-  createContext,
   usePaginationContext
-} from "@chakra-ui/react";
+} from "@chakra-ui/react/pagination";
+import { Text } from "@chakra-ui/react/typography";
+import { createContext } from "@saas-ui/core/utils";
 import { jsx } from "react/jsx-runtime";
 var [RootPropsProvider, useRootProps] = createContext({
   name: "RootPropsProvider"

package/dist/{chunk-YKSY7UOM.js → chunk-U3EPRSD3.js}

@@ -2,7 +2,7 @@
 
 // src/components/status/status.tsx
 import { forwardRef } from "react";
-import { Status as ChakraStatus } from "@chakra-ui/react";
+import { Status as ChakraStatus } from "@chakra-ui/react/status";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Status = forwardRef(
   function Status2(props, ref) {

package/dist/chunk-UEXUCHDD.js

@@ -0,0 +1,34 @@
+'use client'
+
+// src/components/skeleton/skeleton.tsx
+import { forwardRef } from "react";
+import { Circle } from "@chakra-ui/react/box";
+import { Skeleton as ChakraSkeleton } from "@chakra-ui/react/skeleton";
+import { Stack } from "@chakra-ui/react/stack";
+import { jsx } from "react/jsx-runtime";
+var SkeletonCircle = (props) => {
+  const { size, ...rest } = props;
+  return /* @__PURE__ */ jsx(Circle, { size, asChild: true, children: /* @__PURE__ */ jsx(ChakraSkeleton, { ...rest }) });
+};
+var SkeletonText = forwardRef(
+  function SkeletonText2(props, ref) {
+    const { noOfLines = 3, gap, ...rest } = props;
+    return /* @__PURE__ */ jsx(Stack, { gap, width: "full", ref, children: Array.from({ length: noOfLines }).map((_, index) => /* @__PURE__ */ jsx(
+      ChakraSkeleton,
+      {
+        height: "4",
+        ...props,
+        _last: { maxW: "80%" },
+        ...rest
+      },
+      index
+    )) });
+  }
+);
+var Skeleton = ChakraSkeleton;
+
+export {
+  SkeletonCircle,
+  SkeletonText,
+  Skeleton
+};

package/dist/chunk-UIP2CHMU.js

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

package/dist/{chunk-KFXNVUEZ.js → chunk-UNF77J24.js}

@@ -1,11 +1,11 @@
 'use client'
+import {
+  Button
+} from "./chunk-5HVAMQYO.js";
 import {
   CheckIcon,
   ChevronRightIcon
-} from "./chunk-4TPVIHNO.js";
-import {
-  Button
-} from "./chunk-NGSHWY7E.js";
+} from "./chunk-4XB7B73X.js";
 import {
   __export
 } from "./chunk-RTMS5TJN.js";
@@ -31,11 +31,9 @@ __export(menu_exports, {
   TriggerItem: () => MenuTriggerItem
 });
 import { forwardRef } from "react";
-import {
-  AbsoluteCenter,
-  Menu as ChakraMenu,
-  Portal
-} from "@chakra-ui/react";
+import { AbsoluteCenter } from "@chakra-ui/react/center";
+import { Menu as ChakraMenu } from "@chakra-ui/react/menu";
+import { Portal } from "@chakra-ui/react/portal";
 import { jsx, jsxs } from "react/jsx-runtime";
 var MenuContent = forwardRef(
   function MenuContent2(props, ref) {

package/dist/{chunk-GWC5GCMW.js → chunk-VJ4UOABT.js}

@@ -1,7 +1,7 @@
 'use client'
 import {
   Avatar
-} from "./chunk-JO4WJVYO.js";
+} from "./chunk-FN7TU5F5.js";
 
 // src/components/persona/persona.tsx
 import * as React2 from "react";

package/dist/{chunk-IEWHAXXU.js → chunk-WJZED26X.js}

@@ -2,7 +2,7 @@
 
 // src/components/tag/tag.tsx
 import { forwardRef } from "react";
-import { Tag as ChakraTag } from "@chakra-ui/react";
+import { Tag as ChakraTag } from "@chakra-ui/react/tag";
 import { jsx, jsxs } from "react/jsx-runtime";
 var Tag = forwardRef(
   function Tag2(props, ref) {