@rehagro/ui 0.1.0 → 0.1.2

package/dist/index.mjs

@@ -1678,7 +1678,175 @@ var Tooltip = forwardRef(
     );
   }
 );
+var Container = forwardRef(
+  function Container2({ fluid = false, className = "", children, ...rest }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: [
+          "rh-w-full rh-mx-auto",
+          "rh-max-w-[1440px]",
+          !fluid ? "rh-px-grid-margin-mobile desktop-xs:rh-px-grid-margin-desktop" : "",
+          className
+        ].filter(Boolean).join(" "),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+var colsClasses = {
+  1: "rh-grid-cols-1",
+  2: "rh-grid-cols-2",
+  3: "rh-grid-cols-3",
+  4: "rh-grid-cols-4",
+  5: "rh-grid-cols-5",
+  6: "rh-grid-cols-6",
+  7: "rh-grid-cols-7",
+  8: "rh-grid-cols-8",
+  9: "rh-grid-cols-9",
+  10: "rh-grid-cols-10",
+  11: "rh-grid-cols-11",
+  12: "rh-grid-cols-12"
+};
+var GridContainer = forwardRef(
+  function GridContainer2({ columns, spacing, className = "", style, children, ...rest }, ref) {
+    const colClass = columns ? colsClasses[columns] : "rh-grid-cols-4 desktop-xs:rh-grid-cols-12";
+    const gapStyle = spacing !== void 0 ? { gap: `${spacing}px`, ...style } : style;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        style: gapStyle,
+        className: [
+          "rh-grid",
+          colClass,
+          spacing === void 0 ? "rh-gap-grid-gutter-mobile desktop-xs:rh-gap-grid-gutter-desktop" : "",
+          className
+        ].filter(Boolean).join(" "),
+        ...rest,
+        children
+      }
+    );
+  }
+);
+var mobileSpanClasses = {
+  1: "rh-col-span-1",
+  2: "rh-col-span-2",
+  3: "rh-col-span-3",
+  4: "rh-col-span-4"
+};
+var mobileSmSpanClasses = {
+  1: "mobile-sm:rh-col-span-1",
+  2: "mobile-sm:rh-col-span-2",
+  3: "mobile-sm:rh-col-span-3",
+  4: "mobile-sm:rh-col-span-4"
+};
+var mobileMdSpanClasses = {
+  1: "mobile-md:rh-col-span-1",
+  2: "mobile-md:rh-col-span-2",
+  3: "mobile-md:rh-col-span-3",
+  4: "mobile-md:rh-col-span-4"
+};
+var mobileLgSpanClasses = {
+  1: "mobile-lg:rh-col-span-1",
+  2: "mobile-lg:rh-col-span-2",
+  3: "mobile-lg:rh-col-span-3",
+  4: "mobile-lg:rh-col-span-4"
+};
+var desktopSpanClasses = {
+  1: "desktop-xs:rh-col-span-1",
+  2: "desktop-xs:rh-col-span-2",
+  3: "desktop-xs:rh-col-span-3",
+  4: "desktop-xs:rh-col-span-4",
+  5: "desktop-xs:rh-col-span-5",
+  6: "desktop-xs:rh-col-span-6",
+  7: "desktop-xs:rh-col-span-7",
+  8: "desktop-xs:rh-col-span-8",
+  9: "desktop-xs:rh-col-span-9",
+  10: "desktop-xs:rh-col-span-10",
+  11: "desktop-xs:rh-col-span-11",
+  12: "desktop-xs:rh-col-span-12"
+};
+var desktopSmSpanClasses = {
+  1: "desktop-sm:rh-col-span-1",
+  2: "desktop-sm:rh-col-span-2",
+  3: "desktop-sm:rh-col-span-3",
+  4: "desktop-sm:rh-col-span-4",
+  5: "desktop-sm:rh-col-span-5",
+  6: "desktop-sm:rh-col-span-6",
+  7: "desktop-sm:rh-col-span-7",
+  8: "desktop-sm:rh-col-span-8",
+  9: "desktop-sm:rh-col-span-9",
+  10: "desktop-sm:rh-col-span-10",
+  11: "desktop-sm:rh-col-span-11",
+  12: "desktop-sm:rh-col-span-12"
+};
+var desktopMdSpanClasses = {
+  1: "desktop-md:rh-col-span-1",
+  2: "desktop-md:rh-col-span-2",
+  3: "desktop-md:rh-col-span-3",
+  4: "desktop-md:rh-col-span-4",
+  5: "desktop-md:rh-col-span-5",
+  6: "desktop-md:rh-col-span-6",
+  7: "desktop-md:rh-col-span-7",
+  8: "desktop-md:rh-col-span-8",
+  9: "desktop-md:rh-col-span-9",
+  10: "desktop-md:rh-col-span-10",
+  11: "desktop-md:rh-col-span-11",
+  12: "desktop-md:rh-col-span-12"
+};
+var desktopLgSpanClasses = {
+  1: "desktop-lg:rh-col-span-1",
+  2: "desktop-lg:rh-col-span-2",
+  3: "desktop-lg:rh-col-span-3",
+  4: "desktop-lg:rh-col-span-4",
+  5: "desktop-lg:rh-col-span-5",
+  6: "desktop-lg:rh-col-span-6",
+  7: "desktop-lg:rh-col-span-7",
+  8: "desktop-lg:rh-col-span-8",
+  9: "desktop-lg:rh-col-span-9",
+  10: "desktop-lg:rh-col-span-10",
+  11: "desktop-lg:rh-col-span-11",
+  12: "desktop-lg:rh-col-span-12"
+};
+var GridItem = forwardRef(
+  function GridItem2({
+    mobile = 4,
+    mobileSm,
+    mobileMd,
+    mobileLg,
+    desktop = 12,
+    desktopSm,
+    desktopMd,
+    desktopLg,
+    className = "",
+    children,
+    ...rest
+  }, ref) {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: [
+          mobileSpanClasses[mobile],
+          mobileSm !== void 0 ? mobileSmSpanClasses[mobileSm] : "",
+          mobileMd !== void 0 ? mobileMdSpanClasses[mobileMd] : "",
+          mobileLg !== void 0 ? mobileLgSpanClasses[mobileLg] : "",
+          desktopSpanClasses[desktop],
+          desktopSm !== void 0 ? desktopSmSpanClasses[desktopSm] : "",
+          desktopMd !== void 0 ? desktopMdSpanClasses[desktopMd] : "",
+          desktopLg !== void 0 ? desktopLgSpanClasses[desktopLg] : "",
+          className
+        ].filter(Boolean).join(" "),
+        ...rest,
+        children
+      }
+    );
+  }
+);
 
-export { Button, Checkbox, CloseIcon, DeleteIcon, EditIcon, ErrorIcon, IconButton, InfoIcon, NeutralIcon, PlusIcon, RehagroProvider, SearchIcon, Select, SuccessIcon, TextInput, Toast, ToastContainer, ToastProvider, Tooltip, WarningIcon, useToast };
+export { Button, Checkbox, CloseIcon, Container, DeleteIcon, EditIcon, ErrorIcon, GridContainer, GridItem, IconButton, InfoIcon, NeutralIcon, PlusIcon, RehagroProvider, SearchIcon, Select, SuccessIcon, TextInput, Toast, ToastContainer, ToastProvider, Tooltip, WarningIcon, useToast };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map