@saas-ui/react 3.0.0-next.3 → 3.0.0-next.30

package/dist/index.js

@@ -1,502 +1,113 @@
-import {
-  Em,
-  Strong,
-  Text
-} from "./chunk-J5UCKCIO.js";
-import {
-  Wrap
-} from "./chunk-LGLJ2QUW.js";
-import {
-  Tag
-} from "./chunk-WJZED26X.js";
-import {
-  Table
-} from "./chunk-TH6YCBEG.js";
-import {
-  Timeline
-} from "./chunk-QLN2CBY6.js";
-import {
-  Toggle
-} from "./chunk-PEVIP5UT.js";
-import {
-  Toaster,
-  toast
-} from "./chunk-5RWFHB7W.js";
-import {
-  Tooltip
-} from "./chunk-7MCVXFWM.js";
-import {
-  VisuallyHidden
-} from "./chunk-HHTTORZ6.js";
-import {
-  Stack
-} from "./chunk-CBX6MYVA.js";
-import {
-  stat_exports
-} from "./chunk-3RHNNKPC.js";
-import {
-  Switch
-} from "./chunk-3E6URZ5P.js";
-import {
-  Status
-} from "./chunk-U3EPRSD3.js";
-import {
-  steps_exports
-} from "./chunk-I2J6U5Z4.js";
-import {
-  Tabs,
-  useTabsContext,
-  useTabsStyles
-} from "./chunk-5YNHX4C7.js";
-import {
-  Textarea
-} from "./chunk-CQD32UVJ.js";
-import {
-  Show
-} from "./chunk-LU2H6GWC.js";
-import {
-  Separator
-} from "./chunk-27OMFCPD.js";
-import {
-  sidebar_exports,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles
-} from "./chunk-U23VDAWJ.js";
-import {
-  Skeleton,
-  SkeletonCircle,
-  SkeletonText
-} from "./chunk-UEXUCHDD.js";
-import {
-  SkipNavContent,
-  SkipNavLink
-} from "./chunk-GDDJYUWM.js";
-import {
-  Slider
-} from "./chunk-HREBIPVW.js";
-import {
-  Spacer
-} from "./chunk-UAX5344Y.js";
-import {
-  Radio
-} from "./chunk-PZWP36YA.js";
-import {
-  radio_card_exports
-} from "./chunk-KRJG7H4W.js";
-import {
-  RadioGroup
-} from "./chunk-NCNHDETB.js";
-import {
-  RatingGroup
-} from "./chunk-HQVBJT5Y.js";
-import {
-  SegmentedControl
-} from "./chunk-KFDVVTMT.js";
-import {
-  SearchInput
-} from "./chunk-HJX66GFT.js";
-import {
-  namespace_exports
-} from "./chunk-BVISYY3B.js";
-import {
-  PinInput
-} from "./chunk-RYKJOZ3B.js";
-import {
-  Persona,
-  PersonaAvatar,
-  defaultPersonaPresenceOptions
-} from "./chunk-TYGGMKHU.js";
-import {
-  Portal
-} from "./chunk-UZUMIWPJ.js";
-import {
-  Presence
-} from "./chunk-PONMXNY4.js";
-import {
-  Progress
-} from "./chunk-6YZ76Q2W.js";
-import {
-  ProgressCircle
-} from "./chunk-7HAGRXKM.js";
-import {
-  QrCode
-} from "./chunk-K3MFCSAW.js";
-import {
-  menu_exports
-} from "./chunk-ZNQNBTWF.js";
-import {
-  NativeSelect
-} from "./chunk-5OUNZEYB.js";
-import {
-  navbar_exports
-} from "./chunk-DJNPK2LM.js";
-import {
-  Mark
-} from "./chunk-EWCBYJA7.js";
-import {
-  NumberInput
-} from "./chunk-RFBD2ZNL.js";
-import {
-  pagination_exports
-} from "./chunk-L4JB7UFV.js";
-import {
-  page_exports,
-  usePageStyles
-} from "./chunk-ZJ2VD224.js";
-import {
-  PasswordInput
-} from "./chunk-TXIFPX2A.js";
-import {
-  InfoTip
-} from "./chunk-AHG5XKEK.js";
-import {
-  ToggleTip
-} from "./chunk-JL4MHGRE.js";
-import {
-  popover_exports
-} from "./chunk-HRFQMDUK.js";
-import {
-  Loader
-} from "./chunk-DHFAFRZ4.js";
-import {
-  List
-} from "./chunk-C5KFNMWU.js";
-import {
-  loading_overlay_exports
-} from "./chunk-BDS3APRG.js";
-import {
-  Spinner
-} from "./chunk-MK3OG2I4.js";
-import {
-  Highlight
-} from "./chunk-TGEP2YAT.js";
-import {
-  Group
-} from "./chunk-3CKGT42F.js";
-import {
-  Icon
-} from "./chunk-M3DJWM6D.js";
-import {
-  hover_card_exports
-} from "./chunk-MZ2RY4NU.js";
-import {
-  IconBadge
-} from "./chunk-NSFGACD7.js";
-import {
-  Image
-} from "./chunk-FD2V4Y66.js";
-import {
-  Float
-} from "./chunk-XD7U6L2E.js";
-import {
-  Fieldset,
-  useFieldsetContext
-} from "./chunk-FPRTN3I7.js";
-import {
-  FocusTrap
-} from "./chunk-EWATHRZA.js";
-import {
-  FormatByte,
-  FormatNumber
-} from "./chunk-6WZK2RBQ.js";
-import {
-  grid_list_exports
-} from "./chunk-ZUT5GZTD.js";
-import {
-  Grid
-} from "./chunk-EZZW6JOU.js";
-import {
-  Heading
-} from "./chunk-HZX4AGO5.js";
-import {
-  dialog_exports
-} from "./chunk-HHUVJRPT.js";
-import {
-  drawer_exports
-} from "./chunk-KH7E5C3C.js";
-import {
-  Editable
-} from "./chunk-TEQVVR3W.js";
-import {
-  EmptyState
-} from "./chunk-NGGISORT.js";
-import {
-  EnvironmentProvider,
-  useEnvironmentContext
-} from "./chunk-LFOA3DZO.js";
-import {
-  Field,
-  useFieldContext,
-  useFieldStyles
-} from "./chunk-XX2OY7LK.js";
-import {
-  file_upload_exports,
-  useFileUploadContext
-} from "./chunk-EJOXGWHK.js";
-import {
-  Code
-} from "./chunk-YMCOU2N5.js";
-import {
-  Collapsible
-} from "./chunk-PEJYADAS.js";
-import {
-  ColorPicker
-} from "./chunk-JR5RLXCK.js";
-import {
-  Checkbox
-} from "./chunk-Z3SWPGPQ.js";
-import {
-  ColorSwatch
-} from "./chunk-TYMVLD3B.js";
-import {
-  Command
-} from "./chunk-5ZKEXMBN.js";
-import {
-  Kbd
-} from "./chunk-OQU4LWZW.js";
-import {
-  Container
-} from "./chunk-PIQURQGB.js";
-import {
-  DataList,
-  useDataListStyles
-} from "./chunk-52XM5VXJ.js";
-import {
-  ButtonGroup
-} from "./chunk-7PWVK3NL.js";
-import {
-  Card
-} from "./chunk-7DF4NQNZ.js";
-import {
-  Center
-} from "./chunk-46OCNELO.js";
-import {
-  CheckboxCard
-} from "./chunk-NLMFEUVO.js";
-import {
-  Checkmark
-} from "./chunk-UIP2CHMU.js";
-import {
-  ClientOnly
-} from "./chunk-4N4SHDPB.js";
-import {
-  clipboard_exports
-} from "./chunk-YX44E5NF.js";
-import {
-  Input,
-  InputAddon,
-  InputElement,
-  InputGroup,
-  InputPropsProvider
-} from "./chunk-BLSGOJQ7.js";
-import "./chunk-KTLWEUNW.js";
-import "./chunk-YHQ5JGCC.js";
-import {
-  Avatar,
-  AvatarGroup
-} from "./chunk-FN7TU5F5.js";
-import {
-  BackButton
-} from "./chunk-LKPWSC6O.js";
-import {
-  Link
-} from "./chunk-LIOV5MU4.js";
-import {
-  SuiContext,
-  SuiProvider,
-  useLink,
-  useSui
-} from "./chunk-ZULBHMWG.js";
-import {
-  Badge,
-  BadgePropsProvider
-} from "./chunk-R2J5USV6.js";
-import {
-  Bleed
-} from "./chunk-Y2S4O4UY.js";
-import {
-  Blockquote
-} from "./chunk-GSWLAOIM.js";
-import {
-  Box
-} from "./chunk-2YXHXL6J.js";
-import {
-  breadcrumb_exports
-} from "./chunk-CRFTMIQA.js";
-import {
-  defaultConfig,
-  defaultSystem
-} from "./chunk-NKUBVRXY.js";
-import "./chunk-QAAKAKP7.js";
-import {
-  accordion_exports
-} from "./chunk-KB6NR2HZ.js";
-import {
-  action_bar_exports
-} from "./chunk-K7BMQECB.js";
-import {
-  Alert
-} from "./chunk-4H66FBQW.js";
-import "./chunk-JMYI6YXR.js";
-import {
-  CloseButton
-} from "./chunk-WZUKOJGI.js";
-import {
-  IconButton
-} from "./chunk-OJZPPAT6.js";
-import {
-  Button
-} from "./chunk-5HVAMQYO.js";
-import "./chunk-OME35FUG.js";
-import {
-  AppShell
-} from "./chunk-YTTZX7ZE.js";
-import {
-  AspectRatio
-} from "./chunk-BSE7ZUP5.js";
-import "./chunk-RTMS5TJN.js";
-
-// src/index.ts
-import { createSystem } from "@chakra-ui/react";
-export {
-  accordion_exports as Accordion,
-  action_bar_exports as ActionBar,
-  Alert,
-  AppShell,
-  AspectRatio,
-  Avatar,
-  AvatarGroup,
-  BackButton,
-  Badge,
-  BadgePropsProvider,
-  Bleed,
-  Blockquote,
-  Box,
-  breadcrumb_exports as Breadcrumb,
-  Button,
-  ButtonGroup,
-  Card,
-  Center,
-  Checkbox,
-  CheckboxCard,
-  Checkmark,
-  ClientOnly,
-  clipboard_exports as Clipboard,
-  CloseButton,
-  Code,
-  Collapsible,
-  ColorPicker,
-  ColorSwatch,
-  Command,
-  Container,
-  DataList,
-  dialog_exports as Dialog,
-  drawer_exports as Drawer,
-  Editable,
-  Em,
-  EmptyState,
-  EnvironmentProvider,
-  Field,
-  Fieldset,
-  file_upload_exports as FileUpload,
-  Float,
-  FocusTrap,
-  FormatByte,
-  FormatNumber,
-  Grid,
-  grid_list_exports as GridList,
-  Group,
-  Heading,
-  Highlight,
-  hover_card_exports as HoverCard,
-  Icon,
-  IconBadge,
-  IconButton,
-  Image,
-  InfoTip,
-  Input,
-  InputAddon,
-  InputElement,
-  InputGroup,
-  InputPropsProvider,
-  Kbd,
-  Link,
-  List,
-  Loader,
-  loading_overlay_exports as LoadingOverlay,
-  Mark,
-  menu_exports as Menu,
-  NativeSelect,
-  navbar_exports as Navbar,
-  NumberInput,
-  page_exports as Page,
-  pagination_exports as Pagination,
-  PasswordInput,
-  Persona,
-  PersonaAvatar,
-  PinInput,
-  popover_exports as Popover,
-  Portal,
-  Presence,
-  Progress,
-  ProgressCircle,
-  QrCode,
-  Radio,
-  radio_card_exports as RadioCard,
-  RadioGroup,
-  RatingGroup,
-  SearchInput,
-  SegmentedControl,
-  namespace_exports as Select,
-  Separator,
-  Show,
-  sidebar_exports as Sidebar,
-  Skeleton,
-  SkeletonCircle,
-  SkeletonText,
-  SkipNavContent,
-  SkipNavLink,
-  Slider,
-  Spacer,
-  Spinner,
-  Stack,
-  stat_exports as Stat,
-  Status,
-  steps_exports as Steps,
-  Strong,
-  SuiContext,
-  SuiProvider,
-  Switch,
-  Table,
-  Tabs,
-  Tag,
-  Text,
-  Textarea,
-  Timeline,
-  Toaster,
-  Toggle,
-  ToggleTip,
-  Tooltip,
-  VisuallyHidden,
-  Wrap,
-  createSystem,
-  defaultConfig,
-  defaultPersonaPresenceOptions,
-  defaultSystem,
-  toast,
-  useDataListStyles,
-  useEnvironmentContext,
-  useFieldContext,
-  useFieldStyles,
-  useFieldsetContext,
-  useFileUploadContext,
-  useLink,
-  usePageStyles,
-  useSidebar,
-  useSidebarItemStyles,
-  useSidebarStyles,
-  useSui,
-  useTabsContext,
-  useTabsStyles
-};
+export { defaultSystem, defaultConfig } from "./preset.js";
+export { createSystem, defineAnimationStyles, defineConditions, defineConfig, defineGlobalStyles, defineKeyframes, defineLayerStyles, defineRecipe, defineSemanticTokens, defineSlotRecipe, defineStyle, defineTextStyles, defineTokens, chakra, createRecipeContext, createSlotRecipeContext, useRecipe, useSlotRecipe, useChakraContext, useToken, } from '@chakra-ui/react/styled-system';
+export { useMediaQuery, useBreakpoint, useBreakpointValue, useControllableState, useDisclosure, createListCollection, createContext, mergeRefs, } from '@chakra-ui/react';
+export { SuiProvider, SuiContext, useLink, useSui } from "./provider/index.js";
+export { Accordion } from "./components/accordion/index.js";
+export { ActionBar } from "./components/action-bar/index.js";
+export { Alert } from "./components/alert/index.js";
+export { AppShell } from "./components/app-shell/index.js";
+export { Avatar, AvatarGroup, } from "./components/avatar/index.js";
+export { Badge, BadgePropsProvider, } from "./components/badge/index.js";
+export { BackButton, } from "./components/back-button/index.js";
+export { Blockquote, } from "./components/blockquote/index.js";
+export { Breadcrumb } from "./components/breadcrumb/index.js";
+export { Button } from "./components/button/index.js";
+export { ButtonGroup, } from "./components/button-group/index.js";
+export { Card } from "./components/card/index.js";
+export { Checkbox } from "./components/checkbox/index.js";
+export { Checkmark } from "./components/checkmark/index.js";
+export { CheckboxCard, } from "./components/checkbox-card/index.js";
+export { Clipboard } from "./components/clipboard/index.js";
+export { useClipboard } from "./components/clipboard/index.js";
+export { CloseButton, } from "./components/close-button/index.js";
+export { Container } from "./components/container/index.js";
+export { Code } from "./components/code/index.js";
+export { Collapsible } from "./components/collapsible/index.js";
+export { Command } from "./components/command/index.js";
+export { DataList, useDataListStyles } from "./components/data-list/index.js";
+export { Dialog } from "./components/dialog/index.js";
+export { Drawer } from "./components/drawer/index.js";
+export { Editable } from "./components/editable/index.js";
+export { EmptyState, } from "./components/empty-state/index.js";
+export { FileUpload, useFileUploadContext, } from "./components/file-upload/index.js";
+export { Field, useFieldContext, useFieldStyles, } from "./components/field/index.js";
+export { Fieldset, useFieldsetContext } from "./components/fieldset/index.js";
+export { GridList } from "./components/grid-list/index.js";
+export { Heading } from "./components/heading/index.js";
+export { HoverCard } from "./components/hover-card/index.js";
+export { createIcon } from "./components/icons/create-icon.js";
+export { Icon } from "./components/icon/index.js";
+export { IconBadge } from "./components/icon-badge/index.js";
+export { IconButton, } from "./components/icon-button/index.js";
+export { Image } from "./components/image/index.js";
+export { Input, InputAddon, InputElement, InputPropsProvider, InputGroup, } from "./components/input/index.js";
+export { InfoTip } from "./components/info-tip/index.js";
+export { Kbd } from "./components/kbd/index.js";
+export { Link } from "./components/link/index.js";
+export { Loader } from "./components/loader/index.js";
+export { List } from "./components/list/index.js";
+export { LoadingOverlay } from "./components/loading-overlay/index.js";
+export { Mark } from "./components/mark/index.js";
+export { Navbar } from "./components/navbar/index.js";
+export { NativeSelect, } from "./components/native-select/index.js";
+export { NumberInput, } from "./components/number-input/index.js";
+export { Menu } from "./components/menu/index.js";
+export { Page, usePageStyles } from "./components/page/index.js";
+export { Pagination } from "./components/pagination/index.js";
+export { PasswordInput, } from "./components/password-input/index.js";
+export { Persona, PersonaAvatar, defaultPersonaPresenceOptions, } from "./components/persona/index.js";
+export { PinInput } from "./components/pin-input/index.js";
+export { Popover } from "./components/popover/index.js";
+export { Progress } from "./components/progress/index.js";
+export { ProgressCircle } from "./components/progress-circle/index.js";
+export { Radio } from "./components/radio/index.js";
+export { RadioGroup } from "./components/radio-group/index.js";
+export { RadioCard } from "./components/radio-card/index.js";
+export { RatingGroup } from "./components/rating-group/index.js";
+export { SearchInput, } from "./components/search-input/index.js";
+export { Select } from "./components/select/index.js";
+export { Separator } from "./components/separator/index.js";
+export { Skeleton, SkeletonCircle, SkeletonText, } from "./components/skeleton/index.js";
+export { SegmentedControl, } from "./components/segmented-control/index.js";
+export { Sidebar, useSidebar, useSidebarItemStyles, useSidebarStyles, } from "./components/sidebar/index.js";
+export { SkipNavLink, SkipNavContent, } from "./components/skip-nav/index.js";
+export { Slider } from "./components/slider/index.js";
+export { Spinner } from "./components/spinner/index.js";
+export { Status } from "./components/status/index.js";
+export { Stat } from "./components/stat/index.js";
+export { Steps } from "./components/steps/index.js";
+export { Switch } from "./components/switch/index.js";
+export { Table } from "./components/table/index.js";
+export { Tabs, useTabsContext, useTabsStyles } from "./components/tabs/index.js";
+export { Tag } from "./components/tag/index.js";
+export { Timeline } from "./components/timeline/index.js";
+export { Toaster, toast, } from "./components/toaster/index.js";
+export { Tooltip } from "./components/tooltip/index.js";
+export { Textarea } from "./components/textarea/index.js";
+export { ToggleTip, } from "./components/toggle-tip/index.js";
+export { AspectRatio, } from "./components/aspect-ratio/index.js";
+export { Bleed } from "./components/bleed/index.js";
+export { Box, Span, } from "./components/box/index.js";
+export { Center } from "./components/center/index.js";
+export { ClientOnly } from "./components/client-only/index.js";
+export { ColorPicker } from "./components/color-picker/index.js";
+export { ColorSwatch } from "./components/color-swatch/index.js";
+export { EnvironmentProvider, useEnvironmentContext, } from "./components/env/index.js";
+export { Float } from "./components/float/index.js";
+export { FocusTrap } from "./components/focus-trap/index.js";
+export { FormatByte, FormatNumber, } from "./components/format/index.js";
+export { Grid, SimpleGrid, GridItem, } from "./components/grid/index.js";
+export { Group } from "./components/group/index.js";
+export { Highlight } from "./components/highlight/index.js";
+export { Portal } from "./components/portal/index.js";
+export { Presence } from "./components/presence/index.js";
+export { QrCode, useQrCode } from "./components/qr-code/index.js";
+export { Section, useSectionStyles } from "./components/section/index.js";
+export { Show } from "./components/show/index.js";
+export { Spacer } from "./components/spacer/index.js";
+export { Stack, HStack, VStack, StackSeparator, } from "./components/stack/index.js";
+export { Toggle } from "./components/toggle/index.js";
+export { Em, Strong, Text, } from "./components/typography/index.js";
+export { VisuallyHidden } from "./components/visually-hidden/index.js";
+export { Wrap } from "./components/wrap/index.js";
+export { Flex } from "./components/flex/index.js";

package/dist/preset.d.ts

@@ -1,3 +1,3 @@
-export { defaultSystem_alias_1 as defaultSystem } from './_tsup-dts-rollup.js';
-export { system } from './_tsup-dts-rollup.js';
-export { defaultConfig_alias_1 as defaultConfig } from './_tsup-dts-rollup.js';
+declare const defaultConfig: import("@chakra-ui/react").SystemConfig;
+export declare const defaultSystem: import("@chakra-ui/react").SystemContext;
+export { defaultSystem as system, defaultConfig };

package/dist/preset.js

@@ -1,12 +1,10 @@
-'use client'
-import {
-  defaultConfig,
-  defaultSystem
-} from "./chunk-NKUBVRXY.js";
-import "./chunk-QAAKAKP7.js";
-import "./chunk-RTMS5TJN.js";
-export {
-  defaultConfig,
-  defaultSystem,
-  defaultSystem as system
-};
+import { createSystem, defaultBaseConfig, mergeConfigs } from '@chakra-ui/react';
+import { defaultThemeConfig } from "./theme/index.js";
+import { utilities } from "./theme/utilities.js";
+const defaultConfig = mergeConfigs(defaultBaseConfig, defaultThemeConfig);
+/**
+ * TODO: This is a temporary fix to add the utilities to the default config.
+ */
+defaultConfig.utilities = Object.assign(defaultConfig.utilities ?? {}, utilities);
+export const defaultSystem = createSystem(defaultConfig);
+export { defaultSystem as system, defaultConfig };

package/dist/provider/index.d.ts

@@ -0,0 +1,3 @@
+export { SuiContext, SuiProvider, useSui } from './sui-provider.tsx';
+export type { SuiContextValue, SuiProviderProps } from './sui-provider.tsx';
+export { useLink } from './use-link.tsx';

package/dist/provider/index.js

@@ -0,0 +1,2 @@
+export { SuiContext, SuiProvider, useSui } from "./sui-provider.js";
+export { useLink } from "./use-link.js";

package/dist/provider/sui-provider.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ChakraProviderProps } from '@chakra-ui/react';
+export interface SuiContextValue {
+    linkComponent?: React.ElementType<any>;
+}
+export declare const SuiContext: React.Context<SuiContextValue>;
+export interface SuiProviderProps extends ChakraProviderProps {
+    linkComponent?: React.ElementType<any>;
+    children: React.ReactNode;
+    onError?: (error: Error, errorInfo: React.ErrorInfo) => void;
+}
+export declare function SuiProvider(props: SuiProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare const useSui: () => SuiContextValue;

package/dist/provider/sui-provider.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { ChakraProvider } from '@chakra-ui/react';
+export const SuiContext = React.createContext({});
+export function SuiProvider(props) {
+    const { linkComponent, onError, children, ...rest } = props;
+    const context = React.useMemo(() => ({
+        linkComponent,
+    }), []);
+    return (_jsx(SuiContext.Provider, { value: context, children: _jsx(ChakraProvider, { ...rest, children: children }) }));
+}
+export const useSui = () => React.useContext(SuiContext);