@boxcustodia/library 1.2.0 → 1.2.1

package/dist/index.es865.js

@@ -1,4 +1,74 @@
-var e = {};
+import r from "./index.es870.js";
+import o from "./index.es871.js";
+import t from "./index.es872.js";
+import e from "./index.es873.js";
+import f from "./index.es874.js";
+import p from "./index.es875.js";
+import $ from "./index.es876.js";
+import m from "./index.es877.js";
+import d from "./index.es878.js";
+import s from "./index.es879.js";
+import b from "./index.es880.js";
+import i from "./index.es881.js";
+import x from "./index.es882.js";
+import c from "./index.es883.js";
+import a from "./index.es884.js";
+import R from "./index.es885.js";
+import l from "./index.es886.js";
+import E from "./index.es887.js";
+import S from "./index.es888.js";
+import h from "./index.es889.js";
+import L from "./index.es890.js";
+import T from "./index.es891.js";
+import u from "./index.es892.js";
+import I from "./index.es893.js";
+import P from "./index.es894.js";
+import U from "./index.es895.js";
+import k from "./index.es896.js";
+import n from "./index.es897.js";
+import v from "./index.es898.js";
+import K from "./index.es899.js";
+import N from "./index.es900.js";
+import z from "./index.es901.js";
+import A from "./index.es902.js";
+import B from "./index.es903.js";
+var C = {};
+C = {
+  "ar-AE": r,
+  "bg-BG": o,
+  "cs-CZ": t,
+  "da-DK": e,
+  "de-DE": f,
+  "el-GR": p,
+  "en-US": $,
+  "es-ES": m,
+  "et-EE": d,
+  "fi-FI": s,
+  "fr-FR": b,
+  "he-IL": i,
+  "hr-HR": x,
+  "hu-HU": c,
+  "it-IT": a,
+  "ja-JP": R,
+  "ko-KR": l,
+  "lt-LT": E,
+  "lv-LV": S,
+  "nb-NO": h,
+  "nl-NL": L,
+  "pl-PL": T,
+  "pt-BR": u,
+  "pt-PT": I,
+  "ro-RO": P,
+  "ru-RU": U,
+  "sk-SK": k,
+  "sl-SI": n,
+  "sr-SP": v,
+  "sv-SE": K,
+  "tr-TR": N,
+  "uk-UA": z,
+  "zh-CN": A,
+  "zh-TW": B
+};
 export {
-  e as __exports
+  C as default
 };

package/dist/index.es866.js

@@ -1,6 +1,4 @@
-function i(n, t) {
-  return typeof n == "function" ? n(t) : n && (n.current = t), n;
-}
+var r = {};
 export {
-  i as assignRef
+  r as __exports
 };

package/dist/index.es867.js

@@ -1,25 +1,4 @@
-import { useState as u } from "react";
-function n(c, r) {
-  var e = u(function() {
-    return {
-      // value
-      value: c,
-      // last callback
-      callback: r,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return e.value;
-        },
-        set current(a) {
-          var t = e.value;
-          t !== a && (e.value = a, e.callback(a, t));
-        }
-      }
-    };
-  })[0];
-  return e.callback = r, e.facade;
-}
+var e = {};
 export {
-  n as useCallbackRef
+  e as __exports
 };

package/dist/index.es868.js

@@ -1,4 +1,6 @@
-var r = {};
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
 export {
-  r as __exports
+  i as assignRef
 };

package/dist/index.es869.js

@@ -1,4 +1,25 @@
-var e = {};
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
 export {
-  e as __exports
+  n as useCallbackRef
 };

package/dist/index.es87.js

@@ -1,4 +1,4 @@
-import { j as r } from "./index.es104.js";
+import { j as r } from "./index.es106.js";
 import { TreeRoot as c, TreeItem as d, TreeItemContent as s, TreeItemIndicator as x, TreeItemLabel as h } from "./index.es89.js";
 import { Collection as j } from "./index.es88.js";
 function u({ items: n, ...i }) {

package/dist/index.es88.js

@@ -1,12 +1,12 @@
-import { BaseCollection as h } from "./index.es402.js";
-import { Document as w } from "./index.es403.js";
-import { useCachedChildren as P } from "./index.es304.js";
-import { Hidden as y } from "./index.es294.js";
+import { BaseCollection as h } from "./index.es405.js";
+import { Document as w } from "./index.es406.js";
+import { useCachedChildren as P } from "./index.es310.js";
+import { Hidden as y } from "./index.es300.js";
 import { createPortal as g } from "react-dom";
 import c, { useContext as d, createContext as f, useMemo as v, forwardRef as p, useCallback as s, useState as D, useRef as B } from "react";
-import { useIsSSR as C } from "./index.es404.js";
-import { useLayoutEffect as N } from "./index.es405.js";
-import { s as F } from "./index.es192.js";
+import { useIsSSR as C } from "./index.es407.js";
+import { useLayoutEffect as N } from "./index.es408.js";
+import { s as F } from "./index.es181.js";
 const x = /* @__PURE__ */ f(!1), $ = /* @__PURE__ */ f(null);
 function K(t) {
   if (d($))

package/dist/index.es89.js

@@ -1,9 +1,9 @@
-import { j as e } from "./index.es104.js";
-import { Button as c } from "./index.es159.js";
-import { composeRenderProps as s } from "./index.es160.js";
-import { UNSTABLE_TreeItem as i, UNSTABLE_TreeItemContent as l, UNSTABLE_Tree as d } from "./index.es161.js";
-import { tv as n } from "./index.es162.js";
-import m from "./index.es138.js";
+import { j as e } from "./index.es106.js";
+import { Button as c } from "./index.es157.js";
+import { composeRenderProps as s } from "./index.es158.js";
+import { UNSTABLE_TreeItem as i, UNSTABLE_TreeItemContent as l, UNSTABLE_Tree as d } from "./index.es159.js";
+import { tv as n } from "./index.es160.js";
+import m from "./index.es147.js";
 const f = n({
   base: "flex py-2 rounded-lg bg-bg cursor-default lg:text-sm flex-col overflow-auto outline-none",
   variants: {

package/dist/index.es90.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es103.js";
+import { useCallbackRef as f } from "./index.es101.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es91.js

@@ -1,5 +1,5 @@
-import { clsx as e } from "./index.es101.js";
-import { extendTailwindMerge as t } from "./index.es102.js";
+import { clsx as e } from "./index.es102.js";
+import { extendTailwindMerge as t } from "./index.es103.js";
 const n = t({});
 function c(...r) {
   return n(e(r));

package/dist/index.es92.js

@@ -1,4 +1,4 @@
-import { j as n } from "./index.es104.js";
+import { j as n } from "./index.es106.js";
 import { useContext as s, createContext as m } from "react";
 const t = {}, o = m({ theme: t }), u = () => s(o), h = ({
   children: e,

package/dist/index.es96.js

@@ -1,4 +1,4 @@
-import { j as o } from "./index.es104.js";
+import { j as o } from "./index.es106.js";
 import { isValidElement as f } from "react";
 const x = ({
   children: t,

package/dist/index.es99.js

@@ -1,4 +1,4 @@
-import { act as o } from "./index.es158.js";
+import { act as o } from "./index.es107.js";
 const i = (c) => o(() => c.click());
 export {
   i as click

package/dist/setupTests.d.ts

@@ -0,0 +1 @@
+

package/dist/src/__doc__/Examples.d.ts

@@ -0,0 +1,8 @@
+import { Input } from '../components';
+import { ComponentPropsWithoutRef } from 'react';
+
+export declare const BorderRadius: () => import("react/jsx-runtime").JSX.Element;
+type InputProps = ComponentPropsWithoutRef<typeof Input>;
+export declare const ExampleProps: (props: InputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ChangelogViewer: () => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/alertdialog/AlertDialog.d.ts

@@ -0,0 +1,27 @@
+import { Button, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogRoot, DialogTitle, DialogTrigger } from '..';
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+
+type AlertDialogProps = React.ComponentPropsWithoutRef<typeof DialogRoot> & {
+    title?: React.ReactNode;
+    description?: React.ReactNode;
+    trigger?: React.ReactNode;
+    onClose?: () => void;
+    onAction?: () => void;
+    variant?: "default" | "error";
+    triggerProps?: ComponentProps<typeof DialogTrigger>;
+    contentProps?: ComponentProps<typeof DialogContent>;
+    headerProps?: ComponentProps<typeof DialogHeader>;
+    titleProps?: ComponentProps<typeof DialogTitle>;
+    descriptionProps?: ComponentProps<typeof DialogDescription>;
+    footerProps?: ComponentProps<typeof DialogFooter>;
+    closeProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    actionProps?: ComponentProps<typeof DialogClose> & VariantProps<typeof Button>;
+    closeText?: React.ReactNode;
+    actionText?: React.ReactNode;
+};
+export declare const AlertDialog: {
+    ({ title, description, trigger, onClose, onAction, variant, triggerProps, contentProps, headerProps, titleProps, descriptionProps, footerProps, closeProps, closeText, actionText, actionProps, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/alertdialog/__doc__/AlertDialog.stories.d.ts

@@ -0,0 +1,12 @@
+import { AlertDialog } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * Modal simple que permite la confirmación de una operación.
+ */
+declare const meta: Meta<typeof AlertDialog>;
+export default meta;
+type Story = StoryObj<typeof AlertDialog>;
+export declare const Default: Story;
+export declare const Error: Story;
+export declare const Custom: Story;

package/dist/src/components/alertdialog/__test__/AlertDialog.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/alertdialog/index.d.ts

@@ -0,0 +1 @@
+export * from './AlertDialog';

package/dist/src/components/autoComplete/AutoComplete.d.ts

@@ -0,0 +1,32 @@
+import { AutoCompleteRoot, AutoCompleteInput, AutoCompleteList, AutoCompleteItem, AutoCompleteEmpty } from '..';
+import { ClassName } from '../../models';
+import { ComponentProps } from 'react';
+
+interface AutoCompleteItem {
+    value: string;
+    label: string;
+    shortcut?: string;
+}
+interface ExtendedProps {
+    containerClassName: ClassName;
+    inputClassName: ClassName;
+    listClassName: ClassName;
+    itemClassName: ClassName;
+    emptyClassName: ClassName;
+    containerProps: ComponentProps<typeof AutoCompleteRoot>;
+    inputProps: ComponentProps<typeof AutoCompleteInput>;
+    listProps: ComponentProps<typeof AutoCompleteList>;
+    itemProps: ComponentProps<typeof AutoCompleteItem>;
+    emptyProps: ComponentProps<typeof AutoCompleteEmpty>;
+}
+interface Props extends ExtendedProps {
+    items: AutoCompleteItem[];
+    placeholder?: string;
+    emptyMessage?: string;
+    onSelect?: (value: AutoCompleteItem["value"], item: AutoCompleteItem) => any;
+}
+export declare const AutoComplete: {
+    ({ items, placeholder, emptyMessage, onSelect, containerClassName, containerProps, inputClassName, inputProps, listClassName, listProps, itemClassName, itemProps, emptyClassName, emptyProps, }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/autoComplete/AutoCompletePrimitives.d.ts

@@ -0,0 +1,40 @@
+import { DialogProps } from '@radix-ui/react-dialog';
+import { Command } from 'cmdk';
+
+import * as React from "react";
+declare const AutoCompleteRoot: {
+    ({ className, ...props }: React.ComponentProps<typeof Command>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+interface AutoCompleteDialogProps extends DialogProps {
+}
+declare const AutoCompleteDialog: ({ children, ...props }: AutoCompleteDialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const AutoCompleteInput: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Input>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteList: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.List>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteEmpty: {
+    (props: React.ComponentProps<typeof Command.Empty>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteGroup: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Group>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteSeparator: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Separator>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteItem: {
+    ({ className, ...props }: React.ComponentProps<typeof Command.Item>): import("react/jsx-runtime").JSX.Element;
+    displayName: string | undefined;
+};
+declare const AutoCompleteShortcut: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { AutoCompleteDialog, AutoCompleteEmpty, AutoCompleteGroup, AutoCompleteInput, AutoCompleteItem, AutoCompleteList, AutoCompleteRoot, AutoCompleteSeparator, AutoCompleteShortcut, };

package/dist/src/components/autoComplete/__doc__/AutoComplete.stories.d.ts

@@ -0,0 +1,35 @@
+import { AutoComplete } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+declare const meta: Meta<typeof AutoComplete>;
+export default meta;
+type Story = StoryObj<typeof AutoComplete>;
+export declare const Default: Story;
+/**
+ * Componente primitive AutoComplete que permite construir un campo de búsqueda con sugerencias.
+ * Filtra y ordena los elementos de una lista de sugerencias.
+ * ## Estructura
+ * ```tsx
+ * <AutocompleteRoot>
+ *   <AutocompleteInput placeholder="Buscar..." />
+ *   <AutocompleteList>
+ *     <AutocompleteEmpty>No Se Encontraron Resultados</AutocompleteEmpty>
+ *     <AutocompleteGroup>
+ *       <AutocompleteItem>Calendario</AutocompleteItem>
+ *       <AutocompleteItem>Eventos</AutocompleteItem>
+ *       <AutocompleteItem>Archivados</AutocompleteItem>
+ *     </AutocompleteGroup>
+ *   </AutocompleteList>
+ * </AutocompleteRoot>
+ *  ```
+ *  */
+export declare const Primitive: Story;
+export declare const Dialog: Story;
+export declare const SearchableMenu: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SearchablePopover: {
+    name: string;
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/src/components/autoComplete/index.d.ts

@@ -0,0 +1,2 @@
+export * from './AutoCompletePrimitives';
+export * from './AutoComplete';

package/dist/src/components/avatar/Avatar.d.ts

@@ -0,0 +1,13 @@
+import { VariantProps } from 'class-variance-authority';
+import { HTMLProps, ReactNode } from 'react';
+import { OverrideProps } from '../../models';
+import { avatarVariants } from './avatar.variants';
+
+type AvatarProps = OverrideProps<HTMLProps<HTMLDivElement>, VariantProps<typeof avatarVariants> & {
+    fallback?: ReactNode;
+    alt: string;
+    src: string;
+    imageProps?: HTMLProps<HTMLImageElement>;
+}>;
+export declare const Avatar: ({ variant, size, fallback, alt, src, className, imageProps, ...props }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/avatar/__doc__/Avatar.stories.d.ts

@@ -0,0 +1,47 @@
+import { Avatar } from '../..';
+import { Meta, StoryObj } from '@storybook/react';
+
+/**
+ * El componente Avatar se utiliza para mostrar imágenes de perfil de usuarios.
+ *
+ * Características principales:
+ * - Tiene 3 tamaños predefinidos: sm (32px), md (48px) y lg (64px)
+ * - Muestra las iniciales del nombre como fallback si la imagen no carga
+ * - Es totalmente personalizable mediante className
+ * - Mantiene siempre una relación de aspecto 1:1
+ */
+declare const meta: Meta<typeof Avatar>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+/**
+ * Variante circular del Avatar (por defecto)
+ */
+export declare const Circle: Story;
+/**
+ * Variante cuadrada del Avatar con bordes redondeados
+ */
+export declare const Square: Story;
+/**
+ * En caso de que no se pueda cargar la imagen o la URL esté vacía,
+ * el componente mostrará automáticamente las iniciales del texto alternativo (alt)
+ * como texto de reemplazo
+ */
+export declare const FallBackText: Story;
+/**
+ * En caso de que no se pueda cargar la imagen o la URL esté vacía,
+ * el componente mostrará automáticamente las iniciales del texto alternativo (alt)
+ * como texto de reemplazo
+ */
+export declare const CustomFallback: Story;
+/**
+ * El Avatar puede ser personalizado usando className.
+ * En este ejemplo se muestra cómo modificar el tamaño, margen y agregar una animación.
+ * También se pueden agregar eventos como onClick.
+ */
+export declare const Custom: Story;
+/**
+ * Demostración de todas las variantes y tamaños disponibles.
+ * - Tamaños: sm (32px), md (48px), lg (64px)
+ * - Variantes: circle, square
+ */
+export declare const Variants: Story;

package/dist/src/components/avatar/__test__/Avatar.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/avatar/avatar.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const avatarVariants: (props?: ({
+    variant?: "circle" | "square" | null | undefined;
+    size?: "sm" | "lg" | "md" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type AvatarVariants = typeof avatarVariants;

package/dist/src/components/avatar/index.d.ts

@@ -0,0 +1 @@
+export * from './Avatar';

package/dist/src/components/backgroundImage/BackgroundImage.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps } from 'react';
+
+interface Props extends HTMLProps<HTMLDivElement> {
+    /**
+     * La URL de la imagen
+     */
+    src: string;
+}
+export declare const BackgroundImage: {
+    ({ src, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/backgroundImage/__doc__/BackgroundImage.stories.d.ts

@@ -0,0 +1,10 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { BackgroundImage } from '../..';
+
+/**
+ * Componente que facilita el manejo de imágenes de fondo.
+ */
+declare const meta: Meta<typeof BackgroundImage>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/backgroundImage/__test__/BackgroundImage.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/components/backgroundImage/index.d.ts

@@ -0,0 +1 @@
+export * from './BackgroundImage';

package/dist/src/components/button/BaseButton.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps, ReactNode } from 'react';
+
+interface Props extends ComponentProps<"button"> {
+    asChild?: boolean;
+    loading?: boolean;
+    showLoader?: boolean;
+    icon?: ReactNode;
+    iconPosition?: "start" | "end";
+    loaderReplace?: true;
+}
+export declare const BaseButton: {
+    ({ asChild, onClick, loading: prop, showLoader, icon, iconPosition, loaderReplace, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/button/Button.d.ts

@@ -0,0 +1,12 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
+import { BaseButton } from './BaseButton';
+import { buttonVariants } from './Button.variants';
+
+type BaseButtonProps = ComponentProps<typeof BaseButton>;
+type Props = BaseButtonProps & VariantProps<typeof buttonVariants>;
+export declare const Button: {
+    (props: Props): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export {};

package/dist/src/components/button/Button.variants.d.ts

@@ -0,0 +1,5 @@
+export declare const buttonVariants: (props?: ({
+    variant?: "link" | "default" | "error" | "success" | "outline" | "secondary" | "ghost" | null | undefined;
+    size?: "default" | "icon" | "sm" | "lg" | null | undefined;
+    shape?: "circle" | "rounded" | "square" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;

package/dist/src/components/button/__components/LoaderOverlay.d.ts

@@ -0,0 +1,5 @@
+interface LoaderOverlayProps {
+    loading: boolean;
+}
+export declare const LoaderOverlay: ({ loading }: LoaderOverlayProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/src/components/button/__components/LoadingIcon.d.ts

@@ -0,0 +1,11 @@
+import { LucideProps } from 'lucide-react';
+
+interface LoadingIconProps extends LucideProps {
+    loading?: boolean;
+    animate?: boolean;
+}
+declare const LoadingIcon: {
+    ({ loading, animate, ...props }: LoadingIconProps): import("react/jsx-runtime").JSX.Element | null;
+    displayName: string;
+};
+export { LoadingIcon, type LoadingIconProps };