@julseb-lib/react 0.1.41 → 0.1.42

package/dist/index.cjs

@@ -5673,6 +5673,7 @@ var Input = (_a) => {
     labelComment,
     helper,
     helperBottom,
+    containerClassName,
     validation: validation,
     value,
     counter: counter,
@@ -5685,6 +5686,7 @@ var Input = (_a) => {
     "labelComment",
     "helper",
     "helperBottom",
+    "containerClassName",
     // @ts-ignore
     "validation",
     "value",
@@ -5705,6 +5707,7 @@ var Input = (_a) => {
       counter,
       maxLength,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
         InputFunction,
         __spreadValues({
@@ -5776,7 +5779,8 @@ var InputImage = (_a) => {
     icons,
     borderRadius = "md",
     disabled,
-    id
+    id,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -5789,7 +5793,8 @@ var InputImage = (_a) => {
     "icons",
     "borderRadius",
     "disabled",
-    "id"
+    "id",
+    "containerClassName"
   ]);
   const [isHovered, setIsHovered] = (0, import_react28.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
@@ -5800,6 +5805,7 @@ var InputImage = (_a) => {
       helper,
       helperBottom,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
         "label",
         {
@@ -7122,7 +7128,8 @@ var InputPhone = (_a) => {
     helperBottom,
     validation,
     inputVariant,
-    inputBackground
+    inputBackground,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7141,7 +7148,8 @@ var InputPhone = (_a) => {
     "helperBottom",
     "validation",
     "inputVariant",
-    "inputBackground"
+    "inputBackground",
+    "containerClassName"
   ]);
   var _a2, _b2;
   const [isOpen, setIsOpen] = (0, import_react29.useState)(false);
@@ -7166,6 +7174,7 @@ var InputPhone = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
           InputWrapper,
@@ -7343,7 +7352,8 @@ var InputCounter = (_a) => {
     id,
     min = 1,
     max = 100,
-    step = 1
+    step = 1,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7364,7 +7374,8 @@ var InputCounter = (_a) => {
     "id",
     "min",
     "max",
-    "step"
+    "step",
+    "containerClassName"
   ]);
   var _a2, _b2;
   return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
@@ -7375,6 +7386,7 @@ var InputCounter = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
         "div",
         {
@@ -7456,7 +7468,8 @@ var InputSlider = (_a) => {
     showValue = "never",
     min = 0,
     max = 100,
-    value
+    value,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7470,7 +7483,8 @@ var InputSlider = (_a) => {
     "showValue",
     "min",
     "max",
-    "value"
+    "value",
+    "containerClassName"
   ]);
   const percentage = (Number(value) - min) / (max - min) * 100;
   const [isTooltipVisible, setIsTooltipVisible] = (0, import_react30.useState)(
@@ -7507,6 +7521,7 @@ var InputSlider = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
         "div",
         {
@@ -7580,7 +7595,8 @@ var Select = (_a) => {
     helperBottom,
     id,
     validation,
-    disabled
+    disabled,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7597,7 +7613,8 @@ var Select = (_a) => {
     "helperBottom",
     "id",
     "validation",
-    "disabled"
+    "disabled",
+    "containerClassName"
   ]);
   var _a2;
   const el = (0, import_react31.useRef)(null);
@@ -7618,6 +7635,7 @@ var Select = (_a) => {
       helperBottom,
       hasListOpen: isOpen,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(InputWithListWrapper, { ref: el, isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
           InputWrapper,
@@ -7732,7 +7750,8 @@ var Autocomplete = (_a) => {
     showKeys,
     textNoResult = "No result.",
     disabled,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7753,7 +7772,8 @@ var Autocomplete = (_a) => {
     "showKeys",
     "textNoResult",
     "disabled",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   var _a2;
   const isTouchScreen = useTouchScreen();
@@ -7784,6 +7804,7 @@ var Autocomplete = (_a) => {
       id,
       validation,
       hasListOpen: isOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(InputWithListWrapper, { isOpen, children: [
         /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
           InputWrapper,
@@ -7897,7 +7918,8 @@ var Rating = (_a) => {
     helper,
     helperBottom,
     id,
-    validation
+    validation,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7910,7 +7932,8 @@ var Rating = (_a) => {
     "helper",
     "helperBottom",
     "id",
-    "validation"
+    "validation",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
     InputContainer,
@@ -7920,6 +7943,7 @@ var Rating = (_a) => {
       helper,
       helperBottom,
       id,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
         "div",
         __spreadProps(__spreadValues({
@@ -7982,7 +8006,8 @@ var InputPin = (_a) => {
     hideValues,
     disabled,
     inputBackground,
-    autoFocus
+    autoFocus,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -7998,7 +8023,8 @@ var InputPin = (_a) => {
     "hideValues",
     "disabled",
     "inputBackground",
-    "autoFocus"
+    "autoFocus",
+    "containerClassName"
   ]);
   const [inputsRefsArr] = (0, import_react33.useState)(
     () => Array.from({ length: Object.keys(values).length }, () => (0, import_react33.createRef)())
@@ -8019,6 +8045,7 @@ var InputPin = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         "div",
         __spreadProps(__spreadValues({
@@ -8075,7 +8102,8 @@ var Fieldset = (_a) => {
     id,
     validation,
     legend,
-    borderRadius = "md"
+    borderRadius = "md",
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -8087,7 +8115,8 @@ var Fieldset = (_a) => {
     "id",
     "validation",
     "legend",
-    "borderRadius"
+    "borderRadius",
+    "containerClassName"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
     InputContainer,
@@ -8098,6 +8127,7 @@ var Fieldset = (_a) => {
       helperBottom,
       id,
       validation,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "fieldset",
         __spreadProps(__spreadValues({
@@ -10827,7 +10857,8 @@ var MarkdownEditor = (_a) => {
     defaultView = "live",
     options,
     textButtonTitles = "Titles",
-    icons
+    icons,
+    containerClassName
   } = _b, rest = __objRest(_b, [
     "className",
     "ref",
@@ -10843,7 +10874,8 @@ var MarkdownEditor = (_a) => {
     "defaultView",
     "options",
     "textButtonTitles",
-    "icons"
+    "icons",
+    "containerClassName"
   ]);
   const [view, setView] = (0, import_react50.useState)(defaultView);
   const [isTitlesOpen, setIsTitlesOpen] = (0, import_react50.useState)(false);
@@ -10862,6 +10894,7 @@ var MarkdownEditor = (_a) => {
       helperBottom,
       validation,
       hasListOpen: isTitlesOpen,
+      className: containerClassName,
       children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(
         "div",
         {