@tecsinapse/cortex-react 1.3.0-beta.24 → 1.3.0-beta.26

package/dist/cjs/components/Badge.js

@@ -3,9 +3,28 @@
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
 const Badge = React.forwardRef((props, ref) => {
   const { value, variants, ...rest } = props;
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React__namespace.createElement(
     "div",
     {
       ref,
@@ -20,7 +39,7 @@ const Badge = React.forwardRef((props, ref) => {
 });
 const BadgeAnchor = React.forwardRef((props, ref) => {
   const { value, variants, children, ...rest } = props;
-  return /* @__PURE__ */ React.createElement("div", { className: cortexCore.containerBadge() }, children, /* @__PURE__ */ React.createElement("div", { ref, className: cortexCore.badge(variants), ...rest }, value));
+  return /* @__PURE__ */ React__namespace.createElement("div", { className: cortexCore.containerBadge() }, children, /* @__PURE__ */ React__namespace.createElement("div", { ref, className: cortexCore.badge(variants), ...rest }, value));
 });
 
 exports.Badge = Badge;

package/dist/cjs/components/Calendar/RangeCalendar.js

@@ -4,8 +4,8 @@ var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var useRangeCalendar = require('../../hooks/useRangeCalendar.js');
 require('@floating-ui/react');
+var useRangeCalendar = require('../../hooks/useRangeCalendar.js');
 var CalendarGrid = require('./CalendarGrid.js');
 var CalendarHeader = require('./CalendarHeader.js');
 

package/dist/cjs/components/Menubar/Header.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var menubar = require('../../styles/menubar.js');
-var Button = require('../Button.js');
 var io5 = require('react-icons/io5');
 var MenubarProvider = require('../../provider/MenubarProvider.js');
 require('../../provider/SnackbarProvider.js');
+var menubar = require('../../styles/menubar.js');
+var Button = require('../Button.js');
 
 const { header } = menubar.menubar();
 const Header = ({ children, className, ...rest }) => {

package/dist/cjs/components/Menubar/Item.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var IconControlSubItem = require('./IconControlSubItem.js');
 var menubar = require('../../styles/menubar.js');
+var IconControlSubItem = require('./IconControlSubItem.js');
 var ItemLink = require('./ItemLink.js');
 
 const { container, text } = menubar.item();

package/dist/cjs/components/Menubar/MostUsedList.js

@@ -39,7 +39,11 @@ require('../Select/Trigger.js');
 require('../Snackbar/BaseSnackbar.js');
 require('react-icons/io');
 require('../Tag.js');
-require('../TextArea.js');
+require('../TextArea/Box.js');
+require('../TextArea/Face.js');
+require('../TextArea/Left.js');
+require('../TextArea/Right.js');
+require('../TextArea/Root.js');
 require('../Toggle.js');
 require('../Tooltip.js');
 

package/dist/cjs/components/Popover/Trigger.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var Context = require('./Context.js');
 var utils = require('../utils.js');
+var Context = require('./Context.js');
 
 const PopoverTrigger = ({ children }) => {
   const { triggerProps } = Context.usePopoverContext();

package/dist/cjs/components/Select/Content.js

@@ -4,8 +4,8 @@ var React = require('react');
 require('@internationalized/date');
 require('react-aria');
 require('react-stately');
-var useOutsideClickListener = require('../../hooks/useOutsideClickListener.js');
 require('@floating-ui/react');
+var useOutsideClickListener = require('../../hooks/useOutsideClickListener.js');
 var Context = require('../Popover/Context.js');
 
 const Content = ({ children }) => {

package/dist/cjs/components/Select/GroupedOptions.js

@@ -3,7 +3,13 @@
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 var index = require('./index.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+var useSelectGroupedOptions = require('../../hooks/useSelectGroupedOptions.js');
 var Context = require('../Popover/Context.js');
+var SkeletonOptions = require('./SkeletonOptions.js');
 var context = require('./context.js');
 
 const { groupedTitle, list } = cortexCore.selectVariants();
@@ -14,6 +20,7 @@ const SelectGroupedOptions = ({
 }) => {
   const { keyExtractor } = React.useContext(context.SelectContext);
   const { setIsOpen } = Context.usePopoverContext();
+  const { options: _options, isLoading } = useSelectGroupedOptions.useSelectGroupedOptions({ options });
   const handleSelect = React.useCallback(
     (option) => {
       onSelect(option);
@@ -21,7 +28,7 @@ const SelectGroupedOptions = ({
     },
     [onSelect]
   );
-  return /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, [...options ?? []].map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key }, /* @__PURE__ */ React.createElement("span", { className: groupedTitle() }, groupedLabelExtractor?.(key)), value.map((option) => /* @__PURE__ */ React.createElement(
+  return isLoading ? /* @__PURE__ */ React.createElement(SkeletonOptions.SkeletonOptions, null) : /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, [..._options ?? []].map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key }, /* @__PURE__ */ React.createElement("span", { className: groupedTitle() }, groupedLabelExtractor?.(key)), value.map((option) => /* @__PURE__ */ React.createElement(
     index.Select.Option,
     {
       grouped: true,

package/dist/cjs/components/Select/MultiCheckAllOptions.js

@@ -38,7 +38,7 @@ const SelectMultiCheckAllOptions = ({
     {
       type: "checkbox",
       className: cortexCore.checkbox(),
-      onChange: checkAll,
+      onChange: () => void 0,
       checked: isChecked
     }
   ), /* @__PURE__ */ React.createElement("span", null, checkAllLabel)) : /* @__PURE__ */ React.createElement(React.Fragment, null);

package/dist/cjs/components/Select/MultiGroupedOptions.js

@@ -3,6 +3,12 @@
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 var index = require('./index.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+var useSelectGroupedOptions = require('../../hooks/useSelectGroupedOptions.js');
+var SkeletonOptions = require('./SkeletonOptions.js');
 var context = require('./context.js');
 var utils = require('./utils.js');
 
@@ -14,17 +20,18 @@ const SelectMultiGroupedOptions = ({
   children
 }) => {
   const { value: currentValue = [], keyExtractor } = React.useContext(context.SelectContext);
+  const { options: _options, isLoading } = useSelectGroupedOptions.useSelectGroupedOptions({ options });
   const flattenMap = React.useMemo(
-    () => options ? Array.from(options?.values()).flatMap((value) => value) : [],
+    () => _options ? Array.from(_options?.values()).flatMap((value) => value) : [],
     [options]
   );
-  return /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement(
     context.SelectMultiOptionsContext.Provider,
     {
       value: { onSelect, options: flattenMap }
     },
     children,
-    [...options ?? []].map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key }, /* @__PURE__ */ React.createElement("span", { className: groupedTitle() }, groupedLabelExtractor?.(key)), value.map((option) => /* @__PURE__ */ React.createElement(
+    isLoading ? /* @__PURE__ */ React.createElement(SkeletonOptions.SkeletonOptions, null) : /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, [..._options ?? []].map(([key, value]) => /* @__PURE__ */ React.createElement("div", { key }, /* @__PURE__ */ React.createElement("span", { className: groupedTitle() }, groupedLabelExtractor?.(key)), value.map((option) => /* @__PURE__ */ React.createElement(
       index.Select.MultiOption,
       {
         grouped: true,
@@ -37,8 +44,8 @@ const SelectMultiGroupedOptions = ({
           keyExtractor
         )
       }
-    ))))
-  ));
+    )))))
+  );
 };
 
 exports.SelectMultiGroupedOptions = SelectMultiGroupedOptions;

package/dist/cjs/components/Select/MultiOptions.js

@@ -3,6 +3,12 @@
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 var index = require('./index.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+var useSelectOptions = require('../../hooks/useSelectOptions.js');
+var SkeletonOptions = require('./SkeletonOptions.js');
 var context = require('./context.js');
 var utils = require('./utils.js');
 
@@ -13,7 +19,8 @@ const SelectMultiOptions = ({
   children
 }) => {
   const { keyExtractor, value: currentValue = [] } = React.useContext(context.SelectContext);
-  return /* @__PURE__ */ React.createElement(context.SelectMultiOptionsContext.Provider, { value: { onSelect, options } }, /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, children, (options ?? []).map((option) => /* @__PURE__ */ React.createElement(
+  const { options: _options, isLoading } = useSelectOptions.useSelectOptions({ options });
+  return /* @__PURE__ */ React.createElement(context.SelectMultiOptionsContext.Provider, { value: { onSelect, options: _options } }, isLoading ? /* @__PURE__ */ React.createElement(SkeletonOptions.SkeletonOptions, null) : /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, children, _options?.map((option) => /* @__PURE__ */ React.createElement(
     index.Select.MultiOption,
     {
       option,

package/dist/cjs/components/Select/Options.js

@@ -3,7 +3,13 @@
 var cortexCore = require('@tecsinapse/cortex-core');
 var React = require('react');
 var index = require('./index.js');
+require('@internationalized/date');
+require('react-aria');
+require('react-stately');
+require('@floating-ui/react');
+var useSelectOptions = require('../../hooks/useSelectOptions.js');
 var Context = require('../Popover/Context.js');
+var SkeletonOptions = require('./SkeletonOptions.js');
 var context = require('./context.js');
 
 const { list } = cortexCore.selectVariants();
@@ -13,6 +19,7 @@ const SelectOptions = ({
 }) => {
   const { keyExtractor } = React.useContext(context.SelectContext);
   const { setIsOpen } = Context.usePopoverContext();
+  const { options: _options, isLoading } = useSelectOptions.useSelectOptions({ options });
   const handleSelect = React.useCallback(
     (option) => {
       onSelect(option);
@@ -20,7 +27,7 @@ const SelectOptions = ({
     },
     [onSelect]
   );
-  return /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, (options ?? []).map((option) => /* @__PURE__ */ React.createElement(
+  return isLoading ? /* @__PURE__ */ React.createElement(SkeletonOptions.SkeletonOptions, null) : /* @__PURE__ */ React.createElement("ul", { role: "select", className: list() }, _options?.map((option) => /* @__PURE__ */ React.createElement(
     index.Select.Option,
     {
       option,

package/dist/cjs/components/Select/SkeletonOptions.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var React = require('react');
+var Skeleton = require('../Skeleton.js');
+
+const optionSkeletonStyle = "w-full px-deca my-nano h-[30px]";
+const SkeletonOptions = () => {
+  return /* @__PURE__ */ React.createElement("div", { className: "flex flex-col gap-y-nano" }, Array.from(Array(10).keys()).map((value) => /* @__PURE__ */ React.createElement(Skeleton.Skeleton, { key: value }, /* @__PURE__ */ React.createElement("div", { className: optionSkeletonStyle }))));
+};
+
+exports.SkeletonOptions = SkeletonOptions;

package/dist/cjs/components/Skeleton.js

@@ -3,11 +3,7 @@
 var clsx = require('clsx');
 var React = require('react');
 
-const Skeleton = ({
-  className,
-  children,
-  ...rest
-}) => {
+const Skeleton = ({ className, children, ...rest }) => {
   return /* @__PURE__ */ React.createElement(
     "div",
     {

package/dist/cjs/components/Snackbar/BaseSnackbar.js

@@ -1,7 +1,7 @@
 'use strict';
 
-var React = require('react');
 var cortexCore = require('@tecsinapse/cortex-core');
+var React = require('react');
 
 const BaseSnackbar = React.forwardRef(
   (props, ref) => {

package/dist/cjs/components/TextArea/Box.js

@@ -0,0 +1,47 @@
+'use strict';
+
+var cortexCore = require('@tecsinapse/cortex-core');
+var clsx = require('clsx');
+var React = require('react');
+
+const TextAreaBox = React.forwardRef(
+  ({
+    id,
+    name,
+    variants,
+    label,
+    placeholder,
+    rows,
+    className,
+    ...rest
+  }, ref) => {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex w-full flex-col" }, /* @__PURE__ */ React.createElement(
+      "textarea",
+      {
+        "data-testid": "textarea-box",
+        ref,
+        id: id ?? name,
+        name,
+        placeholder: placeholder ?? " ",
+        className: clsx(
+          cortexCore.inputBox(placeholder, label, className),
+          "resize-none mt-mili"
+        ),
+        rows,
+        ...rest
+      }
+    ), /* @__PURE__ */ React.createElement(
+      "label",
+      {
+        htmlFor: id ?? name,
+        className: cortexCore.labelStyle({
+          intent: variants?.intent,
+          placeholder
+        })
+      },
+      label
+    ));
+  }
+);
+
+exports.TextAreaBox = TextAreaBox;

package/dist/cjs/components/TextArea/Face.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var cortexCore = require('@tecsinapse/cortex-core');
+var clsx = require('clsx');
+var React = require('react');
+var utils = require('./utils.js');
+
+const TextAreaFace = React.forwardRef(
+  ({ children, variants, className, ...rest }, ref) => {
+    const clones = utils.getValidChildren(children).map((el) => {
+      return React.cloneElement(el, { ...el.props, variants });
+    });
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: clsx(cortexCore.input(variants), className),
+        "data-testid": "textarea-face",
+        id: "textarea-face",
+        ...rest
+      },
+      clones
+    );
+  }
+);
+
+exports.TextAreaFace = TextAreaFace;

package/dist/cjs/components/TextArea/Left.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var clsx = require('clsx');
+var React = require('react');
+
+const TextAreaLeft = React.forwardRef(({ children, className, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "mr-2.5"), ...rest, ref }, children);
+});
+
+exports.TextAreaLeft = TextAreaLeft;

package/dist/cjs/components/TextArea/Right.js

@@ -0,0 +1,10 @@
+'use strict';
+
+var clsx = require('clsx');
+var React = require('react');
+
+const TextAreaRight = React.forwardRef(({ children, className, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement("div", { className: clsx(className, "ml-2.5"), ...rest, ref }, children);
+});
+
+exports.TextAreaRight = TextAreaRight;

package/dist/cjs/components/TextArea/Root.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var React = require('react');
+var Box = require('./Box.js');
+var Face = require('./Face.js');
+
+const TextAreaRoot = React.forwardRef(({ variants, className, ...rest }, ref) => {
+  return /* @__PURE__ */ React.createElement(Face.TextAreaFace, { variants, className }, /* @__PURE__ */ React.createElement(Box.TextAreaBox, { ref, ...rest }));
+});
+
+exports.TextAreaRoot = TextAreaRoot;

package/dist/cjs/components/TextArea/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+var Box = require('./Box.js');
+var Face = require('./Face.js');
+var Left = require('./Left.js');
+var Right = require('./Right.js');
+var Root = require('./Root.js');
+
+const TextArea = {
+  Root: Root.TextAreaRoot,
+  Face: Face.TextAreaFace,
+  Box: Box.TextAreaBox,
+  Left: Left.TextAreaLeft,
+  Right: Right.TextAreaRight
+};
+
+exports.TextArea = TextArea;

package/dist/cjs/components/TextArea/utils.js

@@ -0,0 +1,11 @@
+'use strict';
+
+var React = require('react');
+
+const getValidChildren = (children) => {
+  return React.Children.toArray(children).filter(
+    (el) => React.isValidElement(el)
+  );
+};
+
+exports.getValidChildren = getValidChildren;

package/dist/cjs/hooks/useSelectGroupedOptions.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+
+const useSelectGroupedOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = React.useState();
+  const [isLoading, setIsLoading] = React.useState();
+  const [error, setError] = React.useState();
+  const initData = async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  };
+  React.useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+exports.useSelectGroupedOptions = useSelectGroupedOptions;

package/dist/cjs/hooks/useSelectOptions.js

@@ -0,0 +1,35 @@
+'use strict';
+
+var React = require('react');
+
+const useSelectOptions = ({
+  options: _options
+}) => {
+  const [options, setOptions] = React.useState();
+  const [isLoading, setIsLoading] = React.useState();
+  const [error, setError] = React.useState();
+  const initData = React.useCallback(async (fetch) => {
+    setIsLoading(true);
+    try {
+      const result = await fetch();
+      if (result) {
+        setOptions(result ?? []);
+      }
+    } catch (e) {
+      setError(String(e));
+    } finally {
+      setIsLoading(false);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (typeof _options === "function") initData(_options);
+    else setOptions(_options);
+  }, [_options]);
+  return {
+    isLoading,
+    options,
+    error
+  };
+};
+
+exports.useSelectOptions = useSelectOptions;

package/dist/cjs/index.js

@@ -29,7 +29,7 @@ var BaseSnackbar = require('./components/Snackbar/BaseSnackbar.js');
 var DefaultSnack = require('./components/Snackbar/DefaultSnack.js');
 var Table = require('./components/Table.js');
 var Tag = require('./components/Tag.js');
-var TextArea = require('./components/TextArea.js');
+var index$4 = require('./components/TextArea/index.js');
 var TimeField = require('./components/TimeField/TimeField.js');
 var TimeFieldInput = require('./components/TimeField/TimeFieldInput.js');
 var Toggle = require('./components/Toggle.js');
@@ -40,10 +40,14 @@ var useCalendarGrid = require('./hooks/useCalendarGrid.js');
 var useDatePickerInput = require('./hooks/useDatePickerInput.js');
 var useDateRangePickerInput = require('./hooks/useDateRangePickerInput.js');
 var useDebouncedState = require('./hooks/useDebouncedState.js');
+var useFloatingLogic = require('./hooks/useFloatingLogic.js');
 var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
 var useRangeCalendar = require('./hooks/useRangeCalendar.js');
-var useFloatingLogic = require('./hooks/useFloatingLogic.js');
+var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
+var useSelectOptions = require('./hooks/useSelectOptions.js');
 var SnackbarSonner = require('./service/SnackbarSonner.js');
+var MenubarProvider = require('./provider/MenubarProvider.js');
+var SnackbarProvider = require('./provider/SnackbarProvider.js');
 
 
 
@@ -84,7 +88,7 @@ exports.TRowHeader = Table.TRowHeader;
 exports.Table = Table.Table;
 exports.Td = Table.Td;
 exports.Tag = Tag.Tag;
-exports.TextArea = TextArea.TextArea;
+exports.TextArea = index$4.TextArea;
 exports.TimeField = TimeField.TimeField;
 exports.TimeFieldInput = TimeFieldInput.TimeFieldInput;
 exports.Toggle = Toggle.Toggle;
@@ -95,7 +99,13 @@ exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
 exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
 exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
 exports.useDebouncedState = useDebouncedState.useDebouncedState;
+exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
 exports.useOutsideClickListener = useOutsideClickListener.useOutsideClickListener;
 exports.useRangeCalendar = useRangeCalendar.useRangeCalendar;
-exports.useFloatingLogic = useFloatingLogic.useFloatingLogic;
+exports.useSelectGroupedOptions = useSelectGroupedOptions.useSelectGroupedOptions;
+exports.useSelectOptions = useSelectOptions.useSelectOptions;
 exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
+exports.MenubarProvider = MenubarProvider.MenubarProvider;
+exports.useMenubar = MenubarProvider.useMenubar;
+exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
+exports.useSnackbar = SnackbarProvider.useSnackbar;

package/dist/cjs/provider/SnackbarProvider.js

@@ -1,56 +1,21 @@
 'use strict';
 
 var React = require('react');
-require('sonner');
-require('clsx');
-require('@internationalized/date');
-require('../components/Badge.js');
-require('react-icons/md');
-require('../components/Card.js');
-require('../components/Button.js');
-require('react-aria');
-require('react-stately');
-require('@floating-ui/react');
-require('../components/Calendar/CalendarCell.js');
-require('@tecsinapse/cortex-core');
-require('react-icons/fa');
-require('react-icons/lia');
-require('../components/Input/Box.js');
-require('../components/Input/Face.js');
-require('../components/Input/Left.js');
-require('../components/Input/Mask.js');
-require('../components/Input/Right.js');
-require('../components/Input/Root.js');
-require('../components/Input/Search.js');
-require('../components/GroupButton.js');
-require('../components/Hint.js');
-require('./MenubarProvider.js');
-require('../components/Menubar/Left.js');
-require('../styles/menubar.js');
-require('../components/Menubar/Right.js');
-require('../components/Menubar/Dropdown.js');
-require('../components/Menubar/MostUsed.js');
-require('../components/Menubar/MostUsedItem.js');
-require('../components/Menubar/Header.js');
-require('../components/Menubar/Item.js');
-require('../components/Menubar/SubItem.js');
-require('../components/Modal.js');
-require('../components/Popover/Context.js');
-require('../styles/calendar-cell.js');
-require('../styles/groupButton.js');
-require('../styles/progressBar.js');
-require('../components/RadioButton.js');
-require('../components/Select/GroupedOptions.js');
-require('../components/Select/context.js');
-require('../components/Select/MultiGroupedOptions.js');
-require('../components/Select/MultiOptions.js');
-require('../components/Select/Options.js');
-require('../components/Select/Trigger.js');
-require('../components/Snackbar/BaseSnackbar.js');
-require('react-icons/io');
-require('../components/Tag.js');
-require('../components/TextArea.js');
-require('../components/Toggle.js');
-require('../components/Tooltip.js');
+var SnackbarSonner = require('../service/SnackbarSonner.js');
+var sonner = require('sonner');
 
-React.createContext(null);
+const SnackbarContext = React.createContext(null);
+const SnackbarProvider = ({ children }) => {
+  const snackbar = new SnackbarSonner.SnackbarSonner();
+  return /* @__PURE__ */ React.createElement(SnackbarContext.Provider, { value: { snackbar } }, children, /* @__PURE__ */ React.createElement(sonner.Toaster, null));
+};
+const useSnackbar = () => {
+  const context = React.useContext(SnackbarContext);
+  if (!context) {
+    throw new Error("useSnackbar must be used within a SnackbarProvider");
+  }
+  return context;
+};
+
+exports.SnackbarProvider = SnackbarProvider;
+exports.useSnackbar = useSnackbar;

package/dist/cjs/service/SnackbarSonner.js

@@ -50,7 +50,11 @@ require('../components/Select/Trigger.js');
 require('../components/Snackbar/BaseSnackbar.js');
 var DefaultSnack = require('../components/Snackbar/DefaultSnack.js');
 require('../components/Tag.js');
-require('../components/TextArea.js');
+require('../components/TextArea/Box.js');
+require('../components/TextArea/Face.js');
+require('../components/TextArea/Left.js');
+require('../components/TextArea/Right.js');
+require('../components/TextArea/Root.js');
 require('../components/Toggle.js');
 require('../components/Tooltip.js');