braid-design-system 32.16.0 → 32.16.2

package/dist/styles/lib/components/Pagination/Pagination.cjs

@@ -1,259 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const assert = require("assert");
-const styles_lib_components_Box_Box_cjs = require("../Box/Box.cjs");
-const styles_lib_components_Box_BackgroundContext_cjs = require("../Box/BackgroundContext.cjs");
-const clsx = require("clsx");
-const React = require("react");
-const styles_lib_css_atoms_atoms_cjs = require("../../css/atoms/atoms.cjs");
-const sideEffects_lib_components_BraidProvider_BraidProvider_cjs = require("../../../../side-effects/lib/components/BraidProvider/BraidProvider.cjs");
-const styles_lib_components_Accordion_Accordion_cjs = require("../Accordion/Accordion.cjs");
-const styles_lib_components_Accordion_AccordionItem_cjs = require("../Accordion/AccordionItem.cjs");
-const styles_lib_components_Pagination_Pagination_css_cjs = require("./Pagination.css.cjs");
-const styles_lib_components_icons_IconChevron_IconChevron_cjs = require("../icons/IconChevron/IconChevron.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const assert__default = /* @__PURE__ */ _interopDefaultCompat(assert);
-const clsx__default = /* @__PURE__ */ _interopDefaultCompat(clsx);
-const Link = React.forwardRef(
-  ({ href, className, data, ...restProps }, ref) => {
-    const LinkComponent = sideEffects_lib_components_BraidProvider_BraidProvider_cjs.useLinkComponent(ref);
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      LinkComponent,
-      {
-        ref,
-        href,
-        className: clsx__default.default(styles_lib_css_atoms_atoms_cjs.atoms({ reset: "a" }), className),
-        ...restProps,
-        ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: false })
-      }
-    );
-  }
-);
-Link.displayName = "Link";
-const paginate = ({
-  page,
-  total,
-  maxPages
-}) => {
-  const half = (maxPages - 1) / 2;
-  const smallerHalf = Math.floor(half);
-  const largerHalf = Math.ceil(half);
-  const pageCount = Math.min(maxPages, total);
-  let minPage = page - smallerHalf;
-  if (page - smallerHalf <= 1) {
-    minPage = 1;
-  } else if (page + largerHalf >= total) {
-    minPage = Math.max(1, total - maxPages + 1);
-  }
-  return Array.from(Array(pageCount).keys()).map((p) => p + minPage);
-};
-const borderRadius = "standard";
-const PageNav = ({
-  label,
-  direction
-}) => {
-  const isPrevious = direction === "prev";
-  const isNext = direction === "next";
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    styles_lib_components_Box_Box_cjs.Box,
-    {
-      component: "span",
-      className: styles_lib_components_Pagination_Pagination_css_cjs.hover,
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      height: "touchable",
-      paddingLeft: isNext ? "small" : "xsmall",
-      paddingRight: isPrevious ? "small" : "xsmall",
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Accordion_AccordionItem_cjs.Overlay,
-          {
-            component: "span",
-            background: "formAccentSoft",
-            borderRadius,
-            transition: "fast",
-            className: styles_lib_components_Pagination_Pagination_css_cjs.background
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_Box_Box_cjs.Box, { component: "span", zIndex: 1, userSelect: "none", children: /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Accordion_AccordionItem_cjs.Text, { children: [
-          isPrevious ? /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_icons_IconChevron_IconChevron_cjs.IconChevron, { direction: "left" }) : null,
-          /* @__PURE__ */ jsxRuntime.jsx(
-            styles_lib_components_Box_Box_cjs.Box,
-            {
-              display: isPrevious ? ["none", "inline"] : void 0,
-              component: "span",
-              marginLeft: isPrevious ? "xsmall" : void 0,
-              marginRight: isNext ? "xsmall" : void 0,
-              children: label
-            }
-          ),
-          isNext ? /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_icons_IconChevron_IconChevron_cjs.IconChevron, { direction: "right" }) : null
-        ] }) })
-      ]
-    }
-  );
-};
-const tabletButtonSpacing = "xxsmall";
-const Page = ({ number, current }) => {
-  const parentBackground = styles_lib_components_Box_BackgroundContext_cjs.useBackground();
-  const isLegacyTheme = sideEffects_lib_components_BraidProvider_BraidProvider_cjs.useBraidTheme().legacy;
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    styles_lib_components_Box_Box_cjs.Box,
-    {
-      component: "span",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "touchable",
-      width: "touchable",
-      position: "relative",
-      className: styles_lib_components_Pagination_Pagination_css_cjs.hover,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Accordion_AccordionItem_cjs.Overlay,
-          {
-            component: "span",
-            background: current ? "formAccent" : "formAccentSoft",
-            transition: current ? void 0 : "fast",
-            borderRadius,
-            className: [styles_lib_components_Pagination_Pagination_css_cjs.background, current ? styles_lib_components_Pagination_Pagination_css_cjs.current : void 0]
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Accordion_AccordionItem_cjs.Overlay,
-          {
-            component: "span",
-            borderRadius,
-            boxShadow: "borderFormAccent",
-            className: {
-              [styles_lib_components_Pagination_Pagination_css_cjs.lightModeCurrentKeyline]: isLegacyTheme && parentBackground.lightMode !== "surface" && current,
-              [styles_lib_components_Pagination_Pagination_css_cjs.darkModeCurrentKeyline]: current
-            }
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_Box_Box_cjs.Box, { component: "span", zIndex: 1, userSelect: "none", children: /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Accordion_AccordionItem_cjs.Text,
-          {
-            baseline: false,
-            align: "center",
-            weight: current ? "medium" : void 0,
-            tone: current ? "formAccent" : void 0,
-            children: number
-          }
-        ) })
-      ]
-    }
-  );
-};
-const defaultPageLimit = 7;
-const Pagination = ({
-  page,
-  total,
-  linkProps,
-  label,
-  pageLabel = (p) => `Go to page ${p}`,
-  nextLabel = "Next",
-  previousLabel = "Previous",
-  pageLimit = defaultPageLimit,
-  data,
-  ...restProps
-}) => {
-  assert__default.default(total >= 1, `\`total\` must be at least 1`);
-  assert__default.default(page >= 1 && page <= total, `\`page\` must be between 1 and ${total}`);
-  assert__default.default(
-    pageLimit >= 1 && pageLimit <= defaultPageLimit,
-    `\`pageLimit\` must be between 1 and ${defaultPageLimit}`
-  );
-  const pages = paginate({ page, total, maxPages: pageLimit });
-  const showPrevious = page > 1;
-  const showNext = page < total;
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    styles_lib_components_Box_Box_cjs.Box,
-    {
-      component: "nav",
-      "aria-label": label,
-      ...styles_lib_components_Accordion_Accordion_cjs.buildDataAttributes({ data, validateRestProps: restProps }),
-      children: /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Box_Box_cjs.Box, { component: "ul", display: "flex", justifyContent: "center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Box_Box_cjs.Box,
-          {
-            component: "li",
-            paddingRight: {
-              mobile: "medium",
-              tablet: pageLimit > 2 ? tabletButtonSpacing : void 0
-            },
-            transition: "fast",
-            opacity: !showPrevious ? 0 : void 0,
-            pointerEvents: !showPrevious ? "none" : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              Link,
-              {
-                ...linkProps({ page: page - 1, type: "previous" }),
-                rel: "prev",
-                "aria-label": previousLabel,
-                title: previousLabel,
-                "aria-hidden": !showPrevious,
-                tabIndex: !showPrevious ? -1 : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(PageNav, { label: previousLabel, direction: "prev" })
-              }
-            )
-          }
-        ),
-        pages.map((pageNumber, index) => {
-          const current = page === pageNumber;
-          const isNotLast = pages.length - 1 !== index;
-          return /* @__PURE__ */ jsxRuntime.jsx(
-            styles_lib_components_Box_Box_cjs.Box,
-            {
-              component: "li",
-              display: !current ? { mobile: "none", tablet: "block" } : void 0,
-              paddingRight: pageLimit > 2 && isNotLast ? {
-                tablet: tabletButtonSpacing
-              } : void 0,
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                Link,
-                {
-                  ...linkProps({ page: pageNumber, type: "pageNumber" }),
-                  "aria-label": pageLabel(pageNumber),
-                  "aria-current": current ? "page" : void 0,
-                  title: pageLabel(pageNumber),
-                  children: /* @__PURE__ */ jsxRuntime.jsx(Page, { number: pageNumber, current })
-                }
-              )
-            },
-            pageNumber
-          );
-        }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Box_Box_cjs.Box,
-          {
-            component: "li",
-            paddingLeft: {
-              mobile: "medium",
-              tablet: pageLimit > 2 ? tabletButtonSpacing : void 0
-            },
-            transition: "fast",
-            opacity: !showNext ? 0 : void 0,
-            pointerEvents: !showNext ? "none" : void 0,
-            children: /* @__PURE__ */ jsxRuntime.jsx(
-              Link,
-              {
-                ...linkProps({ page: page + 1, type: "next" }),
-                rel: "next",
-                "aria-label": nextLabel,
-                title: nextLabel,
-                "aria-hidden": !showNext,
-                tabIndex: !showNext ? -1 : void 0,
-                children: /* @__PURE__ */ jsxRuntime.jsx(PageNav, { label: nextLabel, direction: "next" })
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-};
-exports.Link = Link;
-exports.Pagination = Pagination;
-exports.defaultPageLimit = defaultPageLimit;

package/dist/styles/lib/components/Pagination/Pagination.css.cjs

@@ -1,32 +0,0 @@
-"use strict";
-const __vanilla_filescope__ = require("@vanilla-extract/css/fileScope");
-const css = require("@vanilla-extract/css");
-const styles_lib_css_colorModeStyle_cjs = require("../../css/colorModeStyle.cjs");
-__vanilla_filescope__.setFileScope("src/lib/components/Pagination/Pagination.css.ts", "braid-design-system");
-const hover = css.style({}, "hover");
-const lightModeCurrentKeyline = css.style(styles_lib_css_colorModeStyle_cjs.colorModeStyle({
-  lightMode: {
-    opacity: 0.3
-  }
-}), "lightModeCurrentKeyline");
-const darkModeCurrentKeyline = css.style(styles_lib_css_colorModeStyle_cjs.colorModeStyle({
-  darkMode: {
-    opacity: 0.3
-  }
-}), "darkModeCurrentKeyline");
-const current = css.style({
-  opacity: 0.075
-}, "current");
-const background = css.style({
-  selectors: {
-    [`${hover}:hover &:not(${current})`]: {
-      opacity: 0.5
-    }
-  }
-}, "background");
-__vanilla_filescope__.endFileScope();
-exports.background = background;
-exports.current = current;
-exports.darkModeCurrentKeyline = darkModeCurrentKeyline;
-exports.hover = hover;
-exports.lightModeCurrentKeyline = lightModeCurrentKeyline;

package/dist/styles/lib/components/Pagination/Pagination.mjs

@@ -1,257 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import assert from "assert";
-import { Box } from "../Box/Box.mjs";
-import { useBackground } from "../Box/BackgroundContext.mjs";
-import clsx from "clsx";
-import { forwardRef } from "react";
-import { atoms } from "../../css/atoms/atoms.mjs";
-import { useLinkComponent, useBraidTheme } from "../../../../side-effects/lib/components/BraidProvider/BraidProvider.mjs";
-import { buildDataAttributes } from "../Accordion/Accordion.mjs";
-import { Overlay, Text } from "../Accordion/AccordionItem.mjs";
-import { hover, background, current, lightModeCurrentKeyline, darkModeCurrentKeyline } from "./Pagination.css.mjs";
-import { IconChevron } from "../icons/IconChevron/IconChevron.mjs";
-const Link = forwardRef(
-  ({ href, className, data, ...restProps }, ref) => {
-    const LinkComponent = useLinkComponent(ref);
-    return /* @__PURE__ */ jsx(
-      LinkComponent,
-      {
-        ref,
-        href,
-        className: clsx(atoms({ reset: "a" }), className),
-        ...restProps,
-        ...buildDataAttributes({ data, validateRestProps: false })
-      }
-    );
-  }
-);
-Link.displayName = "Link";
-const paginate = ({
-  page,
-  total,
-  maxPages
-}) => {
-  const half = (maxPages - 1) / 2;
-  const smallerHalf = Math.floor(half);
-  const largerHalf = Math.ceil(half);
-  const pageCount = Math.min(maxPages, total);
-  let minPage = page - smallerHalf;
-  if (page - smallerHalf <= 1) {
-    minPage = 1;
-  } else if (page + largerHalf >= total) {
-    minPage = Math.max(1, total - maxPages + 1);
-  }
-  return Array.from(Array(pageCount).keys()).map((p) => p + minPage);
-};
-const borderRadius = "standard";
-const PageNav = ({
-  label,
-  direction
-}) => {
-  const isPrevious = direction === "prev";
-  const isNext = direction === "next";
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "span",
-      className: hover,
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      height: "touchable",
-      paddingLeft: isNext ? "small" : "xsmall",
-      paddingRight: isPrevious ? "small" : "xsmall",
-      children: [
-        /* @__PURE__ */ jsx(
-          Overlay,
-          {
-            component: "span",
-            background: "formAccentSoft",
-            borderRadius,
-            transition: "fast",
-            className: background
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { component: "span", zIndex: 1, userSelect: "none", children: /* @__PURE__ */ jsxs(Text, { children: [
-          isPrevious ? /* @__PURE__ */ jsx(IconChevron, { direction: "left" }) : null,
-          /* @__PURE__ */ jsx(
-            Box,
-            {
-              display: isPrevious ? ["none", "inline"] : void 0,
-              component: "span",
-              marginLeft: isPrevious ? "xsmall" : void 0,
-              marginRight: isNext ? "xsmall" : void 0,
-              children: label
-            }
-          ),
-          isNext ? /* @__PURE__ */ jsx(IconChevron, { direction: "right" }) : null
-        ] }) })
-      ]
-    }
-  );
-};
-const tabletButtonSpacing = "xxsmall";
-const Page = ({ number, current: current$1 }) => {
-  const parentBackground = useBackground();
-  const isLegacyTheme = useBraidTheme().legacy;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "span",
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      height: "touchable",
-      width: "touchable",
-      position: "relative",
-      className: hover,
-      children: [
-        /* @__PURE__ */ jsx(
-          Overlay,
-          {
-            component: "span",
-            background: current$1 ? "formAccent" : "formAccentSoft",
-            transition: current$1 ? void 0 : "fast",
-            borderRadius,
-            className: [background, current$1 ? current : void 0]
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          Overlay,
-          {
-            component: "span",
-            borderRadius,
-            boxShadow: "borderFormAccent",
-            className: {
-              [lightModeCurrentKeyline]: isLegacyTheme && parentBackground.lightMode !== "surface" && current$1,
-              [darkModeCurrentKeyline]: current$1
-            }
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { component: "span", zIndex: 1, userSelect: "none", children: /* @__PURE__ */ jsx(
-          Text,
-          {
-            baseline: false,
-            align: "center",
-            weight: current$1 ? "medium" : void 0,
-            tone: current$1 ? "formAccent" : void 0,
-            children: number
-          }
-        ) })
-      ]
-    }
-  );
-};
-const defaultPageLimit = 7;
-const Pagination = ({
-  page,
-  total,
-  linkProps,
-  label,
-  pageLabel = (p) => `Go to page ${p}`,
-  nextLabel = "Next",
-  previousLabel = "Previous",
-  pageLimit = defaultPageLimit,
-  data,
-  ...restProps
-}) => {
-  assert(total >= 1, `\`total\` must be at least 1`);
-  assert(page >= 1 && page <= total, `\`page\` must be between 1 and ${total}`);
-  assert(
-    pageLimit >= 1 && pageLimit <= defaultPageLimit,
-    `\`pageLimit\` must be between 1 and ${defaultPageLimit}`
-  );
-  const pages = paginate({ page, total, maxPages: pageLimit });
-  const showPrevious = page > 1;
-  const showNext = page < total;
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "nav",
-      "aria-label": label,
-      ...buildDataAttributes({ data, validateRestProps: restProps }),
-      children: /* @__PURE__ */ jsxs(Box, { component: "ul", display: "flex", justifyContent: "center", children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "li",
-            paddingRight: {
-              mobile: "medium",
-              tablet: pageLimit > 2 ? tabletButtonSpacing : void 0
-            },
-            transition: "fast",
-            opacity: !showPrevious ? 0 : void 0,
-            pointerEvents: !showPrevious ? "none" : void 0,
-            children: /* @__PURE__ */ jsx(
-              Link,
-              {
-                ...linkProps({ page: page - 1, type: "previous" }),
-                rel: "prev",
-                "aria-label": previousLabel,
-                title: previousLabel,
-                "aria-hidden": !showPrevious,
-                tabIndex: !showPrevious ? -1 : void 0,
-                children: /* @__PURE__ */ jsx(PageNav, { label: previousLabel, direction: "prev" })
-              }
-            )
-          }
-        ),
-        pages.map((pageNumber, index) => {
-          const current2 = page === pageNumber;
-          const isNotLast = pages.length - 1 !== index;
-          return /* @__PURE__ */ jsx(
-            Box,
-            {
-              component: "li",
-              display: !current2 ? { mobile: "none", tablet: "block" } : void 0,
-              paddingRight: pageLimit > 2 && isNotLast ? {
-                tablet: tabletButtonSpacing
-              } : void 0,
-              children: /* @__PURE__ */ jsx(
-                Link,
-                {
-                  ...linkProps({ page: pageNumber, type: "pageNumber" }),
-                  "aria-label": pageLabel(pageNumber),
-                  "aria-current": current2 ? "page" : void 0,
-                  title: pageLabel(pageNumber),
-                  children: /* @__PURE__ */ jsx(Page, { number: pageNumber, current: current2 })
-                }
-              )
-            },
-            pageNumber
-          );
-        }),
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "li",
-            paddingLeft: {
-              mobile: "medium",
-              tablet: pageLimit > 2 ? tabletButtonSpacing : void 0
-            },
-            transition: "fast",
-            opacity: !showNext ? 0 : void 0,
-            pointerEvents: !showNext ? "none" : void 0,
-            children: /* @__PURE__ */ jsx(
-              Link,
-              {
-                ...linkProps({ page: page + 1, type: "next" }),
-                rel: "next",
-                "aria-label": nextLabel,
-                title: nextLabel,
-                "aria-hidden": !showNext,
-                tabIndex: !showNext ? -1 : void 0,
-                children: /* @__PURE__ */ jsx(PageNav, { label: nextLabel, direction: "next" })
-              }
-            )
-          }
-        )
-      ] })
-    }
-  );
-};
-export {
-  Link,
-  Pagination,
-  defaultPageLimit
-};

package/dist/styles/lib/components/Rating/Rating.cjs

@@ -1,126 +0,0 @@
-"use strict";
-const jsxRuntime = require("react/jsx-runtime");
-const assert = require("assert");
-const dedent = require("dedent");
-const styles_lib_components_Box_BackgroundContext_cjs = require("../Box/BackgroundContext.cjs");
-const styles_lib_hooks_useIcon_index_cjs = require("../../hooks/useIcon/index.cjs");
-const styles_lib_components_Box_Box_cjs = require("../Box/Box.cjs");
-const styles_lib_components_Accordion_AccordionItem_cjs = require("../Accordion/AccordionItem.cjs");
-const styles_lib_components_Rating_Rating_css_cjs = require("./Rating.css.cjs");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const assert__default = /* @__PURE__ */ _interopDefaultCompat(assert);
-const dedent__default = /* @__PURE__ */ _interopDefaultCompat(dedent);
-const IconStarHalfSvg = ({ title, titleId, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(
-  "svg",
-  {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    viewBox: "0 0 24 24",
-    focusable: "false",
-    fill: "currentColor",
-    "aria-labelledby": titleId,
-    ...props,
-    children: [
-      title ? /* @__PURE__ */ jsxRuntime.jsx("title", { id: titleId, children: title }) : null,
-      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M22.951 8.954a1 1 0 0 0-.806-.68l-6.391-.935-2.858-5.782a1.042 1.042 0 0 0-1.793 0L8.246 7.339l-6.39.934a1 1 0 0 0-.553 1.706l4.623 4.498-1.091 6.354a1 1 0 0 0 1.45 1.054L12 18.883l5.715 3.002a1 1 0 0 0 1.45-1.054l-1.09-6.354 4.622-4.497a1.002 1.002 0 0 0 .254-1.026Zm-6.648 4.456a1 1 0 0 0-.288.886l.837 4.877-4.387-2.305a.99.99 0 0 0-.465-.115V4.257l2.193 4.44a1 1 0 0 0 .752.545l4.905.717Z" })
-    ]
-  }
-);
-const getPercent = (rating, position) => Math.round(Math.min(Math.max(rating - position, 0), 1) * 100);
-const RatingStar = ({ percent, ...restProps }) => {
-  const currentBg = styles_lib_components_Box_BackgroundContext_cjs.useBackground();
-  const { className, ...iconProps } = styles_lib_hooks_useIcon_index_cjs.useIcon(restProps);
-  let component = styles_lib_components_Accordion_AccordionItem_cjs.IconStarSvg;
-  if (percent >= 25 && percent < 75) {
-    component = IconStarHalfSvg;
-  }
-  if (percent >= 75) {
-    component = styles_lib_components_Accordion_AccordionItem_cjs.IconStarActiveSvg;
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    styles_lib_components_Box_Box_cjs.Box,
-    {
-      component,
-      ...iconProps,
-      className: [
-        className,
-        {
-          [styles_lib_components_Rating_Rating_css_cjs.lightModeStarColor]: currentBg.lightMode === "body" || currentBg.lightMode === "surface"
-        },
-        {
-          [styles_lib_components_Rating_Rating_css_cjs.darkModeStarColor]: currentBg.darkMode === "body" || currentBg.darkMode === "surface"
-        }
-      ]
-    }
-  );
-};
-const ratingArr = [...Array(5)];
-const Rating = ({
-  rating,
-  size = "standard",
-  weight,
-  showTextRating,
-  variant: variantProp,
-  "aria-label": ariaLabel,
-  data
-}) => {
-  assert__default.default(
-    !rating || rating >= 0 && rating <= 5,
-    "Rating must be between 0 and 5"
-  );
-  const variant = variantProp || "full";
-  const resolvedVariant = showTextRating === false && !variantProp ? "starsOnly" : variant;
-  if (process.env.NODE_ENV !== "production") {
-    if (typeof showTextRating !== "undefined") {
-      console.warn(
-        dedent__default.default`
-          The "showTextRating" prop has been deprecated and will be removed in a future version. Use \`variant="starsOnly"\` instead.
-             <Rating
-            %c-   showTextRating={false}
-            %c+   variant="starsOnly"
-             %c/>
-        `,
-        "color: red",
-        "color: green",
-        "color: inherit"
-      );
-    }
-    if (typeof weight !== "undefined" && resolvedVariant === "starsOnly") {
-      console.warn(
-        dedent__default.default`
-          The "weight" prop is not valid with the "starsOnly" variant as there is no visible text. Either remove the \`weight\` prop or choose an alternative \`variant\`.
-             <Rating
-            %c-  weight="strong"
-            %c   variant="starsOnly"
-             />
-        `,
-        "color: red",
-        "color: inherit"
-      );
-    }
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(styles_lib_components_Accordion_AccordionItem_cjs.Text, { size, data, weight, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      styles_lib_components_Box_Box_cjs.Box,
-      {
-        display: "inlineBlock",
-        "aria-label": ariaLabel || `${rating.toFixed(1)} out of ${ratingArr.length}`,
-        children: resolvedVariant === "minimal" ? /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_Box_Box_cjs.Box, { display: "inlineBlock", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(RatingStar, { percent: 100 }) }) : ratingArr.map((_, position) => /* @__PURE__ */ jsxRuntime.jsx(
-          styles_lib_components_Box_Box_cjs.Box,
-          {
-            display: "inlineBlock",
-            "aria-hidden": true,
-            className: {
-              [styles_lib_components_Rating_Rating_css_cjs.starSpacing]: position !== ratingArr.length - 1
-            },
-            children: /* @__PURE__ */ jsxRuntime.jsx(RatingStar, { percent: getPercent(rating, position) })
-          },
-          position
-        ))
-      }
-    ),
-    resolvedVariant !== "starsOnly" && /* @__PURE__ */ jsxRuntime.jsx(styles_lib_components_Box_Box_cjs.Box, { component: "span", className: styles_lib_components_Rating_Rating_css_cjs.textSpacing, "aria-hidden": true, children: rating.toFixed(1) })
-  ] });
-};
-exports.Rating = Rating;