ivt 0.4.7 → 0.4.8

package/dist/combobox/index.mjs

@@ -1,34 +1,34 @@
 import * as React from 'react';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
-import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-BJzgHrFv.mjs';
-import { C as Check } from '../chunks/check-D7XegcNq.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BLkBJEBi.mjs';
-import { B as Button } from '../chunks/button-DUnGULhS.mjs';
-import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem } from '../chunks/command-B2Q7vPrV.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
+import { C as ChevronsUpDown } from '../chunks/chevrons-up-down-D7M3-587.mjs';
+import { C as Check } from '../chunks/check-I-Hz86Bu.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-C9351eP_.mjs';
+import { B as Button } from '../chunks/button-By6p3Bsx.mjs';
+import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem } from '../chunks/command-0Ir07spf.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-DwkdRROB.mjs';
+import '../chunks/index-C8MYZd8G.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/index-THb_GTJh.mjs';
 import 'class-variance-authority';
-import '../chunks/index-C-eBEzsd.mjs';
-import '../chunks/dialog-5R8jYrH2.mjs';
-import '../chunks/x-BCPCYl4o.mjs';
+import '../chunks/index-Bq7RTW2y.mjs';
+import '../chunks/dialog-DgjQIzg0.mjs';
+import '../chunks/x-UYJwiGZL.mjs';
 
 function Combobox({ items, value, onValueChange, placeholder = "Select item...", searchPlaceholder = "Search item...", emptyMessage = "No item found.", widthClassName = "w-fit", className, groupHeading }) {
     const [open, setOpen] = React.useState(false);

package/dist/command/index.mjs

@@ -1,25 +1,25 @@
-export { C as Command, a as CommandDialog, d as CommandEmpty, e as CommandGroup, b as CommandInput, f as CommandItem, c as CommandList, h as CommandSeparator, g as CommandShortcut } from '../chunks/command-B2Q7vPrV.mjs';
-import '../chunks/utils-DiIQyE9g.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/index-C-eBEzsd.mjs';
+export { C as Command, a as CommandDialog, d as CommandEmpty, e as CommandGroup, b as CommandInput, f as CommandItem, c as CommandList, h as CommandSeparator, g as CommandShortcut } from '../chunks/command-0Ir07spf.mjs';
+import '../chunks/utils-ieFmv4d0.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/index-Bq7RTW2y.mjs';
 import 'react';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-THb_GTJh.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/dialog-5R8jYrH2.mjs';
-import '../chunks/x-BCPCYl4o.mjs';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/dialog-DgjQIzg0.mjs';
+import '../chunks/x-UYJwiGZL.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/context-menu/index.mjs

@@ -1,31 +1,31 @@
 import * as React from 'react';
-import { c as composeEventHandlers } from '../chunks/index-BL6I2O8I.mjs';
-import { c as createContextScope } from '../chunks/index-Bfqp6L57.mjs';
-import { P as Primitive } from '../chunks/index-Cx4XlYKf.mjs';
-import { c as createMenuScope, R as Root3, A as Anchor2, P as Portal, C as Content2$1, I as Item2$1, a as CheckboxItem, b as ItemIndicator, d as RadioItem, L as Label, S as Separator, G as Group, e as Sub, f as SubContent, g as SubTrigger, h as RadioGroup, i as Arrow2, j as Circle } from '../chunks/index-gB-FKFqi.mjs';
-import { u as useCallbackRef } from '../chunks/index-BtzrdXXu.mjs';
-import { u as useControllableState } from '../chunks/index-Dj2mKKII.mjs';
+import { c as composeEventHandlers } from '../chunks/index-DmfDMAo5.mjs';
+import { c as createContextScope } from '../chunks/index-BF-RSDzg.mjs';
+import { P as Primitive } from '../chunks/index-B_sik0X8.mjs';
+import { c as createMenuScope, R as Root3, A as Anchor2, P as Portal, C as Content2$1, I as Item2$1, a as CheckboxItem, b as ItemIndicator, d as RadioItem, L as Label, S as Separator, G as Group, e as Sub, f as SubContent, g as SubTrigger, h as RadioGroup, i as Arrow2, j as Circle } from '../chunks/index-fWNPF8HK.mjs';
+import { u as useCallbackRef } from '../chunks/index-B9cFm0ac.mjs';
+import { u as useControllableState } from '../chunks/index-THb_GTJh.mjs';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
-import { C as Check } from '../chunks/check-D7XegcNq.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-D8I8B3al.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
+import { C as Check } from '../chunks/check-I-Hz86Bu.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Cc8XUA4m.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-CI7Tnqaf.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-CsVkG_9K.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-CIezYkdT.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-DwkdRROB.mjs';
+import '../chunks/index-C8MYZd8G.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/index-Dx_b8MUs.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
 
 var CONTEXT_MENU_NAME = "ContextMenu";
 var [createContextMenuContext] = createContextScope(CONTEXT_MENU_NAME, [

package/dist/data-table/index.mjs

@@ -1,45 +1,45 @@
 import * as React$1 from 'react';
 import React__default, { forwardRef, createElement } from 'react';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
-import { C as ChevronDown } from '../chunks/chevron-down-B7w8j1qi.mjs';
-import { C as Check } from '../chunks/check-D7XegcNq.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BLkBJEBi.mjs';
-import { B as Button } from '../chunks/button-DUnGULhS.mjs';
-import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, S as Search } from '../chunks/command-B2Q7vPrV.mjs';
-import { I as Input } from '../chunks/input-TuCGqI_P.mjs';
-import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-Dm61g3Di.mjs';
-import { C as ChevronLeft } from '../chunks/chevron-left-P-VgJSoP.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-D8I8B3al.mjs';
-import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-CFPUC8_E.mjs';
-import { S as Skeleton } from '../chunks/skeleton-BBrPlJZ6.mjs';
-import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-D8dawH6l.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-BnuYhciy.mjs';
-import { S as Sortable, b as SortableItem } from '../chunks/sortable-C5sg2z09.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
+import { C as ChevronDown } from '../chunks/chevron-down-BChdO0uD.mjs';
+import { C as Check } from '../chunks/check-I-Hz86Bu.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-C9351eP_.mjs';
+import { B as Button } from '../chunks/button-By6p3Bsx.mjs';
+import { C as Command, b as CommandInput, c as CommandList, d as CommandEmpty, e as CommandGroup, f as CommandItem, S as Search } from '../chunks/command-0Ir07spf.mjs';
+import { I as Input } from '../chunks/input-Ck6shWlC.mjs';
+import { S as Select, h as SelectTrigger, i as SelectValue, a as SelectContent, c as SelectItem } from '../chunks/select-CGW1Mv2b.mjs';
+import { C as ChevronLeft } from '../chunks/chevron-left-DTNQBpUD.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Cc8XUA4m.mjs';
+import { c as PaginationItem, f as PaginationEllipsis } from '../chunks/pagination-Dm7nWzum.mjs';
+import { S as Skeleton } from '../chunks/skeleton-A7SmFyPS.mjs';
+import { e as TableRow, f as TableCell, T as Table, a as TableHeader, d as TableHead, b as TableBody } from '../chunks/table-0T2vOBFN.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-C_iAsC8V.mjs';
+import { S as Sortable, b as SortableItem } from '../chunks/sortable-BZWn10dE.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-DwkdRROB.mjs';
+import '../chunks/index-C8MYZd8G.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/index-THb_GTJh.mjs';
 import 'class-variance-authority';
-import '../chunks/index-C-eBEzsd.mjs';
-import '../chunks/dialog-5R8jYrH2.mjs';
-import '../chunks/x-BCPCYl4o.mjs';
+import '../chunks/index-Bq7RTW2y.mjs';
+import '../chunks/dialog-DgjQIzg0.mjs';
+import '../chunks/x-UYJwiGZL.mjs';
 import '@radix-ui/react-select';
-import '../chunks/ellipsis-rAfolw0i.mjs';
+import '../chunks/ellipsis-DZCE7oYT.mjs';
 
 const __iconNode$1 = [
     [

package/dist/date-picker/index.d.ts

@@ -1,38 +1,25 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ButtonProps } from '../button/index.js';
+import { Calendar } from '../calendar/index.js';
 import { Popover } from '../popover/index.js';
 import React__default from 'react';
 import 'class-variance-authority/types';
 import 'class-variance-authority';
+import 'react-day-picker';
 import '@radix-ui/react-popover';
 
-type DatePickerProps = {
-    /** Data controlada externamente */
-    date: Date | undefined;
-    /** Callback chamado quando uma nova data é escolhida */
+interface DatePickerProps extends Omit<React__default.ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect"> {
+    date: Date | string | undefined;
     setDate: (date: Date | undefined) => void;
     placeholder?: string;
-    /** ID opcional para o botão */
     id?: string;
-    /** Props adicionais para o botão */
     buttonProps?: ButtonProps;
-    /** Classes extras aplicadas ao botão */
-    buttonClassName?: string;
-    /** Props adicionais para o popover */
     popoverProps?: React__default.ComponentProps<typeof Popover>;
-    /** Classes extras aplicadas ao conteúdo do popover */
     popoverContentClassName?: string;
-    /** Número de meses exibidos no calendário (default: 1) */
-    numberOfMonths?: number;
-    /** Ano inicial permitido */
-    fromYear?: number;
-    /** Ano final permitido */
-    toYear?: number;
-    /** Classes extras para o contêiner */
     className?: string;
-    /** Desabilita o botão */
     disabled?: boolean;
-};
-declare function DatePicker({ date, setDate, placeholder, id, buttonProps, buttonClassName, popoverProps, popoverContentClassName, numberOfMonths, fromYear, toYear, className, disabled, }: DatePickerProps): react_jsx_runtime.JSX.Element;
+}
+declare function DatePicker({ date, setDate, placeholder, id, buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }: DatePickerProps): react_jsx_runtime.JSX.Element;
 
 export { DatePicker };
+export type { DatePickerProps };

package/dist/date-picker/index.mjs

@@ -1,63 +1,63 @@
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
+import { t as tryParseDate, C as CalendarDays, p as ptBR } from '../chunks/pt-BR-BaLtJ-uU.mjs';
 import React__default from 'react';
-import { C as CalendarDays, p as ptBR } from '../chunks/pt-BR-dv9Ki026.mjs';
-import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-BLkBJEBi.mjs';
-import { B as Button } from '../chunks/button-DUnGULhS.mjs';
-import { f as format, C as Calendar } from '../chunks/calendar-Cgi4uVPL.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import { P as Popover, a as PopoverTrigger, b as PopoverContent } from '../chunks/popover-C9351eP_.mjs';
+import { B as Button } from '../chunks/button-By6p3Bsx.mjs';
+import { f as format, C as Calendar } from '../chunks/calendar-BMDZ5epm.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-DwkdRROB.mjs';
+import '../chunks/index-C8MYZd8G.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/index-THb_GTJh.mjs';
 import 'class-variance-authority';
-import '../chunks/chevron-left-P-VgJSoP.mjs';
-import '../chunks/chevron-right-D8I8B3al.mjs';
-import '../chunks/chevron-down-B7w8j1qi.mjs';
+import '../chunks/chevron-left-DTNQBpUD.mjs';
+import '../chunks/chevron-right-Cc8XUA4m.mjs';
+import '../chunks/chevron-down-BChdO0uD.mjs';
 
-function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "date-picker", buttonProps, buttonClassName, popoverProps, popoverContentClassName, numberOfMonths = 1, fromYear = 2010, toYear = 2040, className, disabled = false }) {
-    return /*#__PURE__*/ React__default.createElement("div", {
-        className: cn("grid gap-2", className)
-    }, /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
+function DatePicker({ date, setDate, placeholder = "Selecione uma data", id = "date-picker", buttonProps, popoverProps, popoverContentClassName, className, disabled, ...props }) {
+    const validDate = tryParseDate(date);
+    return /*#__PURE__*/ React__default.createElement(Popover, popoverProps, /*#__PURE__*/ React__default.createElement(PopoverTrigger, {
         asChild: true
     }, /*#__PURE__*/ React__default.createElement(Button, {
         id: id,
         variant: "outline",
-        className: cn("hover:text-foreground w-fit justify-start text-left font-normal", !date && "text-muted-foreground hover:text-muted-foreground", buttonProps?.className, buttonClassName),
+        className: cn("hover:text-foreground justify-start text-left font-normal", !validDate && "text-muted-foreground hover:text-muted-foreground", className),
         disabled: disabled,
         ...buttonProps
     }, /*#__PURE__*/ React__default.createElement(CalendarDays, {
         className: "size-4"
-    }), date ? format(date, "P", {
+    }), validDate ? format(validDate, "P", {
         locale: ptBR
     }) : /*#__PURE__*/ React__default.createElement("span", null, placeholder))), /*#__PURE__*/ React__default.createElement(PopoverContent, {
         className: cn("w-auto p-0", popoverContentClassName),
         align: "start"
     }, /*#__PURE__*/ React__default.createElement(Calendar, {
         autoFocus: true,
-        mode: "single",
         captionLayout: "dropdown",
-        selected: date,
+        selected: validDate,
         onSelect: setDate,
-        numberOfMonths: numberOfMonths,
-        fromYear: fromYear,
-        toYear: toYear,
-        locale: ptBR
-    }))));
+        locale: ptBR,
+        numberOfMonths: 1,
+        fromYear: 2010,
+        toYear: 2040,
+        ...props,
+        mode: "single"
+    })));
 }
 
 export { DatePicker };

package/dist/date-picker/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, type ButtonProps } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { CalendarDaysIcon } from \"lucide-react\";\nimport React from \"react\";\n\ntype DatePickerProps = {\n\t/** Data controlada externamente */\n\tdate: Date | undefined;\n\t/** Callback chamado quando uma nova data é escolhida */\n\tsetDate: (date: Date | undefined) => void;\n\tplaceholder?: string;\n\t/** ID opcional para o botão */\n\tid?: string;\n\t/** Props adicionais para o botão */\n\tbuttonProps?: ButtonProps;\n\t/** Classes extras aplicadas ao botão */\n\tbuttonClassName?: string;\n\t/** Props adicionais para o popover */\n\tpopoverProps?: React.ComponentProps<typeof Popover>;\n\t/** Classes extras aplicadas ao conteúdo do popover */\n\tpopoverContentClassName?: string;\n\t/** Número de meses exibidos no calendário (default: 1) */\n\tnumberOfMonths?: number;\n\t/** Ano inicial permitido */\n\tfromYear?: number;\n\t/** Ano final permitido */\n\ttoYear?: number;\n\t/** Classes extras para o contêiner */\n\tclassName?: string;\n\t/** Desabilita o botão */\n\tdisabled?: boolean;\n};\n\nexport function DatePicker({\n\tdate,\n\tsetDate,\n\tplaceholder = \"Selecione uma data\",\n\tid = \"date-picker\",\n\tbuttonProps,\n\tbuttonClassName,\n\tpopoverProps,\n\tpopoverContentClassName,\n\tnumberOfMonths = 1,\n\tfromYear = 2010,\n\ttoYear = 2040,\n\tclassName,\n\tdisabled = false,\n}: DatePickerProps) {\n\treturn (\n\t\t<div className={cn(\"grid gap-2\", className)}>\n\t\t\t<Popover {...popoverProps}>\n\t\t\t\t<PopoverTrigger asChild>\n\t\t\t\t\t<Button\n\t\t\t\t\t\tid={id}\n\t\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\t\"hover:text-foreground w-fit justify-start text-left font-normal\",\n\t\t\t\t\t\t\t!date && \"text-muted-foreground hover:text-muted-foreground\",\n\t\t\t\t\t\t\tbuttonProps?.className,\n\t\t\t\t\t\t\tbuttonClassName,\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\t{...buttonProps}\n\t\t\t\t\t>\n\t\t\t\t\t\t<CalendarDaysIcon className=\"size-4\" />\n\t\t\t\t\t\t{date ? format(date, \"P\", { locale: ptBR }) : <span>{placeholder}</span>}\n\t\t\t\t\t</Button>\n\t\t\t\t</PopoverTrigger>\n\n\t\t\t\t<PopoverContent className={cn(\"w-auto p-0\", popoverContentClassName)} align=\"start\">\n\t\t\t\t\t<Calendar\n\t\t\t\t\t\tautoFocus\n\t\t\t\t\t\tmode=\"single\"\n\t\t\t\t\t\tcaptionLayout=\"dropdown\"\n\t\t\t\t\t\tselected={date}\n\t\t\t\t\t\tonSelect={setDate}\n\t\t\t\t\t\tnumberOfMonths={numberOfMonths}\n\t\t\t\t\t\tfromYear={fromYear}\n\t\t\t\t\t\ttoYear={toYear}\n\t\t\t\t\t\tlocale={ptBR}\n\t\t\t\t\t/>\n\t\t\t\t</PopoverContent>\n\t\t\t</Popover>\n\t\t</div>\n\t);\n}\n"],"names":["DatePicker","date","setDate","placeholder","id","buttonProps","buttonClassName","popoverProps","popoverContentClassName","numberOfMonths","fromYear","toYear","className","disabled","React","div","cn","Popover","PopoverTrigger","asChild","Button","variant","CalendarDaysIcon","format","locale","ptBR","span","PopoverContent","align","Calendar","autoFocus","mode","captionLayout","selected","onSelect"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCO,SAASA,UAAAA,CAAW,EAC1BC,IAAI,EACJC,OAAO,EACPC,WAAAA,GAAc,oBAAoB,EAClCC,EAAAA,GAAK,aAAa,EAClBC,WAAW,EACXC,eAAe,EACfC,YAAY,EACZC,uBAAuB,EACvBC,cAAAA,GAAiB,CAAC,EAClBC,QAAAA,GAAW,IAAI,EACfC,MAAAA,GAAS,IAAI,EACbC,SAAS,EACTC,QAAAA,GAAW,KAAK,EACC,EAAA;AACjB,IAAA,qBACCC,cAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;AAAIH,QAAAA,SAAAA,EAAWI,GAAG,YAAA,EAAcJ,SAAAA;qBAChCE,cAAA,CAAA,aAAA,CAACG,OAAAA,EAAYV,4BACZO,cAAA,CAAA,aAAA,CAACI,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACfL,cAAA,CAAA,aAAA,CAACM,MAAAA,EAAAA;QACAhB,EAAAA,EAAIA,EAAAA;QACJiB,OAAAA,EAAQ,SAAA;AACRT,QAAAA,SAAAA,EAAWI,GACV,iEAAA,EACA,CAACf,IAAAA,IAAQ,mDAAA,EACTI,aAAaO,SAAAA,EACbN,eAAAA,CAAAA;QAEDO,QAAAA,EAAUA,QAAAA;AACT,QAAA,GAAGR;qBAEJS,cAAA,CAAA,aAAA,CAACQ,YAAAA,EAAAA;QAAiBV,SAAAA,EAAU;QAC3BX,IAAAA,GAAOsB,MAAAA,CAAOtB,MAAM,GAAA,EAAK;QAAEuB,MAAAA,EAAQC;KAAK,CAAA,iBAAKX,cAAA,CAAA,aAAA,CAACY,MAAAA,EAAAA,IAAAA,EAAMvB,WAAAA,CAAAA,CAAAA,CAAAA,gBAIvDW,cAAA,CAAA,aAAA,CAACa,cAAAA,EAAAA;AAAef,QAAAA,SAAAA,EAAWI,GAAG,YAAA,EAAcR,uBAAAA,CAAAA;QAA0BoB,KAAAA,EAAM;qBAC3Ed,cAAA,CAAA,aAAA,CAACe,QAAAA,EAAAA;QACAC,SAAAA,EAAAA,IAAAA;QACAC,IAAAA,EAAK,QAAA;QACLC,aAAAA,EAAc,UAAA;QACdC,QAAAA,EAAUhC,IAAAA;QACViC,QAAAA,EAAUhC,OAAAA;QACVO,cAAAA,EAAgBA,cAAAA;QAChBC,QAAAA,EAAUA,QAAAA;QACVC,MAAAA,EAAQA,MAAAA;QACRa,MAAAA,EAAQC;;AAMd;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/components/ui/date-picker/date-picker.tsx"],"sourcesContent":["\"use client\";\n\nimport { Button, type ButtonProps } from \"@/components/ui/button\";\nimport { Calendar } from \"@/components/ui/calendar\";\nimport { Popover, PopoverContent, PopoverTrigger } from \"@/components/ui/popover\";\nimport { cn } from \"@/lib/utils\";\nimport { tryParseDate } from \"@/utils/date\";\nimport { format } from \"date-fns\";\nimport { ptBR } from \"date-fns/locale\";\nimport { CalendarDaysIcon } from \"lucide-react\";\nimport React from \"react\";\n\nexport interface DatePickerProps\n\textends Omit<React.ComponentProps<typeof Calendar>, \"mode\" | \"selected\" | \"onSelect\"> {\n\tdate: Date | string | undefined;\n\tsetDate: (date: Date | undefined) => void;\n\tplaceholder?: string;\n\tid?: string;\n\tbuttonProps?: ButtonProps;\n\tpopoverProps?: React.ComponentProps<typeof Popover>;\n\tpopoverContentClassName?: string;\n\tclassName?: string;\n\tdisabled?: boolean;\n}\n\nexport function DatePicker({\n\tdate,\n\tsetDate,\n\tplaceholder = \"Selecione uma data\",\n\tid = \"date-picker\",\n\tbuttonProps,\n\tpopoverProps,\n\tpopoverContentClassName,\n\tclassName,\n\tdisabled,\n\t...props\n}: DatePickerProps) {\n\tconst validDate = tryParseDate(date);\n\n\treturn (\n\t\t<Popover {...popoverProps}>\n\t\t\t<PopoverTrigger asChild>\n\t\t\t\t<Button\n\t\t\t\t\tid={id}\n\t\t\t\t\tvariant=\"outline\"\n\t\t\t\t\tclassName={cn(\n\t\t\t\t\t\t\"hover:text-foreground justify-start text-left font-normal\",\n\t\t\t\t\t\t!validDate && \"text-muted-foreground hover:text-muted-foreground\",\n\t\t\t\t\t\tclassName,\n\t\t\t\t\t)}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t{...buttonProps}\n\t\t\t\t>\n\t\t\t\t\t<CalendarDaysIcon className=\"size-4\" />\n\t\t\t\t\t{validDate ? format(validDate, \"P\", { locale: ptBR }) : <span>{placeholder}</span>}\n\t\t\t\t</Button>\n\t\t\t</PopoverTrigger>\n\n\t\t\t<PopoverContent className={cn(\"w-auto p-0\", popoverContentClassName)} align=\"start\">\n\t\t\t\t<Calendar\n\t\t\t\t\tautoFocus\n\t\t\t\t\tcaptionLayout=\"dropdown\"\n\t\t\t\t\tselected={validDate}\n\t\t\t\t\tonSelect={setDate}\n\t\t\t\t\tlocale={ptBR}\n\t\t\t\t\tnumberOfMonths={1}\n\t\t\t\t\tfromYear={2010}\n\t\t\t\t\ttoYear={2040}\n\t\t\t\t\t{...props}\n\t\t\t\t\tmode=\"single\"\n\t\t\t\t/>\n\t\t\t</PopoverContent>\n\t\t</Popover>\n\t);\n}\n"],"names":["DatePicker","date","setDate","placeholder","id","buttonProps","popoverProps","popoverContentClassName","className","disabled","props","validDate","tryParseDate","React","Popover","PopoverTrigger","asChild","Button","variant","cn","CalendarDaysIcon","format","locale","ptBR","span","PopoverContent","align","Calendar","autoFocus","captionLayout","selected","onSelect","numberOfMonths","fromYear","toYear","mode"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBO,SAASA,UAAAA,CAAW,EAC1BC,IAAI,EACJC,OAAO,EACPC,WAAAA,GAAc,oBAAoB,EAClCC,EAAAA,GAAK,aAAa,EAClBC,WAAW,EACXC,YAAY,EACZC,uBAAuB,EACvBC,SAAS,EACTC,QAAQ,EACR,GAAGC,KAAAA,EACc,EAAA;AACjB,IAAA,MAAMC,YAAYC,YAAAA,CAAaX,IAAAA,CAAAA;IAE/B,qBACCY,cAAA,CAAA,aAAA,CAACC,OAAAA,EAAYR,YAAAA,gBACZO,cAAA,CAAA,aAAA,CAACE,cAAAA,EAAAA;QAAeC,OAAAA,EAAAA;qBACfH,cAAA,CAAA,aAAA,CAACI,MAAAA,EAAAA;QACAb,EAAAA,EAAIA,EAAAA;QACJc,OAAAA,EAAQ,SAAA;AACRV,QAAAA,SAAAA,EAAWW,EAAAA,CACV,2DAAA,EACA,CAACR,SAAAA,IAAa,mDAAA,EACdH,SAAAA,CAAAA;QAEDC,QAAAA,EAAUA,QAAAA;AACT,QAAA,GAAGJ;qBAEJQ,cAAA,CAAA,aAAA,CAACO,YAAAA,EAAAA;QAAiBZ,SAAAA,EAAU;QAC3BG,SAAAA,GAAYU,MAAAA,CAAOV,WAAW,GAAA,EAAK;QAAEW,MAAAA,EAAQC;KAAK,CAAA,iBAAKV,cAAA,CAAA,aAAA,CAACW,MAAAA,EAAAA,IAAAA,EAAMrB,WAAAA,CAAAA,CAAAA,CAAAA,gBAIjEU,cAAA,CAAA,aAAA,CAACY,cAAAA,EAAAA;AAAejB,QAAAA,SAAAA,EAAWW,GAAG,YAAA,EAAcZ,uBAAAA,CAAAA;QAA0BmB,KAAAA,EAAM;qBAC3Eb,cAAA,CAAA,aAAA,CAACc,QAAAA,EAAAA;QACAC,SAAAA,EAAAA,IAAAA;QACAC,aAAAA,EAAc,UAAA;QACdC,QAAAA,EAAUnB,SAAAA;QACVoB,QAAAA,EAAU7B,OAAAA;QACVoB,MAAAA,EAAQC,IAAAA;QACRS,cAAAA,EAAgB,CAAA;QAChBC,QAAAA,EAAU,IAAA;QACVC,MAAAA,EAAQ,IAAA;AACP,QAAA,GAAGxB,KAAK;QACTyB,IAAAA,EAAK;;AAKV;;;;"}

package/dist/dialog/index.mjs

@@ -1,24 +1,24 @@
-export { D as Dialog, a as DialogClose, b as DialogContent, c as DialogDescription, d as DialogFooter, e as DialogHeader, f as DialogOverlay, g as DialogPortal, h as DialogTitle, i as DialogTrigger } from '../chunks/dialog-5R8jYrH2.mjs';
-import '../chunks/utils-DiIQyE9g.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/index-C-eBEzsd.mjs';
+export { D as Dialog, a as DialogClose, b as DialogContent, c as DialogDescription, d as DialogFooter, e as DialogHeader, f as DialogOverlay, g as DialogPortal, h as DialogTitle, i as DialogTrigger } from '../chunks/dialog-DgjQIzg0.mjs';
+import '../chunks/utils-ieFmv4d0.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/index-Bq7RTW2y.mjs';
 import 'react';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-THb_GTJh.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/x-BCPCYl4o.mjs';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/x-UYJwiGZL.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
 //# sourceMappingURL=index.mjs.map

package/dist/drawer/index.mjs

@@ -1,24 +1,24 @@
 import * as React from 'react';
 import React__default, { useLayoutEffect, useEffect, useMemo } from 'react';
-import { b as Trigger, C as Close, T as Title, D as Description, R as Root$1, P as Portal$1, O as Overlay$1, a as Content$1 } from '../chunks/index-C-eBEzsd.mjs';
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
-import '../chunks/index-BL6I2O8I.mjs';
-import '../chunks/index-x0TwBXvJ.mjs';
-import '../chunks/index-Bfqp6L57.mjs';
+import { b as Trigger, C as Close, T as Title, D as Description, R as Root$1, P as Portal$1, O as Overlay$1, a as Content$1 } from '../chunks/index-Bq7RTW2y.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
+import '../chunks/index-DmfDMAo5.mjs';
+import '../chunks/index-Bhg2_PY7.mjs';
+import '../chunks/index-BF-RSDzg.mjs';
 import 'react/jsx-runtime';
-import '../chunks/index-CiJHmWph.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
-import '../chunks/index-Dj2mKKII.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-Cx4XlYKf.mjs';
+import '../chunks/index-Ch7F9sXl.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
+import '../chunks/index-THb_GTJh.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B_sik0X8.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
 
 function __insertCSS(code) {
     if (typeof document == 'undefined') return;

package/dist/dropdown-menu/index.mjs

@@ -1,32 +1,32 @@
-import { c as cn } from '../chunks/utils-DiIQyE9g.mjs';
+import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
 import * as React from 'react';
 import React__default from 'react';
-import { c as composeEventHandlers } from '../chunks/index-BL6I2O8I.mjs';
-import { c as composeRefs } from '../chunks/index-x0TwBXvJ.mjs';
-import { c as createContextScope } from '../chunks/index-Bfqp6L57.mjs';
-import { u as useControllableState } from '../chunks/index-Dj2mKKII.mjs';
-import { P as Primitive } from '../chunks/index-Cx4XlYKf.mjs';
-import { c as createMenuScope, R as Root3, P as Portal, A as Anchor2, C as Content2$1, G as Group, L as Label, I as Item2$1, a as CheckboxItem, b as ItemIndicator, h as RadioGroup, d as RadioItem, S as Separator, e as Sub, g as SubTrigger, f as SubContent, i as Arrow2, j as Circle } from '../chunks/index-gB-FKFqi.mjs';
-import { u as useId } from '../chunks/index-CiJHmWph.mjs';
+import { c as composeEventHandlers } from '../chunks/index-DmfDMAo5.mjs';
+import { c as composeRefs } from '../chunks/index-Bhg2_PY7.mjs';
+import { c as createContextScope } from '../chunks/index-BF-RSDzg.mjs';
+import { u as useControllableState } from '../chunks/index-THb_GTJh.mjs';
+import { P as Primitive } from '../chunks/index-B_sik0X8.mjs';
+import { c as createMenuScope, R as Root3, P as Portal, A as Anchor2, C as Content2$1, G as Group, L as Label, I as Item2$1, a as CheckboxItem, b as ItemIndicator, h as RadioGroup, d as RadioItem, S as Separator, e as Sub, g as SubTrigger, f as SubContent, i as Arrow2, j as Circle } from '../chunks/index-fWNPF8HK.mjs';
+import { u as useId } from '../chunks/index-Ch7F9sXl.mjs';
 import { jsx } from 'react/jsx-runtime';
-import { C as Check } from '../chunks/check-D7XegcNq.mjs';
-import { C as ChevronRight } from '../chunks/chevron-right-D8I8B3al.mjs';
-import '../chunks/bundle-mjs-Bj6M7Bh5.mjs';
-import '../chunks/index-AD2ohxjm.mjs';
+import { C as Check } from '../chunks/check-I-Hz86Bu.mjs';
+import { C as ChevronRight } from '../chunks/chevron-right-Cc8XUA4m.mjs';
+import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import '../chunks/index-CZ5Lcw2b.mjs';
 import 'react-dom';
 import '@radix-ui/react-slot';
-import '../chunks/createLucideIcon-BnuYhciy.mjs';
+import '../chunks/createLucideIcon-C_iAsC8V.mjs';
 import '@radix-ui/react-collection';
-import '../chunks/index-CI7Tnqaf.mjs';
-import '../chunks/index-DGB6xduL.mjs';
-import '../chunks/index-BtzrdXXu.mjs';
-import '../chunks/index-xgPrRc3G.mjs';
-import '../chunks/tslib.es6-dgoTq-4a.mjs';
-import '../chunks/index-CxpHOtv2.mjs';
-import '../chunks/index-Bhy5-l7L.mjs';
-import '../chunks/index-plymPSgY.mjs';
-import '../chunks/index-CIlaxeML.mjs';
-import '../chunks/index-CsVkG_9K.mjs';
+import '../chunks/index-CIezYkdT.mjs';
+import '../chunks/index-qjWZItTF.mjs';
+import '../chunks/index-B9cFm0ac.mjs';
+import '../chunks/index-BQaJNtas.mjs';
+import '../chunks/tslib.es6-BAF7iAx8.mjs';
+import '../chunks/index-DwkdRROB.mjs';
+import '../chunks/index-C8MYZd8G.mjs';
+import '../chunks/index-vM3wkbBM.mjs';
+import '../chunks/index-DvGV9EWr.mjs';
+import '../chunks/index-Dx_b8MUs.mjs';
 
 var DROPDOWN_MENU_NAME = "DropdownMenu";
 var [createDropdownMenuContext] = createContextScope(DROPDOWN_MENU_NAME, [