@saas-ui/react 3.0.0-next.1 → 3.0.0-next.10

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

@@ -1,43 +1 @@
-import * as _ark_ui_react from '@ark-ui/react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { Pagination } from '@chakra-ui/react/pagination';
-import { TextProps } from '@chakra-ui/react/typography';
-import { ButtonProps } from '@chakra-ui/react/button';
-
-type PaginationVariant = 'outline' | 'solid' | 'subtle';
-interface RootProps extends Omit<Pagination.RootProps, 'type'> {
-    size?: ButtonProps['size'];
-    variant?: PaginationVariant;
-}
-declare const Root: react.ForwardRefExoticComponent<RootProps & react.RefAttributes<HTMLDivElement>>;
-declare const Ellipsis: react.ForwardRefExoticComponent<Pagination.EllipsisProps & react.RefAttributes<HTMLDivElement>>;
-declare const Item: react.ForwardRefExoticComponent<Pagination.ItemProps & react.RefAttributes<HTMLButtonElement>>;
-declare const PrevButton: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextButton: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Items: (props: React.HTMLAttributes<HTMLElement>) => react_jsx_runtime.JSX.Element;
-interface PageTextProps extends TextProps {
-    format?: 'short' | 'compact' | 'long';
-}
-declare const PageText: react.ForwardRefExoticComponent<PageTextProps & react.RefAttributes<HTMLParagraphElement>>;
-declare const PrevTrigger: react.ForwardRefExoticComponent<Pagination.PrevTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const NextTrigger: react.ForwardRefExoticComponent<Pagination.NextTriggerProps & react.RefAttributes<HTMLButtonElement>>;
-declare const Context: (props: _ark_ui_react.PaginationContextProps) => react.ReactNode;
-
-declare const pagination_Context: typeof Context;
-declare const pagination_Ellipsis: typeof Ellipsis;
-declare const pagination_Item: typeof Item;
-declare const pagination_Items: typeof Items;
-declare const pagination_NextButton: typeof NextButton;
-declare const pagination_NextTrigger: typeof NextTrigger;
-declare const pagination_PageText: typeof PageText;
-type pagination_PageTextProps = PageTextProps;
-declare const pagination_PrevButton: typeof PrevButton;
-declare const pagination_PrevTrigger: typeof PrevTrigger;
-declare const pagination_Root: typeof Root;
-type pagination_RootProps = RootProps;
-declare namespace pagination {
-  export { pagination_Context as Context, pagination_Ellipsis as Ellipsis, pagination_Item as Item, pagination_Items as Items, pagination_NextButton as NextButton, pagination_NextTrigger as NextTrigger, pagination_PageText as PageText, type pagination_PageTextProps as PageTextProps, pagination_PrevButton as PrevButton, pagination_PrevTrigger as PrevTrigger, pagination_Root as Root, type pagination_RootProps as RootProps };
-}
-
-export { pagination as Pagination };
+export { Pagination_alias_1 as Pagination } from '../../_tsup-dts-rollup.js';

package/dist/components/pagination/index.js

@@ -1,10 +1,10 @@
 'use client'
 import {
   pagination_exports
-} from "../../chunk-TWTXZ7PR.js";
+} from "../../chunk-6XSCENTR.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
-import "../../chunk-4XB7B73X.js";
+import "../../chunk-XRQQE2AC.js";
 import "../../chunk-RTMS5TJN.js";
 export {
   pagination_exports as Pagination

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

@@ -36,8 +36,8 @@ __export(password_input_exports, {
 module.exports = __toCommonJS(password_input_exports);
 
 // src/components/password-input/password-input.tsx
-var import_react5 = require("react");
-var import_react6 = require("@chakra-ui/react");
+var import_react4 = require("react");
+var import_react5 = require("@chakra-ui/react");
 
 // ../../node_modules/react-icons/lib/iconBase.mjs
 var import_react2 = __toESM(require("react"), 1);
@@ -208,60 +208,32 @@ var IconButton = (0, import_react3.forwardRef)(
   }
 );
 
-// src/components/input-group/input-group.tsx
-var import_react4 = require("react");
-var import_group = require("@chakra-ui/react/group");
-
 // src/components/input/index.ts
 var import_input = require("@chakra-ui/react/input");
 
-// src/components/input-group/input-group.tsx
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var InputGroup = (0, import_react4.forwardRef)(
-  function InputGroup2(props, ref) {
-    const {
-      startElement,
-      startElementProps,
-      endElement,
-      endElementProps,
-      children,
-      ...rest
-    } = props;
-    return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_group.Group, { ref, display: "flex", ...rest, children: [
-      startElement && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_input.InputElement, { pointerEvents: "none", ...startElementProps, children: startElement }),
-      (0, import_react4.isValidElement)(children) && (0, import_react4.cloneElement)(children, {
-        ...startElement && { ps: "calc(var(--input-height) - 6px)" },
-        ...endElement && { pe: "calc(var(--input-height) - 6px)" },
-        ...children.props
-      }),
-      endElement && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_input.InputElement, { placement: "end", ...endElementProps, children: endElement })
-    ] });
-  }
-);
-
 // src/components/password-input/password-input.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var PasswordInput = (0, import_react5.forwardRef)(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PasswordInput = (0, import_react4.forwardRef)(
   function PasswordInput2(props, ref) {
     const {
       rootProps,
       defaultVisible,
       visible: visibleProp,
       onVisibleChange,
-      visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(LuEyeOff, {}) },
+      visibilityIcon = { on: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LuEye, {}), off: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(LuEyeOff, {}) },
       ...rest
     } = props;
-    const [visible, setVisible] = (0, import_react6.useControllableState)({
+    const [visible, setVisible] = (0, import_react5.useControllableState)({
       value: visibleProp,
       defaultValue: defaultVisible || false,
       onChange: onVisibleChange
     });
-    const inputRef = (0, import_react5.useRef)(null);
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      InputGroup,
+    const inputRef = (0, import_react4.useRef)(null);
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+      import_input.InputGroup,
       {
         width: "full",
-        endElement: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        endElement: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           VisibilityTrigger,
           {
             disabled: rest.disabled,
@@ -275,11 +247,11 @@ var PasswordInput = (0, import_react5.forwardRef)(
           }
         ),
         ...rootProps,
-        children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
           import_input.Input,
           {
             ...rest,
-            ref: (0, import_react6.mergeRefs)(ref, inputRef),
+            ref: (0, import_react5.mergeRefs)(ref, inputRef),
             type: visible ? "text" : "password"
           }
         )
@@ -287,9 +259,9 @@ var PasswordInput = (0, import_react5.forwardRef)(
     );
   }
 );
-var VisibilityTrigger = (0, import_react5.forwardRef)(
+var VisibilityTrigger = (0, import_react4.forwardRef)(
   function VisibilityTrigger2(props, ref) {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       IconButton,
       {
         tabIndex: -1,

package/dist/components/password-input/index.d.cts

@@ -1,20 +1,2 @@
-import * as react from 'react';
-import { InputGroupProps } from '../input-group/index.cjs';
-import { InputProps } from '@chakra-ui/react/input';
-import '@chakra-ui/react/group';
-
-interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
-    rootProps?: InputGroupProps;
-}
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
-interface PasswordVisibilityProps {
-    defaultVisible?: boolean;
-    visible?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-    visibilityIcon?: {
-        on: React.ReactNode;
-        off: React.ReactNode;
-    };
-}
-
-export { PasswordInput, type PasswordInputProps };
+export { PasswordInput_alias_1 as PasswordInput } from '../../_tsup-dts-rollup.cjs';
+export { PasswordInputProps_alias_1 as PasswordInputProps } from '../../_tsup-dts-rollup.cjs';

package/dist/components/password-input/index.d.ts

@@ -1,20 +1,2 @@
-import * as react from 'react';
-import { InputGroupProps } from '../input-group/index.js';
-import { InputProps } from '@chakra-ui/react/input';
-import '@chakra-ui/react/group';
-
-interface PasswordInputProps extends InputProps, PasswordVisibilityProps {
-    rootProps?: InputGroupProps;
-}
-declare const PasswordInput: react.ForwardRefExoticComponent<PasswordInputProps & react.RefAttributes<HTMLInputElement>>;
-interface PasswordVisibilityProps {
-    defaultVisible?: boolean;
-    visible?: boolean;
-    onVisibleChange?: (visible: boolean) => void;
-    visibilityIcon?: {
-        on: React.ReactNode;
-        off: React.ReactNode;
-    };
-}
-
-export { PasswordInput, type PasswordInputProps };
+export { PasswordInput_alias_1 as PasswordInput } from '../../_tsup-dts-rollup.js';
+export { PasswordInputProps_alias_1 as PasswordInputProps } from '../../_tsup-dts-rollup.js';

package/dist/components/password-input/index.js

@@ -1,9 +1,8 @@
 'use client'
 import {
   PasswordInput
-} from "../../chunk-T7XRS654.js";
-import "../../chunk-HKMYYESV.js";
-import "../../chunk-5MTFSSOH.js";
+} from "../../chunk-TXIFPX2A.js";
+import "../../chunk-BLSGOJQ7.js";
 import "../../chunk-OJZPPAT6.js";
 import "../../chunk-5HVAMQYO.js";
 import "../../chunk-RTMS5TJN.js";

package/dist/components/persona/index.cjs

@@ -33,7 +33,7 @@ var persona_exports = {};
 __export(persona_exports, {
   Persona: () => Persona,
   PersonaAvatar: () => PersonaAvatar2,
-  defaultPresenceOptions: () => defaultPresenceOptions
+  defaultPersonaPresenceOptions: () => defaultPersonaPresenceOptions
 });
 module.exports = __toCommonJS(persona_exports);
 
@@ -120,7 +120,7 @@ var PersonaAvatar = (0, import_react3.forwardRef)(
   (props, ref) => {
     const {
       name,
-      getInitials: getInitials2 = (name2) => name2 == null ? void 0 : name2[0],
+      getInitials: getInitials2 = (name2) => name2?.[0],
       icon,
       loading,
       onError,
@@ -217,7 +217,7 @@ var PersonaAvatar2 = React2.forwardRef(function PersonaAvatar3(props, ref) {
 });
 
 // src/components/persona/presence.ts
-var defaultPresenceOptions = {
+var defaultPersonaPresenceOptions = {
   online: {
     label: "Online",
     color: "presence.online"
@@ -243,5 +243,5 @@ var defaultPresenceOptions = {
 0 && (module.exports = {
   Persona,
   PersonaAvatar,
-  defaultPresenceOptions
+  defaultPersonaPresenceOptions
 });

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

@@ -1,222 +1,7 @@
-import * as react from 'react';
-import react__default from 'react';
-import * as _chakra_ui_react from '@chakra-ui/react';
-import { HTMLChakraProps, SlotRecipeProps, ImageProps } from '@chakra-ui/react';
-import { AvatarProps } from '../avatar/index.cjs';
-import { RecipeVariantProps } from '@chakra-ui/react/styled-system';
-import '@chakra-ui/react/avatar';
-import '@chakra-ui/react/group';
-
-declare const personaSlotRecipe: _chakra_ui_react.SlotRecipeDefinition<"presence" | "root" | "label" | "avatar" | "details" | "secondaryLabel" | "tertiaryLabel", {
-    size: {
-        '2xs': {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xs";
-            };
-            secondaryLabel: {
-                display: "none";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        xs: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xs";
-            };
-            secondaryLabel: {
-                display: "none";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        sm: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "sm";
-            };
-            secondaryLabel: {
-                fontSize: "xs";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        md: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "sm";
-            };
-            secondaryLabel: {
-                fontSize: "xs";
-            };
-            tertiaryLabel: {
-                display: "none";
-            };
-        };
-        lg: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "md";
-            };
-            secondaryLabel: {
-                fontSize: "sm";
-            };
-            tertiaryLabel: {
-                fontSize: "sm";
-            };
-        };
-        xl: {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "lg";
-            };
-            secondaryLabel: {
-                fontSize: "md";
-            };
-            tertiaryLabel: {
-                fontSize: "md";
-            };
-        };
-        '2xl': {
-            details: {
-                ms: number;
-            };
-            label: {
-                fontSize: "xl";
-            };
-            secondaryLabel: {
-                fontSize: "lg";
-            };
-            tertiaryLabel: {
-                fontSize: "lg";
-            };
-        };
-    };
-}>;
-type PersonaVariantProps = RecipeVariantProps<typeof personaSlotRecipe>;
-
-type Presence = 'online' | 'offline' | 'busy' | 'dnd' | 'away';
-interface PresenceConfig {
-    label: string;
-    color: string;
-}
-type PresenceOptions<P extends string = Presence> = Record<P, PresenceConfig>;
-/**
- * The presence configuration object.
- *
- * Default presence values: online, offline, busy, dnd, away
- *
- * You can overwrite colors in the theme semantic tokens.
- * theme.semanticTokens.colors['presence.online'] = 'cyan.500'
- *
- * Or add a custom presence value
- * theme.semanticTokens.colors['presence.vacay'] = 'blue.500'
- *
- * @see Docs https://saas-ui.dev/docs/components/data-display/persona
- */
-declare const defaultPresenceOptions: PresenceOptions;
-
-interface PersonaRootProps extends HTMLChakraProps<'div'>, SlotRecipeProps<'suiPersona'>, PersonaVariantProps {
-    /**
-     * Indicates that a person is out of office. Changes the presence badge style.
-     */
-    outOfOffice?: boolean;
-    /**
-     * The presence status of the person
-     */
-    presence?: Presence;
-}
-interface PersonaAvatarOptions {
-    /**
-     * The name of the person in the avatar.
-     *
-     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
-     * - If `src` is not loaded, the name will be used to create the initials
-     */
-    name?: string;
-}
-interface PersonaAvatarProps$1 extends PersonaAvatarOptions, AvatarProps {
-    src?: string;
-    srcSet?: string;
-    loading?: ImageProps['loading'];
-    icon?: react__default.ReactElement;
-    fallback?: react__default.ReactNode;
-    getInitials?: (name?: string | null) => string | null;
-}
-
-interface PersonaOptions {
-    /**
-     * The name of the person in the avatar.
-     *
-     * - if `src` has loaded, the name will be used as the `alt` attribute of the `img`
-     * - If `src` is not loaded, the name will be used to create the initials
-     */
-    name?: string;
-    /**
-     * The presence status of the person
-     *
-     * If set will add an AvatarBadge with color configured in `Presence`
-     * Default presence options:
-     * - online
-     * - offline
-     * - busy
-     * - dnd
-     * - away
-     */
-    presence?: Presence;
-    /**
-     * The icon shown in the AvatarBadge
-     */
-    presenceIcon?: react.ReactNode;
-    /**
-     * Indicates that a person is out of office. Changes the presence badge style.
-     */
-    isOutOfOffice?: boolean;
-    /**
-     * Primary label of the persona, defaults to the name
-     */
-    label?: react.ReactNode;
-    /**
-     * Secondary label, usually the role of the person
-     * Only visible from md size and up.
-     */
-    secondaryLabel?: react.ReactNode;
-    /**
-     * Tertiary label, usually the status of the person.
-     * Only visible from lg size and up.
-     */
-    tertiaryLabel?: react.ReactNode;
-    /**
-     * Hide the persona details next to the avatar.
-     */
-    hideDetails?: boolean;
-}
-interface PersonaProps extends PersonaOptions, Omit<PersonaAvatarProps$1, 'size'>, PersonaRootProps, PersonaVariantProps {
-}
-/**
- * The wrapper component that handles default composition.
- *
- * @see Docs https://saas-ui.dev/docs/components/data-display/persona
- */
-declare const Persona: react.ForwardRefExoticComponent<PersonaProps & react.RefAttributes<HTMLDivElement>>;
-interface PersonaAvatarProps extends Omit<PersonaProps, 'hideDetails' | 'label' | 'secondaryLabel' | 'tertiaryLabel' | 'children'> {
-}
-declare const PersonaAvatar: react.ForwardRefExoticComponent<PersonaAvatarProps & react.RefAttributes<HTMLDivElement>>;
-
-export { Persona, PersonaAvatar, type PersonaAvatarProps, type PersonaProps, type Presence, type PresenceConfig, defaultPresenceOptions };
+export { Persona_alias_1 as Persona } from '../../_tsup-dts-rollup.cjs';
+export { PersonaAvatar_alias_1 as PersonaAvatar } from '../../_tsup-dts-rollup.cjs';
+export { PersonaProps_alias_1 as PersonaProps } from '../../_tsup-dts-rollup.cjs';
+export { PersonaAvatarProps_alias_1 as PersonaAvatarProps } from '../../_tsup-dts-rollup.cjs';
+export { defaultPersonaPresenceOptions_alias_1 as defaultPersonaPresenceOptions } from '../../_tsup-dts-rollup.cjs';
+export { PersonaPresence_alias_1 as PersonaPresence } from '../../_tsup-dts-rollup.cjs';
+export { PersonaPresenceConfig_alias_1 as PersonaPresenceConfig } from '../../_tsup-dts-rollup.cjs';