funuicss 2.7.2 → 2.7.4

package/css/fun.css

@@ -2340,7 +2340,6 @@ h6, .h6 {
   align-items: center ;
 
 }
-
 .row-flex.gap {
   grid-gap: 0.5rem;
 }
@@ -3538,7 +3537,7 @@ padding-right: 2.5rem;
 }
 
 @media screen and (max-width: 800px){
-  .input , input, textarea{
+  .input , input, textarea , .bubble-editor , .bubble-editor-container{
     font-size: 16px !important;
   }
 }
@@ -5741,6 +5740,35 @@ background-color: rgba(0, 0, 0, 0.2);
 
 
 
+/* carousel */
+/* Hide scrollbar for all carousel containers */
+.scrollbar-hide {
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* IE/Edge */
+}
+.scrollbar-hide::-webkit-scrollbar {
+  display: none; /* Chrome/Safari */
+}
+
+/* Scrollable carousel container */
+.carousel-container {
+  display: flex;
+  overflow-x: auto;
+  scroll-snap-type: x mandatory;
+  -webkit-overflow-scrolling: touch;
+  padding: 1rem 0;
+  scroll-behavior: smooth;
+}
+
+/* Each carousel item wrapper */
+.carousel-item {
+  scroll-snap-align: start;
+  flex: 0 0 auto;
+
+}
+
+
+
 
 /* screens */
 

package/index.d.ts

@@ -41,5 +41,7 @@ export { default as Lines } from "./ui/chart/Line";
 export { default as ChartPie } from "./ui/chart/Pie";
 export { default as SideBar } from "./ui/sidebar/SideBar";
 export { default as Video } from "./ui/video/Video";
+export { default as Carousel } from "./ui/carousel/Carousel";
+export { default as RichText } from "./ui/richtext/RichText";
 export { default as Cookie } from "./js/Cookie";
 export { FunGet } from "./js/Fun";

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FunGet = exports.Cookie = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
+exports.FunGet = exports.Cookie = exports.RichText = exports.Carousel = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
 var Alert_1 = require("./ui/alert/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 var theme_1 = require("./ui/theme/theme");
@@ -90,6 +90,10 @@ var SideBar_1 = require("./ui/sidebar/SideBar");
 Object.defineProperty(exports, "SideBar", { enumerable: true, get: function () { return __importDefault(SideBar_1).default; } });
 var Video_1 = require("./ui/video/Video");
 Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return __importDefault(Video_1).default; } });
+var Carousel_1 = require("./ui/carousel/Carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return __importDefault(Carousel_1).default; } });
+var RichText_1 = require("./ui/richtext/RichText");
+Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return __importDefault(RichText_1).default; } });
 // js 
 var Cookie_1 = require("./js/Cookie");
 Object.defineProperty(exports, "Cookie", { enumerable: true, get: function () { return __importDefault(Cookie_1).default; } });

package/index.tsx

@@ -41,6 +41,8 @@ export { default as Lines } from "./ui/chart/Line"
 export { default as ChartPie } from "./ui/chart/Pie"
 export { default as SideBar } from "./ui/sidebar/SideBar"
 export { default as Video } from "./ui/video/Video"
+export { default as Carousel } from "./ui/carousel/Carousel"
+export { default as RichText } from "./ui/richtext/RichText"
 
 // js 
 export { default as Cookie } from "./js/Cookie"

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.7.2",
+  "version": "2.7.4",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",
@@ -49,6 +49,7 @@
     "react-dom": "^18.2.0",
     "react-easy-export": "^1.0.1",
     "react-icons": "^5.0.1",
+    "react-quilljs": "^2.0.5",
     "recharts": "^2.15.3",
     "tinycolor2": "^1.6.0"
   },