@boxcustodia/library 0.2.12 → 0.2.14

package/dist/index.d.ts

@@ -27,7 +27,7 @@ import { LucideProps } from 'lucide-react';
 import { MutableRefObject } from 'react';
 import { PopoverAnchor } from '@radix-ui/react-popover';
 import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { Presence as Presence_2 } from '@radix-ui/react-presence';
+import { Presence } from '@radix-ui/react-presence';
 import * as React_2 from 'react';
 import { ReactElement } from 'react';
 import { ReactNode } from 'react';
@@ -631,7 +631,7 @@ export declare type MultipleDateValue = {
 };
 
 export declare const MultiSelect: {
-    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
+    <TItem extends Record<string, any> = Option_2<string>>({ items, valueKey, labelKey, onChange, variant, defaultValue, placeholder, maxCount, className, renderOption, withCheckbox, showSearch, showSelectAll, ...props }: MultiSelectProps<TItem>): JSX_2.Element;
     displayName: string;
 };
 
@@ -658,6 +658,17 @@ declare type MultiSelectProps<TItem extends Record<string, any>> = OverrideProps
     maxCount?: number;
     className?: string;
     renderOption?: (item: TItem) => React_2.ReactNode;
+    withCheckbox?: boolean;
+    /**
+     * Para mostrar o no la barra de búsqueda
+     * @default true
+     */
+    showSearch?: boolean;
+    /**
+     * Para mostrar o no el "Seleccionar todos"
+     * @default true
+     */
+    showSelectAll?: boolean;
 }>;
 
 declare const multiSelectVariants: (props?: ({
@@ -719,11 +730,6 @@ export declare const PopoverRoot: React_2.FC<PopoverPrimitive.PopoverProps>;
 
 export declare const PopoverTrigger: React_2.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
 
-export declare const Presence: {
-    (props: Props_19): JSX_2.Element;
-    displayName: string;
-};
-
 declare interface Props extends ComponentPropsWithoutRef<"div"> {
     label?: ReactNode;
     labelClassName?: string;
@@ -824,7 +830,7 @@ declare interface Props_18 {
 
 declare interface Props_19 extends ComponentPropsWithoutRef<typeof Slot> {
     /** Si el componente está presente o no */
-    in: ComponentProps<typeof Presence_2>["present"];
+    when: ComponentProps<typeof Presence>["present"];
 }
 
 declare interface Props_2 extends ExtendedProps {
@@ -1091,6 +1097,11 @@ declare type Shortcut = Partial<{
     shortcutOptions: MenuShortcutProps_2["options"];
 }>;
 
+export declare const Show: {
+    (props: Props_19): JSX_2.Element;
+    displayName: string;
+};
+
 export declare type SingleDateValue = {
     value?: DateSingle;
     defaultValue?: DateSingle;

package/dist/index.es.js

@@ -13,8 +13,8 @@ import { DOTS as F, default as P } from "./index.es13.js";
 import { default as R } from "./index.es14.js";
 import { default as v } from "./index.es15.js";
 import { default as L } from "./index.es16.js";
-import { default as E } from "./index.es17.js";
-import { default as h } from "./index.es18.js";
+import { default as h } from "./index.es17.js";
+import { default as E } from "./index.es18.js";
 import { default as G } from "./index.es19.js";
 import { default as V } from "./index.es20.js";
 import { default as j } from "./index.es21.js";
@@ -35,7 +35,7 @@ import { monthNames as Ae, weeksDays as Fe } from "./index.es35.js";
 import { Checkbox as Ie } from "./index.es36.js";
 import { Combobox as ke } from "./index.es37.js";
 import { DatePicker as ye } from "./index.es38.js";
-import { DialogClose as Be, DialogContent as Ee, DialogDescription as He, DialogFooter as he, DialogHeader as we, DialogOverlay as Ge, DialogPortal as Oe, DialogRoot as Ve, DialogTitle as _e, DialogTrigger as je } from "./index.es39.js";
+import { DialogClose as Be, DialogContent as he, DialogDescription as we, DialogFooter as Ee, DialogHeader as He, DialogOverlay as Ge, DialogPortal as Oe, DialogRoot as Ve, DialogTitle as _e, DialogTrigger as je } from "./index.es39.js";
 import { Dialog as Ke } from "./index.es40.js";
 import { Divider as Qe } from "./index.es41.js";
 import { Form as We, FormControl as Ze, FormDescription as qe, FormField as Je, FormItem as Xe, FormLabel as Ye, FormMessage as $e } from "./index.es42.js";
@@ -47,9 +47,9 @@ import { Loader as uo } from "./index.es47.js";
 import { MenuCheckboxItem as so, MenuContent as no, MenuGroup as io, MenuItem as go, MenuLabel as co, MenuPortal as Co, MenuRadioGroup as So, MenuRadioItem as To, MenuRoot as bo, MenuSeparator as Do, MenuShortcut as Mo, MenuSub as Ao, MenuSubContent as Fo, MenuSubTrigger as Po, MenuTrigger as Io } from "./index.es48.js";
 import { Menu as ko } from "./index.es49.js";
 import { Pagination as yo } from "./index.es50.js";
-import { PopoverContent as Bo, PopoverRoot as Eo, PopoverTrigger as Ho } from "./index.es51.js";
-import { Popover as wo } from "./index.es52.js";
-import { Presence as Oo } from "./index.es53.js";
+import { PopoverContent as Bo, PopoverRoot as ho, PopoverTrigger as wo } from "./index.es51.js";
+import { Popover as Ho } from "./index.es52.js";
+import { Show as Oo } from "./index.es53.js";
 import { Select as _o } from "./index.es54.js";
 import { SelectContent as zo, SelectGroup as Ko, SelectItem as No, SelectLabel as Qo, SelectRoot as Uo, SelectScrollDownButton as Wo, SelectScrollUpButton as Zo, SelectSeparator as qo, SelectTrigger as Jo, SelectValue as Xo } from "./index.es55.js";
 import { Skeleton as $o } from "./index.es56.js";
@@ -64,8 +64,8 @@ import { TextArea as Pr } from "./index.es64.js";
 import { Toast as Rr } from "./index.es65.js";
 import { ToastClose as vr } from "./index.es66.js";
 import { Toaster as Lr } from "./index.es67.js";
-import { toast as Er, useToastStore as Hr } from "./index.es68.js";
-import { ToastIcons as wr } from "./index.es69.js";
+import { toast as hr, useToastStore as wr } from "./index.es68.js";
+import { ToastIcons as Hr } from "./index.es69.js";
 import { Tooltip as Or } from "./index.es70.js";
 import { Tree as _r } from "./index.es71.js";
 import { Card as zr, CardContent as Kr, CardDescription as Nr, CardFooter as Qr, CardHeader as Ur, CardTitle as Wr } from "./index.es72.js";
@@ -113,10 +113,10 @@ export {
   ye as DatePicker,
   Ke as Dialog,
   Be as DialogClose,
-  Ee as DialogContent,
-  He as DialogDescription,
-  he as DialogFooter,
-  we as DialogHeader,
+  he as DialogContent,
+  we as DialogDescription,
+  Ee as DialogFooter,
+  He as DialogHeader,
   Ge as DialogOverlay,
   Oe as DialogPortal,
   Ve as DialogRoot,
@@ -155,11 +155,10 @@ export {
   Io as MenuTrigger,
   qr as MultiSelect,
   yo as Pagination,
-  wo as Popover,
+  Ho as Popover,
   Bo as PopoverContent,
-  Eo as PopoverRoot,
-  Ho as PopoverTrigger,
-  Oo as Presence,
+  ho as PopoverRoot,
+  wo as PopoverTrigger,
   _o as Select,
   zo as SelectContent,
   Ko as SelectGroup,
@@ -171,6 +170,7 @@ export {
   qo as SelectSeparator,
   Jo as SelectTrigger,
   Xo as SelectValue,
+  Oo as Show,
   $o as Skeleton,
   or as Stack,
   tr as Switch,
@@ -192,7 +192,7 @@ export {
   Pr as TextArea,
   Rr as Toast,
   vr as ToastClose,
-  wr as ToastIcons,
+  Hr as ToastIcons,
   Lr as Toaster,
   Or as Tooltip,
   _r as Tree,
@@ -205,7 +205,7 @@ export {
   ct as getFormData,
   xt as mergeRefs,
   Ae as monthNames,
-  Er as toast,
+  hr as toast,
   pt as twMerge,
   bt as type,
   v as useArray,
@@ -217,11 +217,11 @@ export {
   c as useEventListener,
   oo as useForm,
   to as useFormField,
-  E as useHotkey,
+  h as useHotkey,
   R as useHover,
   V as useIsVisible,
   Q as useLocalStorage,
-  h as useMediaQuery,
+  E as useMediaQuery,
   n as useMemoizedFn,
   K as useMutation,
   L as useObject,
@@ -231,7 +231,7 @@ export {
   P as useRangePagination,
   x as useSelection,
   S as useStep,
-  Hr as useToastStore,
+  wr as useToastStore,
   r as useToggle,
   Fe as weeksDays
 };

package/dist/index.es10.js

@@ -1,5 +1,5 @@
 import { useState as a } from "react";
-import { l as i } from "./index.es103.js";
+import { l as i } from "./index.es88.js";
 function l(n, c) {
   const [e, r] = a(0), o = c ?? n.length, d = () => {
     r((t) => t >= o - 1 ? t : t + 1);

package/dist/index.es100.js

@@ -1,26 +1,57 @@
-import { j as t } from "./index.es88.js";
-import { monthNames as o } from "./index.es35.js";
-import { setMonth as m } from "./index.es239.js";
-import { Button as n } from "./index.es32.js";
-import { formatDate as l } from "./index.es107.js";
-const c = ({ value: i, onChange: e }) => {
-  const a = (r) => {
-    const s = m(i, r);
-    e(s);
+import { useState as m, useMemo as f } from "react";
+import { parse as D } from "./index.es251.js";
+import { startOfToday as M } from "./index.es261.js";
+import { addMonths as y } from "./index.es214.js";
+import { addYears as a } from "./index.es215.js";
+import { formatDate as s } from "./index.es112.js";
+function w(i = M()) {
+  const [o, c] = m({
+    month: s(i, "MM"),
+    year: s(i, "yyyy")
+  }), e = f(
+    () => D(`${o.month}-${o.year}`, "MM-yyyy", /* @__PURE__ */ new Date()),
+    [o]
+  ), n = (t) => {
+    c({
+      ...o,
+      month: s(t, "MM")
+    });
+  }, r = (t) => {
+    c({
+      ...o,
+      year: s(t, "yyyy")
+    });
   };
-  return /* @__PURE__ */ t.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: o.map((r) => /* @__PURE__ */ t.jsx(
-    n,
-    {
-      type: "button",
-      className: "ui-h-full ui-rounded",
-      onClick: () => a(o.indexOf(r)),
-      variant: "ghost",
-      children: /* @__PURE__ */ t.jsx("abbr", { "aria-label": `${r} ${l(i, "yyyy")}`, children: r })
+  return {
+    navigationDate: e,
+    setMonth: n,
+    setYear: r,
+    previousMonth: () => {
+      const t = y(e, -1);
+      n(t);
     },
-    r
-  )) });
-};
-c.displayName = "YearView";
+    nextMonth: () => {
+      const t = y(e, 1);
+      n(t);
+    },
+    previousYear: () => {
+      const t = a(e, -1);
+      r(t);
+    },
+    nextYear: () => {
+      const t = a(e, 1);
+      r(t);
+    },
+    previousDecade: () => {
+      const t = a(e, -10);
+      r(t);
+    },
+    nextDecade: () => {
+      const t = a(e, 10);
+      r(t);
+    }
+  };
+}
 export {
-  c as YearView
+  w as default
 };

package/dist/index.es101.js

@@ -1,32 +1,94 @@
-import { j as o } from "./index.es88.js";
-import { useMemo as c } from "react";
-import { setYear as d } from "./index.es241.js";
-import { Button as f } from "./index.es32.js";
-import { formatDate as a } from "./index.es107.js";
-import { eachYearOfInterval as p } from "./index.es204.js";
-import { startOfDecade as u } from "./index.es242.js";
-import { endOfDecade as y } from "./index.es205.js";
-const l = ({ value: r, onChange: s }) => {
-  const i = () => p({
-    start: u(r),
-    end: y(r)
-  }), m = (t) => {
-    const e = d(r, parseInt(a(t, "yyyy")));
-    s(e);
-  }, n = c(i, [r]);
-  return /* @__PURE__ */ o.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: n.map((t, e) => /* @__PURE__ */ o.jsx(
-    f,
-    {
-      onClick: () => m(t),
-      className: "ui-h-full ui-rounded-none",
-      type: "button",
-      variant: "ghost",
-      children: a(t, "yyyy")
-    },
-    e
-  )) });
+import { j as t } from "./index.es90.js";
+import { l as m } from "./index.es88.js";
+import { useMemo as z } from "react";
+import I from "./index.es122.js";
+import O from "./index.es120.js";
+import { formatDate as n } from "./index.es112.js";
+import { eachYearOfInterval as B } from "./index.es222.js";
+import { startOfDecade as E } from "./index.es260.js";
+import { endOfDecade as R } from "./index.es223.js";
+import { es as $ } from "./index.es268.js";
+import { Button as u } from "./index.es32.js";
+import { cn as w } from "./index.es78.js";
+const F = ({
+  view: r,
+  setView: s,
+  value: e,
+  previousMonth: l,
+  nextMonth: f,
+  previousYear: d,
+  nextYear: y,
+  previousDecade: p,
+  nextDecade: x,
+  goBackProps: h,
+  goNextProps: b,
+  changeViewProps: i
+}) => {
+  const N = r === "month", a = r === "year", o = r === "decade", j = () => {
+    if (o) return p();
+    if (a) return d();
+    l();
+  }, g = () => {
+    if (o) return x();
+    if (a) return y();
+    f();
+  }, C = () => {
+    if (N) return s("year");
+    if (a) return s("decade");
+  }, v = () => o ? D() : a ? n(e, "yyyy") : n(e, "MMMM yyyy", { locale: $ }), D = () => {
+    if (!e) return "";
+    const c = B({
+      start: E(e),
+      end: R(e)
+    }), k = m.first(c), L = m.last(c);
+    return `${n(k, "yyyy")} - ${n(L, "yyyy")}`;
+  }, M = z(v, [e, r]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        onClick: j,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...h,
+        children: [
+          /* @__PURE__ */ t.jsx(I, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: C,
+        disabled: o,
+        ...i,
+        type: "button",
+        className: w(
+          "ui-font-semibold ui-pb-px ui-text-gray-900 ui-text-lg ui-text-blue-bell ui-select-none ui-min-w-[60%] ui-capitalize",
+          i == null ? void 0 : i.className
+        ),
+        children: M
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        onClick: g,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...b,
+        children: [
+          /* @__PURE__ */ t.jsx(O, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
+        ]
+      }
+    )
+  ] }) });
 };
-l.displayName = "DecadeView";
+F.displayName = "CalendarNavigation";
 export {
-  l as DecadeView
+  F as CalendarNavigation
 };

package/dist/index.es102.js

@@ -1,11 +1,39 @@
-import e from "./index.es245.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+import { j as r } from "./index.es90.js";
+import { useMemo as a } from "react";
+import { Day as c } from "./index.es269.js";
+import { WeekDays as h } from "./index.es270.js";
+import { startOfWeek as x } from "./index.es242.js";
+import { endOfWeek as l } from "./index.es225.js";
+import { endOfMonth as u } from "./index.es224.js";
+import { eachDayOfInterval as j } from "./index.es221.js";
+const M = ({
+  navigationDate: t,
+  disabled: e,
+  weekDaysClassName: o,
+  weekDaysProps: s,
+  dayClassName: n,
+  dayProps: f
+}) => {
+  const i = a(() => j({
+    start: x(t, { weekStartsOn: 1 }),
+    end: l(u(t), { weekStartsOn: 1 })
+  }), [t]);
+  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+    /* @__PURE__ */ r.jsx(h, { className: o, ...s }),
+    /* @__PURE__ */ r.jsx("div", { className: "ui-grid ui-grid-cols-7 ui-mt-2 ui-text-sm", children: i.map((m, p) => /* @__PURE__ */ r.jsx(
+      c,
+      {
+        day: m,
+        className: n,
+        ...f,
+        navigationDate: t,
+        disabled: e == null ? void 0 : e(m)
+      },
+      p
+    )) })
+  ] });
+};
+M.displayName = "MonthView";
 export {
-  t as default
+  M as MonthView
 };