@youngonesworks/ui 0.1.25 → 0.1.26

package/dist/index.js

@@ -3,7 +3,6 @@ import React, { Component, Fragment, cloneElement, createContext, createElement,
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import * as ReactDOM$1 from "react-dom";
 import ReactDOM, { createPortal, flushSync } from "react-dom";
-import localFont from "next/font/local";
 
 //#region rolldown:runtime
 var __create = Object.create;
@@ -109787,7 +109786,7 @@ const IconStarHalfFilled = (props) => /* @__PURE__ */ jsxs("svg", {
 
 //#endregion
 //#region src/components/rating/index.tsx
-const Rating = ({ rating, size: size$3 = "normal", setReview, className, setReviewError, error: error$1 }) => {
+const Rating = ({ rating, ratings, size: size$3 = "normal", setReview, className, setReviewError, error: error$1 }) => {
 	const [hoveredStars, setHoveredStars] = useState(0);
 	const [hoveredSmallStars, setHoveredSmallStars] = useState(0);
 	const [reviewIsSet, setReviewIsSet] = useState(false);
@@ -109825,41 +109824,13 @@ const Rating = ({ rating, size: size$3 = "normal", setReview, className, setRevi
 		if (index$4 - roundedRating === .5) return /* @__PURE__ */ jsx(IconStarHalfFilled, { className: cn(className$1, "text-yellow") });
 		return /* @__PURE__ */ jsx(IconStarEmpty, { className: cn(className$1, "text-yellow") });
 	};
-	const ratings = [
-		{
-			value: 5,
-			label: "Excellent"
-		},
-		{
-			value: 4,
-			label: "Good"
-		},
-		{
-			value: 3,
-			label: "Average"
-		},
-		{
-			value: 2,
-			label: "Fair"
-		},
-		{
-			value: 1,
-			label: "Poor"
-		}
-	];
 	return /* @__PURE__ */ jsxs("span", {
 		className: cn("flex flex-col", className),
 		children: [
 			/* @__PURE__ */ jsx("div", {
 				"data-component": "rating",
 				className: "flex flex-row gap-[2px]",
-				children: [
-					1,
-					2,
-					3,
-					4,
-					5
-				].map((index$4) => /* @__PURE__ */ jsx("div", {
+				children: ratings.map((_$1, index$4) => /* @__PURE__ */ jsx("div", {
 					className: cn("relative", setReview && "cursor-pointer"),
 					onClick: () => handleStarClick(index$4),
 					onMouseEnter: () => handleHover(index$4),
@@ -109937,7 +109908,7 @@ const ReviewsLine = ({ maxValue, amount, countStarsText }) => /* @__PURE__ */ js
 function formatRating(rating) {
 	return rating === 0 ? 0 : rating.toFixed(1);
 }
-const Reviews = ({ totalRatings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ jsxs("div", {
+const Reviews = ({ totalRatings, ratings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }) => /* @__PURE__ */ jsxs("div", {
 	className: "bg-ultra-light-gray flex w-full flex-col p-6 md:flex-row",
 	children: [/* @__PURE__ */ jsxs("div", {
 		className: "mb-5 flex flex-1 flex-row items-start justify-start gap-5 md:mb-0 md:flex-col md:justify-center md:gap-0",
@@ -109947,6 +109918,7 @@ const Reviews = ({ totalRatings, averageRating, aggregatedRating, countStarsText
 		}), /* @__PURE__ */ jsxs("div", {
 			className: "flex flex-col",
 			children: [/* @__PURE__ */ jsx(Rating, {
+				ratings,
 				rating: averageRating,
 				size: "normal",
 				className: "mb-4"
@@ -109997,7 +109969,7 @@ const ScrollToTop = ({ scrollToTopTitle }) => {
 	};
 	return /* @__PURE__ */ jsx(ActionIcon, {
 		title: scrollToTopTitle,
-		className: `bg-turquoise-700 hover:bg-turquoise-600 fixed -right-[10px] bottom-[105px] z-40 flex h-[43px] w-[62px] cursor-pointer items-center justify-center rounded-l-3xl border-0 px-2 text-black duration-500 ${isVisible ? "translate-x-0" : "translate-x-[60px]"}`,
+		className: `active:translate-y-[1px] content-center rounded-[4px] border-gray-200 hover:border-black child:p-10 disabled:text-gray-500 bg-turquoise-700 hover:bg-turquoise-600 fixed -right-[10px] bottom-[105px] z-40 flex h-[43px] w-[62px] cursor-pointer items-center justify-center rounded-l-3xl border-0 px-2 text-black duration-500 ${isVisible ? "translate-x-0" : "translate-x-[60px]"}`,
 		onClick: scrollToTop,
 		icon: /* @__PURE__ */ jsx(IconChevronUp, {})
 	});
@@ -140343,119 +140315,5 @@ const setCSSVariable = (variable, value) => {
 };
 
 //#endregion
-//#region src/theme/fonts.ts
-const gothamFont = localFont({
-	src: [
-		{
-			path: "../assets/fonts/woff2/Gotham-Thin_Web.woff2",
-			weight: "100",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-ThinItalic_Web.woff2",
-			weight: "100",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-XLight_Web.woff2",
-			weight: "200",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-XLightItalic_Web.woff2",
-			weight: "200",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Light_Web.woff2",
-			weight: "300",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-LightItalic_Web.woff2",
-			weight: "300",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Book_Web.woff2",
-			weight: "400",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-BookItalic_Web.woff2",
-			weight: "400",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Medium_Web.woff2",
-			weight: "500",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-MediumItalic_Web.woff2",
-			weight: "500",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Bold_Web.woff2",
-			weight: "700",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-BoldItalic_Web.woff2",
-			weight: "700",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Black_Web.woff2",
-			weight: "800",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-BlackItalic_Web.woff2",
-			weight: "800",
-			style: "italic"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-Ultra_Web.woff2",
-			weight: "900",
-			style: "normal"
-		},
-		{
-			path: "../assets/fonts/woff2/Gotham-UltraItalic_Web.woff2",
-			weight: "900",
-			style: "italic"
-		}
-	],
-	variable: "--font-gotham",
-	display: "swap",
-	preload: true
-});
-const FONT_FAMILIES = {
-	gotham: "var(--font-gotham), Gotham, ui-sans-serif, system-ui, sans-serif",
-	sans: "ui-sans-serif, system-ui, sans-serif",
-	serif: "ui-serif, Georgia, serif",
-	mono: "ui-monospace, SFMono-Regular, Consolas, monospace"
-};
-const FONT_WEIGHTS = {
-	thin: "100",
-	extraLight: "200",
-	light: "300",
-	normal: "400",
-	medium: "500",
-	semiBold: "600",
-	bold: "700",
-	extraBold: "800",
-	black: "900"
-};
-const FONT_CLASS_NAMES = {
-	gotham: gothamFont.className,
-	sans: "font-sans",
-	serif: "font-serif",
-	mono: "font-mono"
-};
-var fonts_default = gothamFont;
-
-//#endregion
-export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, Divider, FONT_CLASS_NAMES, FONT_FAMILIES, FONT_WEIGHTS, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, LinkText, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TextInput, Textarea, ThemeIcon, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, gothamFont, setCSSVariable };
+export { AccordionItem, AccordionWrapper, ActionIcon, Alert, AppleAppButtonIcon, AutoCompleteInput, Avatar, AvatarIndicator, Badge, BigBadge, BreadCrumb, Button, CSS_VARIABLE_KEYS, Checkbox, Divider, FavouriteButton, Filters, GoogleAppButtonIcon, HR, HamburgerMenuButton, Island, Label, LinkText, Loader, LogoBlack, Modal, NavButtons, NumberField, NumberedStepper, PageUnavailable, PasswordInput, Popover, ProgressBar, RadioButton, Rating, RegionSelector, Reviews, ScrollToTop, SearchInput, Select, SettingsCard, Skeleton, SkillPill, Stepper, StickyMobileButtonWrapper, Table, TableCell, TableHeader, TableHeaderItem, TableHeaderRow, TableRow, TextInput, Textarea, ThemeIcon, Toggle, Tooltip, TruncatedText, UnorderedList, UnorderedListItem, UnstyledButton, WysiwygEditor, buttonVariants, getCSSVariable, setCSSVariable };
 //# sourceMappingURL=index.js.map