@pajohns/flowbite-svelte 0.1.0

package/dist/rating/Review.svelte

@@ -0,0 +1,119 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { review as reviewVariants } from "./theme";
+  import type { ReviewProps } from "../types";
+  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { untrack } from "svelte";
+
+  let { children, address, item1, item2, item3, review, classes, articleClass, divClass, div2Class, div3Class, imgClass, ulClass, liClass }: ReviewProps = $props();
+
+  warnThemeDeprecation(
+    "Review",
+    untrack(() => ({ articleClass, divClass, div2Class, div3Class, imgClass, ulClass, liClass })),
+    { articleClass: "article", divClass: "div", div2Class: "div2", div3Class: "div3", imgClass: "img", ulClass: "ul", liClass: "li" }
+  );
+
+  const styling = $derived(
+    classes ?? {
+      article: articleClass,
+      div: divClass,
+      div2: div2Class,
+      div3: div3Class,
+      img: imgClass,
+      ul: ulClass,
+      li: liClass
+    }
+  );
+
+  const theme = $derived(getTheme("review"));
+
+  const { article, div, div2, div3, img, ul, li } = $derived(reviewVariants());
+</script>
+
+{#if review}
+  <article class={article({ class: clsx(theme?.article, styling.article) })}>
+    <div>
+      <div class={div({ class: clsx(theme?.div, styling.div) })}>
+        <img class={img({ class: clsx(theme?.img, styling.img) })} src={review.imgSrc} alt={review.imgAlt} />
+        <div class={div2({ class: clsx(theme?.div2, styling.div2) })}>
+          <p>{review.name}</p>
+          {#if review.address}
+            {#if address}
+              <div class={div3({ class: clsx(theme?.div3, styling.div3) })}>
+                {@render address()}
+              </div>
+            {/if}
+          {/if}
+        </div>
+      </div>
+      {#if review.item1 || review.item2 || review.item3}
+        <ul class={ul({ class: clsx(theme?.ul, styling.ul) })}>
+          {#if review.item1}
+            <li class={li({ class: clsx(theme?.li, styling.li) })}>
+              {#if item1}
+                {@render item1()}
+              {/if}
+            </li>
+          {/if}
+          {#if review.item2}
+            <li class={clsx(styling.li)}>
+              {#if item2}
+                {@render item2()}
+              {/if}
+            </li>
+          {/if}
+          {#if review.item3}
+            <li class={clsx(styling.li)}>
+              {#if item3}
+                {@render item3()}
+              {/if}
+            </li>
+          {/if}
+        </ul>
+      {/if}
+    </div>
+
+    <div class="col-span-2 mt-6 md:mt-0">
+      <div class="mb-5 flex items-start">
+        <div class="pe-4">
+          {#if review.reviewDate}
+            <footer>
+              <p class="mb-2 text-sm text-gray-500 dark:text-gray-400">
+                Reviewed: {review.reviewDate}
+              </p>
+            </footer>
+          {/if}
+          <h4 class="text-xl font-bold text-gray-900 dark:text-white">
+            {review.title}
+          </h4>
+        </div>
+        <p class="bg-primary-700 inline-flex items-center rounded-sm p-1.5 text-sm font-semibold text-white">
+          {review.rating}
+        </p>
+      </div>
+      {@render children()}
+    </div>
+  </article>
+{/if}
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1403)
+## Props
+@prop children
+@prop address
+@prop item1
+@prop item2
+@prop item3
+@prop review
+@prop classes
+@prop articleClass
+@prop divClass
+@prop div2Class
+@prop div3Class
+@prop imgClass
+@prop ulClass
+@prop liClass
+-->

package/dist/rating/Review.svelte.d.ts

@@ -0,0 +1,24 @@
+import type { ReviewProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [ReviewProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1403)
+ * ## Props
+ * @prop children
+ * @prop address
+ * @prop item1
+ * @prop item2
+ * @prop item3
+ * @prop review
+ * @prop classes
+ * @prop articleClass
+ * @prop divClass
+ * @prop div2Class
+ * @prop div3Class
+ * @prop imgClass
+ * @prop ulClass
+ * @prop liClass
+ */
+declare const Review: import("svelte").Component<ReviewProps, {}, "">;
+type Review = ReturnType<typeof Review>;
+export default Review;

package/dist/rating/ScoreRating.svelte

@@ -0,0 +1,78 @@
+<script lang="ts">
+  import { scoreRating } from "./theme";
+  import type { ScoreRatingProps } from "../types";
+  import clsx from "clsx";
+  import { getTheme } from "../theme/themeUtils";
+
+  let { ratings, ratings2, headerLabel, classes }: ScoreRatingProps = $props();
+
+  const theme = $derived(getTheme("scoreRating"));
+
+  const { desc1, desc2, desc3span, desc3p, link, bar } = $derived(scoreRating());
+</script>
+
+<div class="mb-5 flex items-center">
+  {#if headerLabel}
+    {#if headerLabel.desc1}
+      <p class={desc1({ class: clsx(theme?.desc1, classes?.desc1) })}>{headerLabel.desc1}</p>
+    {/if}
+    {#if headerLabel.desc2}
+      <p class={desc2({ class: clsx(theme?.desc2, classes?.desc2) })}>{headerLabel.desc2}</p>
+    {/if}
+    {#if headerLabel.desc3}
+      <span class={desc3span({ class: clsx(theme?.desc3span, classes?.desc3span) })}></span>
+      <p class={desc3p({ class: clsx(theme?.desc3p, classes?.desc3p) })}>{headerLabel.desc3}</p>
+    {/if}
+    {#if headerLabel.link}
+      <a href={headerLabel.link.url} class={link({ class: clsx(theme?.link, classes?.link) })}>{headerLabel.link.label}</a>
+    {/if}
+  {/if}
+</div>
+<div class="gap-8 sm:grid sm:grid-cols-2">
+  <div>
+    {#if ratings}
+      {#each ratings as { label, rating } (label)}
+        <dl>
+          <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">
+            {label}
+          </dt>
+          <dd class="mb-3 flex items-center">
+            <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
+              <div class={bar({ class: clsx(theme?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
+            </div>
+            <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>
+          </dd>
+        </dl>
+      {/each}
+    {/if}
+  </div>
+  <div>
+    {#if ratings2}
+      {#each ratings2 as { label, rating } (label)}
+        <dl>
+          <dt class="text-sm font-medium text-gray-500 dark:text-gray-400">
+            {label}
+          </dt>
+          <dd class="mb-3 flex items-center">
+            <div class="me-2 h-2.5 w-full rounded-sm bg-gray-200 dark:bg-gray-700">
+              <div class={bar({ class: clsx(theme?.bar, classes?.bar) })} style="width: {rating * 10}%"></div>
+            </div>
+            <span class="text-sm font-medium text-gray-500 dark:text-gray-400">{rating}</span>
+          </dd>
+        </dl>
+      {/each}
+    {/if}
+  </div>
+</div>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1419)
+## Props
+@prop ratings
+@prop ratings2
+@prop headerLabel
+@prop classes
+-->

package/dist/rating/ScoreRating.svelte.d.ts

@@ -0,0 +1,14 @@
+import type { ScoreRatingProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [ScoreRatingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1419)
+ * ## Props
+ * @prop ratings
+ * @prop ratings2
+ * @prop headerLabel
+ * @prop classes
+ */
+declare const ScoreRating: import("svelte").Component<ScoreRatingProps, {}, "">;
+type ScoreRating = ReturnType<typeof ScoreRating>;
+export default ScoreRating;

package/dist/rating/Star.svelte

@@ -0,0 +1,61 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import type { RatingIconProps } from "../types";
+
+  let {
+    fillPercent = 100,
+    fillColor = "#F5CA14",
+    strokeColor = "#F5CA14",
+    size = 24,
+    ariaLabel = "star",
+    iconIndex = 0,
+    groupId = "star",
+    role = "img",
+    svgClass,
+    ...restProps
+  }: RatingIconProps = $props();
+
+  const uniqueId = $derived(`${groupId}-${iconIndex}`);
+</script>
+
+<svg width={size} height={size} {...restProps} class={clsx(svgClass)} aria-label={ariaLabel} viewBox="100 100 120 120" {role}>
+  <defs>
+    <linearGradient id={uniqueId}>
+      {#if fillPercent !== 100}
+        <stop offset="0%" stop-color={fillColor} />
+        <stop offset="{fillPercent}%" stop-color={fillColor} />
+        <stop offset="{fillPercent}%" stop-color="transparent" />
+        <stop offset="100%" stop-color="transparent" />
+      {:else}
+        <stop offset="0%" stop-color={fillColor} />
+        <stop offset="100%" stop-color={fillColor} />
+      {/if}
+    </linearGradient>
+  </defs>
+  <g fill="url(#{uniqueId})" stroke={strokeColor} stroke-width="2">
+    <polygon
+      points="165.000, 185.000, 188.511, 197.361, 184.021, 171.180, 
+      203.042, 152.639, 176.756, 148.820, 165.000, 125.000, 
+      153.244, 148.820, 126.958, 152.639, 145.979, 171.180,
+      141.489, 197.361, 165.000, 185.000"
+    />
+  </g>
+</svg>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+## Props
+@prop fillPercent = 100
+@prop fillColor = "#F5CA14"
+@prop strokeColor = "#F5CA14"
+@prop size = 24
+@prop ariaLabel = "star"
+@prop iconIndex = 0
+@prop groupId = "star"
+@prop role = "img"
+@prop svgClass
+@prop ...restProps
+-->

package/dist/rating/Star.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { RatingIconProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+ * ## Props
+ * @prop fillPercent = 100
+ * @prop fillColor = "#F5CA14"
+ * @prop strokeColor = "#F5CA14"
+ * @prop size = 24
+ * @prop ariaLabel = "star"
+ * @prop iconIndex = 0
+ * @prop groupId = "star"
+ * @prop role = "img"
+ * @prop svgClass
+ * @prop ...restProps
+ */
+declare const Star: import("svelte").Component<RatingIconProps, {}, "">;
+type Star = ReturnType<typeof Star>;
+export default Star;

package/dist/rating/Thumbup.svelte

@@ -0,0 +1,60 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import type { RatingIconProps } from "../types";
+
+  let {
+    fillPercent = 100,
+    fillColor = "#00b500",
+    strokeColor = "#00b500",
+    size = 24,
+    ariaLabel = "thumbup",
+    iconIndex = 0,
+    groupId = "star",
+    role = "img",
+    svgClass,
+    ...restProps
+  }: RatingIconProps = $props();
+
+  const uniqueId = $derived(`${groupId}-${iconIndex}`);
+</script>
+
+<svg width={size} height={size} {...restProps} class={clsx(svgClass)} aria-label={ariaLabel} viewBox="0 0 24 24" {role} stroke-width="1.5" stroke="currentColor" fill="none">
+  <defs>
+    <linearGradient id={uniqueId}>
+      {#if fillPercent !== 100}
+        <stop offset="0%" stop-color={fillColor} />
+        <stop offset="{fillPercent}%" stop-color={fillColor} />
+        <stop offset="{fillPercent}%" stop-color="transparent" />
+        <stop offset="100%" stop-color="transparent" />
+      {:else}
+        <stop offset="0%" stop-color={fillColor} />
+        <stop offset="100%" stop-color={fillColor} />
+      {/if}
+    </linearGradient>
+  </defs>
+  <path
+    fill="url(#{uniqueId})"
+    stroke={strokeColor}
+    stroke-linecap="round"
+    stroke-linejoin="round"
+    d="M6.633 10.5c.806 0 1.533-.446 2.031-1.08a9.041 9.041 0 012.861-2.4c.723-.384 1.35-.956 1.653-1.715a4.498 4.498 0 00.322-1.672V3a.75.75 0 01.75-.75A2.25 2.25 0 0116.5 4.5c0 1.152-.26 2.243-.723 3.218-.266.558.107 1.282.725 1.282h3.126c1.026 0 1.945.694 2.054 1.715.045.422.068.85.068 1.285a11.95 11.95 0 01-2.649 7.521c-.388.482-.987.729-1.605.729H13.48c-.483 0-.964-.078-1.423-.23l-3.114-1.04a4.501 4.501 0 00-1.423-.23H5.904M14.25 9h2.25M5.904 18.75c.083.205.173.405.27.602.197.4-.078.898-.523.898h-.908c-.889 0-1.713-.518-1.972-1.368a12 12 0 01-.521-3.507c0-1.553.295-3.036.831-4.398C3.387 10.203 4.167 9.75 5 9.75h1.053c.472 0 .745.556.5.96a8.958 8.958 0 00-1.302 4.665c0 1.194.232 2.333.654 3.375z"
+  />
+</svg>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+## Props
+@prop fillPercent = 100
+@prop fillColor = "#00b500"
+@prop strokeColor = "#00b500"
+@prop size = 24
+@prop ariaLabel = "thumbup"
+@prop iconIndex = 0
+@prop groupId = "star"
+@prop role = "img"
+@prop svgClass
+@prop ...restProps
+-->

package/dist/rating/Thumbup.svelte.d.ts

@@ -0,0 +1,20 @@
+import type { RatingIconProps } from "../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [RatingIconProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+ * ## Props
+ * @prop fillPercent = 100
+ * @prop fillColor = "#00b500"
+ * @prop strokeColor = "#00b500"
+ * @prop size = 24
+ * @prop ariaLabel = "thumbup"
+ * @prop iconIndex = 0
+ * @prop groupId = "star"
+ * @prop role = "img"
+ * @prop svgClass
+ * @prop ...restProps
+ */
+declare const Thumbup: import("svelte").Component<RatingIconProps, {}, "">;
+type Thumbup = ReturnType<typeof Thumbup>;
+export default Thumbup;

package/dist/rating/index.d.ts

@@ -0,0 +1,10 @@
+export { default as AdvancedRating } from "./AdvancedRating.svelte";
+export { default as Heart } from "./Heart.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as RatingComment } from "./RatingComment.svelte";
+export { default as Review } from "./Review.svelte";
+export { default as ScoreRating } from "./ScoreRating.svelte";
+export { default as Star } from "./Star.svelte";
+export { default as Thumbup } from "./Thumbup.svelte";
+export { default as CustomIcon } from "./CustomIcon.svelte";
+export { advancedRating, rating, review, scoreRating } from "./theme";

package/dist/rating/index.js

@@ -0,0 +1,10 @@
+export { default as AdvancedRating } from "./AdvancedRating.svelte";
+export { default as Heart } from "./Heart.svelte";
+export { default as Rating } from "./Rating.svelte";
+export { default as RatingComment } from "./RatingComment.svelte";
+export { default as Review } from "./Review.svelte";
+export { default as ScoreRating } from "./ScoreRating.svelte";
+export { default as Star } from "./Star.svelte";
+export { default as Thumbup } from "./Thumbup.svelte";
+export { default as CustomIcon } from "./CustomIcon.svelte";
+export { advancedRating, rating, review, scoreRating } from "./theme";

package/dist/rating/theme.d.ts

@@ -0,0 +1,202 @@
+import { type VariantProps } from "tailwind-variants";
+import type { Classes } from "../theme/themeUtils";
+export type RatingVariants = VariantProps<typeof rating> & Classes<typeof rating>;
+export type AdvancedRatingVariants = VariantProps<typeof advancedRating> & Classes<typeof advancedRating>;
+export type ReviewVariants = VariantProps<typeof review> & Classes<typeof review>;
+export type ScoreRatingVariants = VariantProps<typeof scoreRating> & Classes<typeof scoreRating>;
+export declare const advancedRating: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+            span2?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+            span2?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    div2: string;
+    div3: string;
+    span2: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            span?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+            span2?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    span: string;
+    div2: string;
+    div3: string;
+    span2: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    span: string;
+    div2: string;
+    div3: string;
+    span2: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const rating: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            p?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            p?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    p: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            base?: import("tailwind-merge").ClassNameValue;
+            p?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    base: string;
+    p: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    base: string;
+    p: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const review: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            article?: import("tailwind-merge").ClassNameValue;
+            div?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            ul?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            article?: import("tailwind-merge").ClassNameValue;
+            div?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            ul?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    article: string;
+    div: string;
+    div2: string;
+    div3: string;
+    img: string;
+    ul: string;
+    li: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            article?: import("tailwind-merge").ClassNameValue;
+            div?: import("tailwind-merge").ClassNameValue;
+            img?: import("tailwind-merge").ClassNameValue;
+            li?: import("tailwind-merge").ClassNameValue;
+            ul?: import("tailwind-merge").ClassNameValue;
+            div2?: import("tailwind-merge").ClassNameValue;
+            div3?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    article: string;
+    div: string;
+    div2: string;
+    div3: string;
+    img: string;
+    ul: string;
+    li: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    article: string;
+    div: string;
+    div2: string;
+    div3: string;
+    img: string;
+    ul: string;
+    li: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const scoreRating: import("tailwind-variants").TVReturnType<{
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            desc1?: import("tailwind-merge").ClassNameValue;
+            desc2?: import("tailwind-merge").ClassNameValue;
+            desc3span?: import("tailwind-merge").ClassNameValue;
+            desc3p?: import("tailwind-merge").ClassNameValue;
+            bar?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {
+    [x: string]: {
+        [x: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            desc1?: import("tailwind-merge").ClassNameValue;
+            desc2?: import("tailwind-merge").ClassNameValue;
+            desc3span?: import("tailwind-merge").ClassNameValue;
+            desc3p?: import("tailwind-merge").ClassNameValue;
+            bar?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    desc1: string;
+    desc2: string;
+    desc3span: string;
+    desc3p: string;
+    link: string;
+    bar: string;
+}, undefined, {
+    [key: string]: {
+        [key: string]: import("tailwind-merge").ClassNameValue | {
+            link?: import("tailwind-merge").ClassNameValue;
+            desc1?: import("tailwind-merge").ClassNameValue;
+            desc2?: import("tailwind-merge").ClassNameValue;
+            desc3span?: import("tailwind-merge").ClassNameValue;
+            desc3p?: import("tailwind-merge").ClassNameValue;
+            bar?: import("tailwind-merge").ClassNameValue;
+        };
+    };
+} | {}, {
+    desc1: string;
+    desc2: string;
+    desc3span: string;
+    desc3p: string;
+    link: string;
+    bar: string;
+}, import("tailwind-variants").TVReturnType<unknown, {
+    desc1: string;
+    desc2: string;
+    desc3span: string;
+    desc3p: string;
+    link: string;
+    bar: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/rating/theme.js

@@ -0,0 +1,38 @@
+import { tv } from "tailwind-variants";
+export const advancedRating = tv({
+    // divClass = 'flex items-center mt-4', spanClass = 'text-sm font-medium text-gray-600 dark:text-gray-500', div2Class = 'mx-4 w-2/4 h-5 bg-gray-200 rounded-sm dark:bg-gray-700', div3Class = 'h-5 bg-yellow-400 rounded-sm', span2Class = 'text-sm font-medium text-gray-600 dark:text-gray-500',
+    slots: {
+        base: "flex items-center mt-4",
+        span: "text-sm font-medium text-gray-600 dark:text-gray-500",
+        div2: "mx-4 w-2/4 h-5 bg-gray-200 rounded-sm dark:bg-gray-700",
+        div3: "h-5 bg-yellow-400 rounded-sm",
+        span2: "text-sm font-medium text-gray-600 dark:text-gray-500"
+    }
+});
+export const rating = tv({
+    slots: {
+        base: "flex items-center",
+        p: "ms-2 text-sm font-bold text-gray-900 dark:text-white"
+    }
+});
+export const review = tv({
+    slots: {
+        article: "md:grid md:grid-cols-3 md:gap-8",
+        div: "mb-6 flex items-center space-x-4 rtl:space-x-reverse",
+        div2: "space-y-1 font-medium dark:text-white",
+        div3: "flex items-center text-sm text-gray-500 dark:text-gray-400",
+        img: "h-10 w-10 rounded-full",
+        ul: "space-y-4 text-sm text-gray-500 dark:text-gray-400",
+        li: "flex items-center"
+    }
+});
+export const scoreRating = tv({
+    slots: {
+        desc1: "bg-primary-100 w-8 text-primary-800 text-sm font-semibold inline-flex items-center p-1.5 rounded-sm dark:bg-primary-200 dark:text-primary-800",
+        desc2: "ms-2 font-medium text-gray-900 dark:text-white",
+        desc3span: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
+        desc3p: "text-sm w-24 font-medium text-gray-500 dark:text-gray-400",
+        link: "ms-auto w-32 text-sm font-medium text-primary-600 hover:underline dark:text-primary-500",
+        bar: "bg-primary-600 h-2.5 rounded-sm dark:bg-primary-500"
+    }
+});