@tecsinapse/cortex-react 1.13.1 → 1.13.3-beta.0

package/dist/cjs/components/Uploader/Upload.js

@@ -1,7 +1,7 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var cortexCore = require('@tecsinapse/cortex-core');
-var React = require('react');
 var fa6 = require('react-icons/fa6');
 var md = require('react-icons/md');
 var ProgressBar = require('../ProgressBar/ProgressBar.js');
@@ -17,31 +17,46 @@ const File = ({ file, index, onDelete }) => {
         return "info";
     }
   }
-  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col", key: index }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-centi" }, file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ React.createElement(
-    "img",
-    {
-      src: URL.createObjectURL(file.file),
-      alt: "Preview",
-      className: "w-tera h-tera rounded-mili"
-    }
-  ) : /* @__PURE__ */ React.createElement("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili" }, /* @__PURE__ */ React.createElement(fa6.FaRegFileLines, null)), /* @__PURE__ */ React.createElement("div", { className: "flex-col" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold truncate max-w-[200px]" }, file.file.name), /* @__PURE__ */ React.createElement("p", { className: "text-sm text-gray-500" }, (file.file.size / 1024).toFixed(2), " KB"))), file.status === "success" && /* @__PURE__ */ React.createElement(
-    "button",
-    {
-      onClick: () => onDelete(index),
-      "data-testid": "remove-button",
-      className: cortexCore.button({
-        className: " bg-inherit border-2 border-primary-light text-primary-light",
-        size: "small"
-      })
-    },
-    /* @__PURE__ */ React.createElement(md.MdClose, { size: 20 })
-  )), /* @__PURE__ */ React.createElement(
-    ProgressBar.ProgressBar,
-    {
-      intent: statusIntent(file.status),
-      infinite: file.status === "uploading"
-    }
-  ));
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between border rounded-t-mili shadow p-mili", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex gap-centi", children: [
+        file.file && file.file.type.startsWith("image/") ? /* @__PURE__ */ jsxRuntime.jsx(
+          "img",
+          {
+            src: URL.createObjectURL(file.file),
+            alt: "Preview",
+            className: "w-tera h-tera rounded-mili"
+          }
+        ) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "border-2 text-kilo text-primary-medium w-tera h-tera flex items-center justify-center rounded-mili", children: /* @__PURE__ */ jsxRuntime.jsx(fa6.FaRegFileLines, {}) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-col", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold truncate max-w-[200px]", children: file.file.name }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { className: "text-sm text-gray-500", children: [
+            (file.file.size / 1024).toFixed(2),
+            " KB"
+          ] })
+        ] })
+      ] }),
+      file.status === "success" && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => onDelete(index),
+          "data-testid": "remove-button",
+          className: cortexCore.button({
+            className: " bg-inherit border-2 border-primary-light text-primary-light",
+            size: "small"
+          }),
+          children: /* @__PURE__ */ jsxRuntime.jsx(md.MdClose, { size: 20 })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      ProgressBar.ProgressBar,
+      {
+        intent: statusIntent(file.status),
+        infinite: file.status === "uploading"
+      }
+    )
+  ] }, index);
 };
 
 exports.File = File;

package/dist/cjs/hooks/useCalendar.js

@@ -4,15 +4,23 @@ var date = require('@internationalized/date');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date$1 = require('../utils/date.js');
+require('react/jsx-runtime');
 require('react');
 
-const useCalendar = ({ value, onChange }) => {
+const useCalendar = ({
+  value,
+  onChange,
+  minValue,
+  maxValue
+}) => {
   const { locale } = reactAria.useLocale();
   const state = reactStately.useCalendarState({
     locale,
     createCalendar: date.createCalendar,
     defaultValue: value ? date$1.dateToCalendarDateTime(value) : null,
-    onChange: (value2) => onChange(date$1.calendarDateToDate(value2))
+    onChange: (value2) => onChange(date$1.calendarDateToDate(value2)),
+    minValue: minValue ? date$1.dateToCalendarDateTime(minValue) : null,
+    maxValue: maxValue ? date$1.dateToCalendarDateTime(maxValue) : null
   });
   const { calendarProps, title } = reactAria.useCalendar({}, state);
   return {

package/dist/cjs/hooks/useCalendarCell.js

@@ -3,16 +3,29 @@
 var date = require('@internationalized/date');
 var React = require('react');
 var reactAria = require('react-aria');
+require('react/jsx-runtime');
+require('react-stately');
+require('../components/Popover/Context.js');
+require('react-dropzone');
+require('uuid');
+require('@floating-ui/react');
+require('currency.js');
+require('../provider/MenubarContext.js');
+require('../provider/SnackbarProvider.js');
+var CalendarProvider = require('../provider/CalendarProvider.js');
 
 const useCalendarCell = ({ state, date: date$1 }) => {
+  const { isTodayHighlited } = CalendarProvider.useCalendarContext();
   const ref = React.useRef(null);
   const {
     cellProps,
     buttonProps,
     isSelected,
     isOutsideVisibleRange,
-    formattedDate
+    formattedDate,
+    isDisabled
   } = reactAria.useCalendarCell({ date: date$1 }, state, ref);
+  const isToday = isTodayHighlited ? date.isSameDay(date$1, date.today(date.getLocalTimeZone())) : false;
   const rangeStateHighlitedRange = state?.highlightedRange;
   const isSameDayStart = rangeStateHighlitedRange && date$1 ? date.isSameDay(date$1, rangeStateHighlitedRange.start) : void 0;
   const isSameDayEnd = rangeStateHighlitedRange && date$1 ? date.isSameDay(date$1, rangeStateHighlitedRange.end) : void 0;
@@ -28,7 +41,9 @@ const useCalendarCell = ({ state, date: date$1 }) => {
     formattedDate,
     isSelectionStart,
     isSelectionEnd,
-    inRange: Boolean(inRange)
+    inRange: Boolean(inRange),
+    isToday,
+    isDisabled
   };
 };
 

package/dist/cjs/hooks/useDatePickerInput.js

@@ -4,16 +4,21 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useDatePickerInput = ({
   value,
-  onChange
+  onChange,
+  minValue,
+  maxValue
 }) => {
   const state = reactStately.useDatePickerState({
     defaultValue: value ? date.dateToCalendarDateTime(value) : null,
-    onChange: (value2) => {
-      onChange(date.calendarDateToDate(value2));
-    }
+    onChange: (_value) => {
+      onChange(date.calendarDateToDate(_value));
+    },
+    minValue: minValue ? date.dateToCalendarDateTime(minValue) : null,
+    maxValue: maxValue ? date.dateToCalendarDateTime(maxValue) : null
   });
   const ref = React.useRef(null);
   const { fieldProps } = reactAria.useDatePicker(
@@ -24,6 +29,8 @@ const useDatePickerInput = ({
   React.useEffect(() => {
     if (!value) {
       state.setValue(null);
+    } else if (value && state.value?.compare(date.dateToCalendarDateTime(value)) !== 0) {
+      state.setValue(date.dateToCalendarDateTime(value));
     }
   }, [value]);
   return {

package/dist/cjs/hooks/useDateRangePickerInput.js

@@ -4,10 +4,13 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useDateRangePickerInput = ({
   value,
-  onChange
+  onChange,
+  minValue,
+  maxValue
 }) => {
   const state = reactStately.useDateRangePickerState({
     defaultValue: value ? {
@@ -19,7 +22,9 @@ const useDateRangePickerInput = ({
         start: value2 ? date.calendarDateToDate(value2.start) : void 0,
         end: value2 ? date.calendarDateToDate(value2.end) : void 0
       });
-    }
+    },
+    minValue: minValue ? date.dateToCalendarDateTime(minValue) : null,
+    maxValue: maxValue ? date.dateToCalendarDateTime(maxValue) : null
   });
   const ref = React.useRef(null);
   const { startFieldProps, endFieldProps } = reactAria.useDateRangePicker(

package/dist/cjs/hooks/useNumberMask.js

@@ -4,6 +4,7 @@ var currency = require('currency.js');
 var React = require('react');
 require('@internationalized/date');
 var extractors = require('../utils/extractors.js');
+require('react/jsx-runtime');
 
 const getRegex = (precision) => new RegExp(`\\B(?=(\\d{${precision}})(?!\\d))`, "g");
 const getInternalNumberAndMask = (value, options) => {

package/dist/cjs/hooks/useRangeCalendar.js

@@ -5,10 +5,13 @@ var React = require('react');
 var reactAria = require('react-aria');
 var reactStately = require('react-stately');
 var date$1 = require('../utils/date.js');
+require('react/jsx-runtime');
 
 const useRangeCalendar = ({
   value,
-  onChange
+  onChange,
+  minValue,
+  maxValue
 }) => {
   const { locale } = reactAria.useLocale();
   const state = reactStately.useRangeCalendarState({
@@ -21,7 +24,9 @@ const useRangeCalendar = ({
     onChange: (value2) => onChange({
       start: date$1.calendarDateToDate(value2.start),
       end: date$1.calendarDateToDate(value2.end)
-    })
+    }),
+    minValue: minValue ? date$1.dateToCalendarDateTime(minValue) : null,
+    maxValue: maxValue ? date$1.dateToCalendarDateTime(maxValue) : null
   });
   const ref = React.useRef(null);
   const { calendarProps, title } = reactAria.useRangeCalendar({}, state, ref);

package/dist/cjs/hooks/useTimePickerInput.js

@@ -0,0 +1,45 @@
+'use strict';
+
+var React = require('react');
+var Context = require('../components/Popover/Context.js');
+var date = require('@internationalized/date');
+
+const useTimePickerInput = ({
+  value,
+  onChange,
+  minuteInterval
+}) => {
+  const { setIsOpen } = Context.usePopoverContext();
+  const [popoverTime, setPopoverTime] = React.useState(value ?? new date.Time(0, 0));
+  const handleTimeFieldChange = (newValue) => {
+    if (newValue && minuteInterval > 1) {
+      const time = newValue;
+      const adjustedMinute = Math.round(time.minute / minuteInterval) * minuteInterval % 60;
+      const adjustedTime = time.set({ minute: adjustedMinute });
+      onChange?.(adjustedTime);
+      setPopoverTime(adjustedTime);
+      return;
+    }
+    const newTime = newValue ? new date.Time(newValue.hour, newValue.minute, newValue.second) : void 0;
+    onChange?.(newTime);
+    setPopoverTime(newTime ?? new date.Time(0, 0));
+  };
+  const handleTogglePopover = React.useCallback(() => {
+    setIsOpen((open) => !open);
+  }, []);
+  const handleChangeTimeOnSelector = React.useCallback(
+    (time) => {
+      setPopoverTime(time);
+      handleTimeFieldChange(time);
+    },
+    [handleTimeFieldChange]
+  );
+  return {
+    handleTogglePopover,
+    handleTimeFieldChange,
+    handleChangeTimeOnSelector,
+    popoverTime
+  };
+};
+
+exports.useTimePickerInput = useTimePickerInput;

package/dist/cjs/index.js

@@ -37,8 +37,10 @@ var index$5 = require('./components/Stepper/index.js');
 var Table = require('./components/Table.js');
 var Tag = require('./components/Tag.js');
 var index$6 = require('./components/TextArea/index.js');
-var TimeField = require('./components/TimeField/TimeField.js');
-var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
+var TimeField = require('./components/TimePicker/TimeField.js');
+var TimePickerInput = require('./components/TimePicker/TimePickerInput.js');
+var TimePickerSelector = require('./components/TimePicker/TimePickerSelector.js');
+var TimeFieldInput = require('./components/TimePicker/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
 var Tooltip = require('./components/Tooltip.js');
 var index$7 = require('./components/Uploader/index.js');
@@ -58,11 +60,13 @@ var useRangeCalendar = require('./hooks/useRangeCalendar.js');
 var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
 var useSelectOptions = require('./hooks/useSelectOptions.js');
 var useStringMask = require('./hooks/useStringMask.js');
+var useTimePickerInput = require('./hooks/useTimePickerInput.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
 var MenubarProvider = require('./provider/MenubarProvider.js');
 var SnackbarProvider = require('./provider/SnackbarProvider.js');
 var MenubarContext = require('./provider/MenubarContext.js');
 var useMenubar = require('./provider/useMenubar.js');
+var CalendarProvider = require('./provider/CalendarProvider.js');
 var context = require('./components/Accordion/context.js');
 var masks = require('./components/Input/masks.js');
 var Root = require('./components/Uploader/Root.js');
@@ -116,6 +120,8 @@ exports.Td = Table.Td;
 exports.Tag = Tag.Tag;
 exports.TextArea = index$6.TextArea;
 exports.TimeField = TimeField.TimeField;
+exports.TimePickerInput = TimePickerInput.TimePickerInput;
+exports.TimePickerSelector = TimePickerSelector.TimePickerSelector;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
 exports.Tooltip = Tooltip.Tooltip;
@@ -141,12 +147,15 @@ exports.applyStringMask = useStringMask.applyStringMask;
 exports.getMask = useStringMask.getMask;
 exports.mergeMask = useStringMask.mergeMask;
 exports.useStringMask = useStringMask.useStringMask;
+exports.useTimePickerInput = useTimePickerInput.useTimePickerInput;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
 exports.MenubarProvider = MenubarProvider.MenubarProvider;
 exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
 exports.useSnackbar = SnackbarProvider.useSnackbar;
 exports.MenubarContext = MenubarContext.MenubarContext;
 exports.useMenubar = useMenubar.useMenubar;
+exports.CalendarProvider = CalendarProvider.CalendarProvider;
+exports.useCalendarContext = CalendarProvider.useCalendarContext;
 exports.Context = context.Context;
 exports.useAccordionContext = context.useAccordionContext;
 exports.BRLMask = masks.BRLMask;

package/dist/cjs/provider/CalendarProvider.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const CalendarContext = React.createContext(
+  void 0
+);
+const CalendarProvider = ({
+  isTodayHighlited,
+  children
+}) => /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: { isTodayHighlited }, children });
+const useCalendarContext = () => {
+  const context = React.useContext(CalendarContext);
+  if (!context) {
+    throw new Error(
+      "useCalendarContext must be used within a CalendarProvider"
+    );
+  }
+  return context;
+};
+
+exports.CalendarProvider = CalendarProvider;
+exports.useCalendarContext = useCalendarContext;

package/dist/cjs/provider/CategoriesContext.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 const CategoriesContext = React.createContext(null);
@@ -13,7 +14,7 @@ const CategoriesProvider = ({ children }) => {
       };
     });
   };
-  return /* @__PURE__ */ React.createElement(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu } }, children);
+  return /* @__PURE__ */ jsxRuntime.jsx(CategoriesContext.Provider, { value: { expandedMenus, toggleSubmenu }, children });
 };
 const useCategories = () => {
   const context = React.useContext(CategoriesContext);

package/dist/cjs/provider/MenubarProvider.js

@@ -1,16 +1,19 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
+var MenubarContext = require('./MenubarContext.js');
+require('./SnackbarProvider.js');
+require('./CalendarProvider.js');
 require('../components/Popover/Context.js');
 require('react-dropzone');
 require('uuid');
 require('@floating-ui/react');
 require('currency.js');
 var useOutsideClickListener = require('../hooks/useOutsideClickListener.js');
-var MenubarContext = require('./MenubarContext.js');
 
 const MenubarProvider = ({ children }) => {
   const [show, setShow] = React.useState(false);
@@ -28,7 +31,7 @@ const MenubarProvider = ({ children }) => {
     ref,
     onClickOutside
   });
-  return /* @__PURE__ */ React.createElement(MenubarContext.MenubarContext.Provider, { value: { show, setShow } }, /* @__PURE__ */ React.createElement("div", { ref }, children));
+  return /* @__PURE__ */ jsxRuntime.jsx(MenubarContext.MenubarContext.Provider, { value: { show, setShow }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref, children }) });
 };
 
 exports.MenubarProvider = MenubarProvider;

package/dist/cjs/provider/SnackbarProvider.js

@@ -1,5 +1,6 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var sonner = require('sonner');
 var SnackbarSonner = require('../service/SnackbarSonner.js');
@@ -10,7 +11,10 @@ const SnackbarProvider = ({
   options
 }) => {
   const snackbar = new SnackbarSonner.SnackbarSonner(options);
-  return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
+  return /* @__PURE__ */ jsxRuntime.jsxs(SnackbarContext.Provider, { value: { snackbar }, children: [
+    children,
+    /* @__PURE__ */ jsxRuntime.jsx(sonner.Toaster, {})
+  ] });
 };
 const useSnackbar = () => {
   const context = React.useContext(SnackbarContext);

package/dist/cjs/service/SnackbarSonner.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var sonner = require('sonner');
 var DefaultSnack = require('../components/Snackbar/DefaultSnack.js');
 
@@ -18,7 +18,7 @@ class SnackbarSonner {
   show(type, message, options) {
     return sonner.toast.custom(
       (t) => {
-        return /* @__PURE__ */ React.createElement(
+        return /* @__PURE__ */ jsxRuntime.jsx(
           DefaultSnack.DefaultSnack,
           {
             text: message,

package/dist/cjs/styles/calendar-cell.js

@@ -8,27 +8,32 @@ const calendarCell = tailwindVariants.tv({
     button: "flex aspect-square items-center justify-center"
   },
   variants: {
+    isToday: {
+      true: {
+        cell: "border-primary-light border-2"
+      }
+    },
     isSelected: {
       true: {
-        cell: "bg-primary-medium text-white hover:bg-primary-medium"
+        cell: "bg-primary-medium border-2 border-primary-medium text-white hover:bg-primary-medium"
       }
     },
     isSelectionStart: {
       true: {
-        cell: "bg-primary-medium rounded-r-none text-white"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-r-none text-white"
       }
     },
     isSelectionEnd: {
       true: {
-        cell: "bg-primary-medium rounded-l-none text-white"
+        cell: "bg-primary-medium border-2 border-primary-medium rounded-l-none text-white"
       }
     },
     inRange: {
       true: {
-        cell: "bg-primary-light rounded-none text-black"
+        cell: "bg-primary-light border-0 rounded-none text-black"
       }
     },
-    isOutsideVisibleRange: {
+    isDisabled: {
       true: {
         cell: "text-secondary-light cursor-default  hover:bg-white-500",
         button: "cursor-default"

package/dist/cjs/styles/time-field-input.js

@@ -0,0 +1,18 @@
+'use strict';
+
+var tailwindVariants = require('tailwind-variants');
+
+const timePickerInputBase = tailwindVariants.tv({
+  slots: {
+    icon: "cursor-pointer text-deca"
+  },
+  variants: {
+    disabled: {
+      true: {
+        icon: "text-secondary-light cursor-default"
+      }
+    }
+  }
+});
+
+exports.timePickerInputBase = timePickerInputBase;

package/dist/cjs/utils/date.js

@@ -16,11 +16,6 @@ const calendarDateToDate = (value) => {
   if (!value) return void 0;
   return value.toDate(date.getLocalTimeZone());
 };
-const timeFromTimeValue = (value) => {
-  if (!value) return void 0;
-  return new date.Time(value.hour, value.minute, value.second, value.millisecond);
-};
 
 exports.calendarDateToDate = calendarDateToDate;
 exports.dateToCalendarDateTime = dateToCalendarDateTime;
-exports.timeFromTimeValue = timeFromTimeValue;

package/dist/cjs/utils/react.js

@@ -1,9 +1,10 @@
 'use strict';
 
+var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 
 function cloneWithProps(children, props) {
-  return React.cloneElement(/* @__PURE__ */ React.createElement("div", null, children), props);
+  return React.cloneElement(/* @__PURE__ */ jsxRuntime.jsx("div", { children }), props);
 }
 
 exports.cloneWithProps = cloneWithProps;

package/dist/esm/components/Accordion/Content.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useRef, useState, useLayoutEffect } from 'react';
+import { useRef, useState, useLayoutEffect } from 'react';
 import { useAccordionContext } from './context.js';
 
 const AccordionContent = ({
@@ -40,7 +41,7 @@ const AccordionContent = ({
       observer.disconnect();
     };
   }, [direction]);
-  return /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx(
@@ -55,9 +56,9 @@ const AccordionContent = ({
         height: direction === "vertical" && open ? height : void 0
       },
       ref: container,
-      "data-testid": "accordion-container"
-    },
-    children
+      "data-testid": "accordion-container",
+      children
+    }
   );
 };
 

package/dist/esm/components/Accordion/Face.js

@@ -1,5 +1,6 @@
+import { jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
-import React__default, { useState, useCallback } from 'react';
+import { useState, useCallback } from 'react';
 import { Context } from './context.js';
 
 const AccordionFace = ({
@@ -9,15 +10,15 @@ const AccordionFace = ({
 }) => {
   const [open, setOpen] = useState(defaultOpen);
   const toggle = useCallback(() => setOpen((prev) => !prev), []);
-  return /* @__PURE__ */ React__default.createElement(Context.Provider, { value: { open, toggle } }, /* @__PURE__ */ React__default.createElement(
+  return /* @__PURE__ */ jsx(Context.Provider, { value: { open, toggle }, children: /* @__PURE__ */ jsx(
     "div",
     {
       className: clsx("flex", {
         "flex flex-col": direction === "vertical"
-      })
-    },
-    children
-  ));
+      }),
+      children
+    }
+  ) });
 };
 
 export { AccordionFace };

package/dist/esm/components/Accordion/Root.js

@@ -1,4 +1,4 @@
-import React__default from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { AccordionContent } from './Content.js';
 import { AccordionFace } from './Face.js';
 import { AccordionTrigger } from './Trigger.js';
@@ -13,17 +13,20 @@ const AccordionRoot = ({
   onClose,
   direction = "horizontal"
 }) => {
-  return /* @__PURE__ */ React__default.createElement(AccordionFace, { defaultOpen, direction }, /* @__PURE__ */ React__default.createElement(
-    AccordionTrigger,
-    {
-      label,
-      floating,
-      onOpen,
-      onClose,
-      invertedArrow,
-      direction
-    }
-  ), /* @__PURE__ */ React__default.createElement(AccordionContent, { direction }, children));
+  return /* @__PURE__ */ jsxs(AccordionFace, { defaultOpen, direction, children: [
+    /* @__PURE__ */ jsx(
+      AccordionTrigger,
+      {
+        label,
+        floating,
+        onOpen,
+        onClose,
+        invertedArrow,
+        direction
+      }
+    ),
+    /* @__PURE__ */ jsx(AccordionContent, { direction, children })
+  ] });
 };
 
 export { AccordionRoot };