@sproutsocial/seeds-react-rating 1.0.40 → 1.0.43

package/dist/esm/index.js

@@ -1,26 +1,51 @@
 // src/Rating.tsx
-import "react";
-import styled from "styled-components";
-import { Icon } from "@sproutsocial/seeds-react-icon";
-import { Badge } from "@sproutsocial/seeds-react-badge";
+import React3 from "react";
 
-// src/RatingTypes.ts
-import "react";
+// src/RatingHybrid.tsx
+import React2 from "react";
+import {
+  hasStyledProps,
+  isStyledExtension
+} from "@sproutsocial/seeds-react-system-props";
 
-// src/Rating.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
+// src/styles.ts
+import styled from "styled-components";
 var RatingContainer = styled.div`
   display: flex;
   align-items: center;
 `;
-var Rating = ({
+RatingContainer.displayName = "Rating-Container";
+var styles_default = RatingContainer;
+
+// src/RatingTailwind.tsx
+import React from "react";
+import { Icon } from "@sproutsocial/seeds-react-icon";
+import { Badge } from "@sproutsocial/seeds-react-badge";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+  return classes.join(" ");
+}
+function renderRatingItems({
   emptyIcon = /* @__PURE__ */ jsx(Icon, { name: "star-outline", color: "yellow.600" }),
   halfIcon = /* @__PURE__ */ jsx(Icon, { name: "star-half-outline", color: "yellow.600" }),
   filledIcon = /* @__PURE__ */ jsx(Icon, { name: "star-full-solid", color: "yellow.600" }),
   rating,
   scale = 5
-}) => {
-  return /* @__PURE__ */ jsxs(RatingContainer, { children: [
+}) {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
     Array.from({ length: scale }, (_, index) => {
       if (index < Math.floor(rating)) {
         return /* @__PURE__ */ jsx("span", { children: filledIcon }, index);
@@ -40,9 +65,37 @@ var Rating = ({
       }
     )
   ] });
-};
+}
+var RatingTailwind = React.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ jsx("div", { className: cn("seeds-rating", className), ref, children: renderRatingItems(rest) })
+);
+RatingTailwind.displayName = "RatingTailwind";
+
+// src/RatingHybrid.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var RatingHybrid = React2.forwardRef(
+  (props, ref) => {
+    const { className, ...rest } = props;
+    if (hasStyledProps(rest) || isStyledExtension(rest)) {
+      return /* @__PURE__ */ jsx2(styles_default, { ref, className, children: renderRatingItems(props) });
+    }
+    return /* @__PURE__ */ jsx2(RatingTailwind, { ...props, ref });
+  }
+);
+RatingHybrid.displayName = "Rating";
+var RatingHybrid_default = RatingHybrid;
+
+// src/Rating.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var Rating = React3.forwardRef(
+  (props, ref) => /* @__PURE__ */ jsx3(RatingHybrid_default, { ...props, ref })
+);
+Rating.displayName = "Rating";
 var Rating_default = Rating;
 
+// src/RatingTypes.ts
+import "react";
+
 // src/index.ts
 var index_default = Rating_default;
 export {

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Rating.tsx","../../src/RatingTypes.ts","../../src/index.ts"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { Badge } from \"@sproutsocial/seeds-react-badge\";\nimport { type TypeRatingProps } from \"./RatingTypes\";\n\nconst RatingContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Rating: React.FC<TypeRatingProps> = ({\n  emptyIcon = <Icon name=\"star-outline\" color=\"yellow.600\" />,\n  halfIcon = <Icon name=\"star-half-outline\" color=\"yellow.600\" />,\n  filledIcon = <Icon name=\"star-full-solid\" color=\"yellow.600\" />,\n  rating,\n  scale = 5,\n}) => {\n  return (\n    <RatingContainer>\n      {Array.from({ length: scale }, (_, index) => {\n        if (index < Math.floor(rating)) {\n          // Full star\n          return <span key={index}>{filledIcon}</span>;\n        } else if (index === Math.floor(rating) && rating % 1 !== 0) {\n          // Half star\n          return <span key={index}>{halfIcon}</span>;\n        } else {\n          // Empty star\n          return <span key={index}>{emptyIcon}</span>;\n        }\n      })}\n      {\n        <Badge\n          size=\"small\"\n          badgeColor=\"neutral\"\n          ml={200}\n        >{`${rating}/${scale}`}</Badge>\n      }\n    </RatingContainer>\n  );\n};\n\nexport default Rating;\n","import * as React from \"react\";\n\nexport interface TypeRatingProps {\n  emptyIcon?: React.ReactNode;\n  halfIcon?: React.ReactNode;\n  filledIcon?: React.ReactNode;\n  rating: number;\n  scale?: number;\n}\n","import Rating from \"./Rating\";\n\nexport default Rating;\nexport { Rating };\nexport * from \"./RatingTypes\";\n"],"mappings":";AAAA,OAAkB;AAClB,OAAO,YAAY;AACnB,SAAS,YAAY;AACrB,SAAS,aAAa;;;ACHtB,OAAuB;;;ADYT,cAOV,YAPU;AANd,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,SAAoC,CAAC;AAAA,EACzC,YAAY,oBAAC,QAAK,MAAK,gBAAe,OAAM,cAAa;AAAA,EACzD,WAAW,oBAAC,QAAK,MAAK,qBAAoB,OAAM,cAAa;AAAA,EAC7D,aAAa,oBAAC,QAAK,MAAK,mBAAkB,OAAM,cAAa;AAAA,EAC7D;AAAA,EACA,QAAQ;AACV,MAAM;AACJ,SACE,qBAAC,mBACE;AAAA,UAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU;AAC3C,UAAI,QAAQ,KAAK,MAAM,MAAM,GAAG;AAE9B,eAAO,oBAAC,UAAkB,wBAAR,KAAmB;AAAA,MACvC,WAAW,UAAU,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AAE3D,eAAO,oBAAC,UAAkB,sBAAR,KAAiB;AAAA,MACrC,OAAO;AAEL,eAAO,oBAAC,UAAkB,uBAAR,KAAkB;AAAA,MACtC;AAAA,IACF,CAAC;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,IAAI;AAAA,QACJ,aAAG,MAAM,IAAI,KAAK;AAAA;AAAA,IAAG;AAAA,KAE3B;AAEJ;AAEA,IAAO,iBAAQ;;;AEzCf,IAAO,gBAAQ;","names":[]}
+{"version":3,"sources":["../../src/Rating.tsx","../../src/RatingHybrid.tsx","../../src/styles.ts","../../src/RatingTailwind.tsx","../../src/RatingTypes.ts","../../src/index.ts"],"sourcesContent":["import React from \"react\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\nimport RatingHybrid from \"./RatingHybrid\";\n\n/**\n * Rating component. Automatically routes between the Tailwind implementation\n * (preferred) and the styled-components implementation (for consumers using\n * system props or a styled() extension).\n */\nconst Rating = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  (props, ref) => <RatingHybrid {...props} ref={ref} />\n);\n\nRating.displayName = \"Rating\";\nexport default Rating;\n","/**\n * Hybrid Rating Component\n * Automatically chooses between Tailwind and styled-components based on props\n */\n\nimport React from \"react\";\nimport {\n  hasStyledProps,\n  isStyledExtension,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\nimport RatingContainer from \"./styles\"; // Styled-components version\nimport { RatingTailwind, renderRatingItems } from \"./RatingTailwind\"; // Tailwind version\n\nconst RatingHybrid = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n\n    // Rating exposes no styled-system props, so hasStyledProps is effectively\n    // always false here; isStyledExtension covers styled(Rating) extensions,\n    // which inject a theme/forwardedComponent prop. The extension's generated\n    // styles arrive via className, so that is all we forward to the container —\n    // RatingContainer has no system-prop mixins, and spreading the remaining\n    // rating props onto the div would surface them as invalid DOM attributes.\n    if (hasStyledProps(rest) || isStyledExtension(rest)) {\n      return (\n        <RatingContainer ref={ref} className={className}>\n          {renderRatingItems(props)}\n        </RatingContainer>\n      );\n    }\n\n    // Use Tailwind version (preferred - better performance)\n    return <RatingTailwind {...props} ref={ref} />;\n  }\n);\n\nRatingHybrid.displayName = \"Rating\";\nexport default RatingHybrid;\n","import styled from \"styled-components\";\n\nconst RatingContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nRatingContainer.displayName = \"Rating-Container\";\nexport default RatingContainer;\n","/**\n * Tailwind CSS implementation of Rating component\n * Uses Seeds rating CSS classes from rating.css\n */\n\nimport React from \"react\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { Badge } from \"@sproutsocial/seeds-react-badge\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\n\n// Utility for merging class names properly\nfunction cn(\n  ...inputs: (string | undefined | null | false | Record<string, boolean>)[]\n): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    if (!input) continue;\n\n    if (typeof input === \"string\") {\n      classes.push(input);\n    } else if (typeof input === \"object\") {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(\" \");\n}\n\n/**\n * Single source of truth for the star + Badge composition, shared by both the\n * Tailwind and styled-components render paths so the mapping logic never drifts.\n */\nexport function renderRatingItems({\n  emptyIcon = <Icon name=\"star-outline\" color=\"yellow.600\" />,\n  halfIcon = <Icon name=\"star-half-outline\" color=\"yellow.600\" />,\n  filledIcon = <Icon name=\"star-full-solid\" color=\"yellow.600\" />,\n  rating,\n  scale = 5,\n}: TypeRatingProps): React.ReactNode {\n  return (\n    <>\n      {Array.from({ length: scale }, (_, index) => {\n        if (index < Math.floor(rating)) {\n          // Full star\n          return <span key={index}>{filledIcon}</span>;\n        } else if (index === Math.floor(rating) && rating % 1 !== 0) {\n          // Half star\n          return <span key={index}>{halfIcon}</span>;\n        } else {\n          // Empty star\n          return <span key={index}>{emptyIcon}</span>;\n        }\n      })}\n      {\n        <Badge\n          size=\"small\"\n          badgeColor=\"neutral\"\n          ml={200}\n        >{`${rating}/${scale}`}</Badge>\n      }\n    </>\n  );\n}\n\nexport const RatingTailwind = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  ({ className, ...rest }, ref) => (\n    <div className={cn(\"seeds-rating\", className)} ref={ref}>\n      {renderRatingItems(rest)}\n    </div>\n  )\n);\n\nRatingTailwind.displayName = \"RatingTailwind\";\n","import * as React from \"react\";\n\nexport interface TypeRatingProps {\n  emptyIcon?: React.ReactNode;\n  halfIcon?: React.ReactNode;\n  filledIcon?: React.ReactNode;\n  rating: number;\n  scale?: number;\n  className?: string;\n}\n","import Rating from \"./Rating\";\n\nexport default Rating;\nexport { Rating };\nexport * from \"./RatingTypes\";\n"],"mappings":";AAAA,OAAOA,YAAW;;;ACKlB,OAAOC,YAAW;AAClB;AAAA,EACE;AAAA,EACA;AAAA,OACK;;;ACTP,OAAO,YAAY;AAEnB,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAK/B,gBAAgB,cAAc;AAC9B,IAAO,iBAAQ;;;ACHf,OAAO,WAAW;AAClB,SAAS,YAAY;AACrB,SAAS,aAAa;AA+BR,SAOV,UAPU,KAOV,YAPU;AA3Bd,SAAS,MACJ,QACK;AACR,QAAM,UAAoB,CAAC;AAE3B,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC,MAAO;AAEZ,QAAI,OAAO,UAAU,UAAU;AAC7B,cAAQ,KAAK,KAAK;AAAA,IACpB,WAAW,OAAO,UAAU,UAAU;AACpC,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,YAAI,OAAO;AACT,kBAAQ,KAAK,GAAG;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,KAAK,GAAG;AACzB;AAMO,SAAS,kBAAkB;AAAA,EAChC,YAAY,oBAAC,QAAK,MAAK,gBAAe,OAAM,cAAa;AAAA,EACzD,WAAW,oBAAC,QAAK,MAAK,qBAAoB,OAAM,cAAa;AAAA,EAC7D,aAAa,oBAAC,QAAK,MAAK,mBAAkB,OAAM,cAAa;AAAA,EAC7D;AAAA,EACA,QAAQ;AACV,GAAqC;AACnC,SACE,iCACG;AAAA,UAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU;AAC3C,UAAI,QAAQ,KAAK,MAAM,MAAM,GAAG;AAE9B,eAAO,oBAAC,UAAkB,wBAAR,KAAmB;AAAA,MACvC,WAAW,UAAU,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AAE3D,eAAO,oBAAC,UAAkB,sBAAR,KAAiB;AAAA,MACrC,OAAO;AAEL,eAAO,oBAAC,UAAkB,uBAAR,KAAkB;AAAA,MACtC;AAAA,IACF,CAAC;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,IAAI;AAAA,QACJ,aAAG,MAAM,IAAI,KAAK;AAAA;AAAA,IAAG;AAAA,KAE3B;AAEJ;AAEO,IAAM,iBAAiB,MAAM;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,oBAAC,SAAI,WAAW,GAAG,gBAAgB,SAAS,GAAG,KAC5C,4BAAkB,IAAI,GACzB;AAEJ;AAEA,eAAe,cAAc;;;AFnDrB,gBAAAC,YAAA;AAZR,IAAM,eAAeC,OAAM;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAQ/B,QAAI,eAAe,IAAI,KAAK,kBAAkB,IAAI,GAAG;AACnD,aACE,gBAAAD,KAAC,kBAAgB,KAAU,WACxB,4BAAkB,KAAK,GAC1B;AAAA,IAEJ;AAGA,WAAO,gBAAAA,KAAC,kBAAgB,GAAG,OAAO,KAAU;AAAA,EAC9C;AACF;AAEA,aAAa,cAAc;AAC3B,IAAO,uBAAQ;;;AD5BG,gBAAAE,YAAA;AADlB,IAAM,SAASC,OAAM;AAAA,EACnB,CAAC,OAAO,QAAQ,gBAAAD,KAAC,wBAAc,GAAG,OAAO,KAAU;AACrD;AAEA,OAAO,cAAc;AACrB,IAAO,iBAAQ;;;AIdf,OAAuB;;;ACEvB,IAAO,gBAAQ;","names":["React","React","jsx","React","jsx","React"]}

package/dist/index.d.mts

@@ -7,8 +7,14 @@ interface TypeRatingProps {
     filledIcon?: React.ReactNode;
     rating: number;
     scale?: number;
+    className?: string;
 }
 
-declare const Rating: React__default.FC<TypeRatingProps>;
+/**
+ * Rating component. Automatically routes between the Tailwind implementation
+ * (preferred) and the styled-components implementation (for consumers using
+ * system props or a styled() extension).
+ */
+declare const Rating: React__default.ForwardRefExoticComponent<TypeRatingProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Rating, type TypeRatingProps, Rating as default };

package/dist/index.d.ts

@@ -7,8 +7,14 @@ interface TypeRatingProps {
     filledIcon?: React.ReactNode;
     rating: number;
     scale?: number;
+    className?: string;
 }
 
-declare const Rating: React__default.FC<TypeRatingProps>;
+/**
+ * Rating component. Automatically routes between the Tailwind implementation
+ * (preferred) and the styled-components implementation (for consumers using
+ * system props or a styled() extension).
+ */
+declare const Rating: React__default.ForwardRefExoticComponent<TypeRatingProps & React__default.RefAttributes<HTMLDivElement>>;
 
 export { Rating, type TypeRatingProps, Rating as default };

package/dist/index.js

@@ -36,28 +36,50 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Rating.tsx
-var import_react = require("react");
-var import_styled_components = __toESM(require("styled-components"));
-var import_seeds_react_icon = require("@sproutsocial/seeds-react-icon");
-var import_seeds_react_badge = require("@sproutsocial/seeds-react-badge");
+var import_react3 = __toESM(require("react"));
 
-// src/RatingTypes.ts
-var React = require("react");
+// src/RatingHybrid.tsx
+var import_react2 = __toESM(require("react"));
+var import_seeds_react_system_props = require("@sproutsocial/seeds-react-system-props");
 
-// src/Rating.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
+// src/styles.ts
+var import_styled_components = __toESM(require("styled-components"));
 var RatingContainer = import_styled_components.default.div`
   display: flex;
   align-items: center;
 `;
-var Rating = ({
+RatingContainer.displayName = "Rating-Container";
+var styles_default = RatingContainer;
+
+// src/RatingTailwind.tsx
+var import_react = __toESM(require("react"));
+var import_seeds_react_icon = require("@sproutsocial/seeds-react-icon");
+var import_seeds_react_badge = require("@sproutsocial/seeds-react-badge");
+var import_jsx_runtime = require("react/jsx-runtime");
+function cn(...inputs) {
+  const classes = [];
+  for (const input of inputs) {
+    if (!input) continue;
+    if (typeof input === "string") {
+      classes.push(input);
+    } else if (typeof input === "object") {
+      for (const [key, value] of Object.entries(input)) {
+        if (value) {
+          classes.push(key);
+        }
+      }
+    }
+  }
+  return classes.join(" ");
+}
+function renderRatingItems({
   emptyIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_icon.Icon, { name: "star-outline", color: "yellow.600" }),
   halfIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_icon.Icon, { name: "star-half-outline", color: "yellow.600" }),
   filledIcon = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_seeds_react_icon.Icon, { name: "star-full-solid", color: "yellow.600" }),
   rating,
   scale = 5
-}) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(RatingContainer, { children: [
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
     Array.from({ length: scale }, (_, index) => {
       if (index < Math.floor(rating)) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: filledIcon }, index);
@@ -77,9 +99,37 @@ var Rating = ({
       }
     )
   ] });
-};
+}
+var RatingTailwind = import_react.default.forwardRef(
+  ({ className, ...rest }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: cn("seeds-rating", className), ref, children: renderRatingItems(rest) })
+);
+RatingTailwind.displayName = "RatingTailwind";
+
+// src/RatingHybrid.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var RatingHybrid = import_react2.default.forwardRef(
+  (props, ref) => {
+    const { className, ...rest } = props;
+    if ((0, import_seeds_react_system_props.hasStyledProps)(rest) || (0, import_seeds_react_system_props.isStyledExtension)(rest)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(styles_default, { ref, className, children: renderRatingItems(props) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(RatingTailwind, { ...props, ref });
+  }
+);
+RatingHybrid.displayName = "Rating";
+var RatingHybrid_default = RatingHybrid;
+
+// src/Rating.tsx
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var Rating = import_react3.default.forwardRef(
+  (props, ref) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(RatingHybrid_default, { ...props, ref })
+);
+Rating.displayName = "Rating";
 var Rating_default = Rating;
 
+// src/RatingTypes.ts
+var React4 = require("react");
+
 // src/index.ts
 var index_default = Rating_default;
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Rating.tsx","../src/RatingTypes.ts"],"sourcesContent":["import Rating from \"./Rating\";\n\nexport default Rating;\nexport { Rating };\nexport * from \"./RatingTypes\";\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { Badge } from \"@sproutsocial/seeds-react-badge\";\nimport { type TypeRatingProps } from \"./RatingTypes\";\n\nconst RatingContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nconst Rating: React.FC<TypeRatingProps> = ({\n  emptyIcon = <Icon name=\"star-outline\" color=\"yellow.600\" />,\n  halfIcon = <Icon name=\"star-half-outline\" color=\"yellow.600\" />,\n  filledIcon = <Icon name=\"star-full-solid\" color=\"yellow.600\" />,\n  rating,\n  scale = 5,\n}) => {\n  return (\n    <RatingContainer>\n      {Array.from({ length: scale }, (_, index) => {\n        if (index < Math.floor(rating)) {\n          // Full star\n          return <span key={index}>{filledIcon}</span>;\n        } else if (index === Math.floor(rating) && rating % 1 !== 0) {\n          // Half star\n          return <span key={index}>{halfIcon}</span>;\n        } else {\n          // Empty star\n          return <span key={index}>{emptyIcon}</span>;\n        }\n      })}\n      {\n        <Badge\n          size=\"small\"\n          badgeColor=\"neutral\"\n          ml={200}\n        >{`${rating}/${scale}`}</Badge>\n      }\n    </RatingContainer>\n  );\n};\n\nexport default Rating;\n","import * as React from \"react\";\n\nexport interface TypeRatingProps {\n  emptyIcon?: React.ReactNode;\n  halfIcon?: React.ReactNode;\n  filledIcon?: React.ReactNode;\n  rating: number;\n  scale?: number;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAkB;AAClB,+BAAmB;AACnB,8BAAqB;AACrB,+BAAsB;;;ACHtB,YAAuB;;;ADYT;AANd,IAAM,kBAAkB,yBAAAA,QAAO;AAAA;AAAA;AAAA;AAK/B,IAAM,SAAoC,CAAC;AAAA,EACzC,YAAY,4CAAC,gCAAK,MAAK,gBAAe,OAAM,cAAa;AAAA,EACzD,WAAW,4CAAC,gCAAK,MAAK,qBAAoB,OAAM,cAAa;AAAA,EAC7D,aAAa,4CAAC,gCAAK,MAAK,mBAAkB,OAAM,cAAa;AAAA,EAC7D;AAAA,EACA,QAAQ;AACV,MAAM;AACJ,SACE,6CAAC,mBACE;AAAA,UAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU;AAC3C,UAAI,QAAQ,KAAK,MAAM,MAAM,GAAG;AAE9B,eAAO,4CAAC,UAAkB,wBAAR,KAAmB;AAAA,MACvC,WAAW,UAAU,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AAE3D,eAAO,4CAAC,UAAkB,sBAAR,KAAiB;AAAA,MACrC,OAAO;AAEL,eAAO,4CAAC,UAAkB,uBAAR,KAAkB;AAAA,MACtC;AAAA,IACF,CAAC;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,IAAI;AAAA,QACJ,aAAG,MAAM,IAAI,KAAK;AAAA;AAAA,IAAG;AAAA,KAE3B;AAEJ;AAEA,IAAO,iBAAQ;;;ADzCf,IAAO,gBAAQ;","names":["styled"]}
+{"version":3,"sources":["../src/index.ts","../src/Rating.tsx","../src/RatingHybrid.tsx","../src/styles.ts","../src/RatingTailwind.tsx","../src/RatingTypes.ts"],"sourcesContent":["import Rating from \"./Rating\";\n\nexport default Rating;\nexport { Rating };\nexport * from \"./RatingTypes\";\n","import React from \"react\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\nimport RatingHybrid from \"./RatingHybrid\";\n\n/**\n * Rating component. Automatically routes between the Tailwind implementation\n * (preferred) and the styled-components implementation (for consumers using\n * system props or a styled() extension).\n */\nconst Rating = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  (props, ref) => <RatingHybrid {...props} ref={ref} />\n);\n\nRating.displayName = \"Rating\";\nexport default Rating;\n","/**\n * Hybrid Rating Component\n * Automatically chooses between Tailwind and styled-components based on props\n */\n\nimport React from \"react\";\nimport {\n  hasStyledProps,\n  isStyledExtension,\n} from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\nimport RatingContainer from \"./styles\"; // Styled-components version\nimport { RatingTailwind, renderRatingItems } from \"./RatingTailwind\"; // Tailwind version\n\nconst RatingHybrid = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  (props, ref) => {\n    const { className, ...rest } = props;\n\n    // Rating exposes no styled-system props, so hasStyledProps is effectively\n    // always false here; isStyledExtension covers styled(Rating) extensions,\n    // which inject a theme/forwardedComponent prop. The extension's generated\n    // styles arrive via className, so that is all we forward to the container —\n    // RatingContainer has no system-prop mixins, and spreading the remaining\n    // rating props onto the div would surface them as invalid DOM attributes.\n    if (hasStyledProps(rest) || isStyledExtension(rest)) {\n      return (\n        <RatingContainer ref={ref} className={className}>\n          {renderRatingItems(props)}\n        </RatingContainer>\n      );\n    }\n\n    // Use Tailwind version (preferred - better performance)\n    return <RatingTailwind {...props} ref={ref} />;\n  }\n);\n\nRatingHybrid.displayName = \"Rating\";\nexport default RatingHybrid;\n","import styled from \"styled-components\";\n\nconst RatingContainer = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\nRatingContainer.displayName = \"Rating-Container\";\nexport default RatingContainer;\n","/**\n * Tailwind CSS implementation of Rating component\n * Uses Seeds rating CSS classes from rating.css\n */\n\nimport React from \"react\";\nimport { Icon } from \"@sproutsocial/seeds-react-icon\";\nimport { Badge } from \"@sproutsocial/seeds-react-badge\";\nimport type { TypeRatingProps } from \"./RatingTypes\";\n\n// Utility for merging class names properly\nfunction cn(\n  ...inputs: (string | undefined | null | false | Record<string, boolean>)[]\n): string {\n  const classes: string[] = [];\n\n  for (const input of inputs) {\n    if (!input) continue;\n\n    if (typeof input === \"string\") {\n      classes.push(input);\n    } else if (typeof input === \"object\") {\n      for (const [key, value] of Object.entries(input)) {\n        if (value) {\n          classes.push(key);\n        }\n      }\n    }\n  }\n\n  return classes.join(\" \");\n}\n\n/**\n * Single source of truth for the star + Badge composition, shared by both the\n * Tailwind and styled-components render paths so the mapping logic never drifts.\n */\nexport function renderRatingItems({\n  emptyIcon = <Icon name=\"star-outline\" color=\"yellow.600\" />,\n  halfIcon = <Icon name=\"star-half-outline\" color=\"yellow.600\" />,\n  filledIcon = <Icon name=\"star-full-solid\" color=\"yellow.600\" />,\n  rating,\n  scale = 5,\n}: TypeRatingProps): React.ReactNode {\n  return (\n    <>\n      {Array.from({ length: scale }, (_, index) => {\n        if (index < Math.floor(rating)) {\n          // Full star\n          return <span key={index}>{filledIcon}</span>;\n        } else if (index === Math.floor(rating) && rating % 1 !== 0) {\n          // Half star\n          return <span key={index}>{halfIcon}</span>;\n        } else {\n          // Empty star\n          return <span key={index}>{emptyIcon}</span>;\n        }\n      })}\n      {\n        <Badge\n          size=\"small\"\n          badgeColor=\"neutral\"\n          ml={200}\n        >{`${rating}/${scale}`}</Badge>\n      }\n    </>\n  );\n}\n\nexport const RatingTailwind = React.forwardRef<HTMLDivElement, TypeRatingProps>(\n  ({ className, ...rest }, ref) => (\n    <div className={cn(\"seeds-rating\", className)} ref={ref}>\n      {renderRatingItems(rest)}\n    </div>\n  )\n);\n\nRatingTailwind.displayName = \"RatingTailwind\";\n","import * as React from \"react\";\n\nexport interface TypeRatingProps {\n  emptyIcon?: React.ReactNode;\n  halfIcon?: React.ReactNode;\n  filledIcon?: React.ReactNode;\n  rating: number;\n  scale?: number;\n  className?: string;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,gBAAkB;;;ACKlB,IAAAC,gBAAkB;AAClB,sCAGO;;;ACTP,+BAAmB;AAEnB,IAAM,kBAAkB,yBAAAC,QAAO;AAAA;AAAA;AAAA;AAK/B,gBAAgB,cAAc;AAC9B,IAAO,iBAAQ;;;ACHf,mBAAkB;AAClB,8BAAqB;AACrB,+BAAsB;AA+BR;AA3Bd,SAAS,MACJ,QACK;AACR,QAAM,UAAoB,CAAC;AAE3B,aAAW,SAAS,QAAQ;AAC1B,QAAI,CAAC,MAAO;AAEZ,QAAI,OAAO,UAAU,UAAU;AAC7B,cAAQ,KAAK,KAAK;AAAA,IACpB,WAAW,OAAO,UAAU,UAAU;AACpC,iBAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAChD,YAAI,OAAO;AACT,kBAAQ,KAAK,GAAG;AAAA,QAClB;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,KAAK,GAAG;AACzB;AAMO,SAAS,kBAAkB;AAAA,EAChC,YAAY,4CAAC,gCAAK,MAAK,gBAAe,OAAM,cAAa;AAAA,EACzD,WAAW,4CAAC,gCAAK,MAAK,qBAAoB,OAAM,cAAa;AAAA,EAC7D,aAAa,4CAAC,gCAAK,MAAK,mBAAkB,OAAM,cAAa;AAAA,EAC7D;AAAA,EACA,QAAQ;AACV,GAAqC;AACnC,SACE,4EACG;AAAA,UAAM,KAAK,EAAE,QAAQ,MAAM,GAAG,CAAC,GAAG,UAAU;AAC3C,UAAI,QAAQ,KAAK,MAAM,MAAM,GAAG;AAE9B,eAAO,4CAAC,UAAkB,wBAAR,KAAmB;AAAA,MACvC,WAAW,UAAU,KAAK,MAAM,MAAM,KAAK,SAAS,MAAM,GAAG;AAE3D,eAAO,4CAAC,UAAkB,sBAAR,KAAiB;AAAA,MACrC,OAAO;AAEL,eAAO,4CAAC,UAAkB,uBAAR,KAAkB;AAAA,MACtC;AAAA,IACF,CAAC;AAAA,IAEC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAW;AAAA,QACX,IAAI;AAAA,QACJ,aAAG,MAAM,IAAI,KAAK;AAAA;AAAA,IAAG;AAAA,KAE3B;AAEJ;AAEO,IAAM,iBAAiB,aAAAC,QAAM;AAAA,EAClC,CAAC,EAAE,WAAW,GAAG,KAAK,GAAG,QACvB,4CAAC,SAAI,WAAW,GAAG,gBAAgB,SAAS,GAAG,KAC5C,4BAAkB,IAAI,GACzB;AAEJ;AAEA,eAAe,cAAc;;;AFnDrB,IAAAC,sBAAA;AAZR,IAAM,eAAe,cAAAC,QAAM;AAAA,EACzB,CAAC,OAAO,QAAQ;AACd,UAAM,EAAE,WAAW,GAAG,KAAK,IAAI;AAQ/B,YAAI,gDAAe,IAAI,SAAK,mDAAkB,IAAI,GAAG;AACnD,aACE,6CAAC,kBAAgB,KAAU,WACxB,4BAAkB,KAAK,GAC1B;AAAA,IAEJ;AAGA,WAAO,6CAAC,kBAAgB,GAAG,OAAO,KAAU;AAAA,EAC9C;AACF;AAEA,aAAa,cAAc;AAC3B,IAAO,uBAAQ;;;AD5BG,IAAAC,sBAAA;AADlB,IAAM,SAAS,cAAAC,QAAM;AAAA,EACnB,CAAC,OAAO,QAAQ,6CAAC,wBAAc,GAAG,OAAO,KAAU;AACrD;AAEA,OAAO,cAAc;AACrB,IAAO,iBAAQ;;;AIdf,IAAAC,SAAuB;;;ALEvB,IAAO,gBAAQ;","names":["import_react","import_react","styled","React","import_jsx_runtime","React","import_jsx_runtime","React","React"]}

package/dist/rating.css

@@ -0,0 +1,6 @@
+@layer components {
+  .seeds-rating {
+    display: flex;
+    align-items: center;
+  }
+}

package/package.json

@@ -1,15 +1,26 @@
 {
   "name": "@sproutsocial/seeds-react-rating",
-  "version": "1.0.40",
+  "version": "1.0.43",
   "description": "Seeds React Rating",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./dist/rating.css": "./dist/rating.css"
+  },
   "scripts": {
-    "build": "tsup --dts",
-    "build:debug": "tsup --dts --metafile",
+    "build": "tsup --dts && cp src/rating.css dist/rating.css",
+    "build:debug": "tsup --dts --metafile && cp src/rating.css dist/rating.css",
     "dev": "tsup --watch --dts",
     "clean": "rm -rf .turbo dist",
     "clean:modules": "rm -rf node_modules",
@@ -18,10 +29,10 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^4.1.0",
+    "@sproutsocial/seeds-react-theme": "^4.2.0",
     "@sproutsocial/seeds-react-system-props": "^3.1.1",
-    "@sproutsocial/seeds-react-icon": "^2.4.0",
-    "@sproutsocial/seeds-react-badge": "^2.0.34"
+    "@sproutsocial/seeds-react-icon": "^2.4.2",
+    "@sproutsocial/seeds-react-badge": "^2.0.36"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",

package/.eslintignore

@@ -1,6 +0,0 @@
-# Node modules
-node_modules/
-
-# Build output
-dist/
-coverage/

package/.eslintrc.js

@@ -1,4 +0,0 @@
-module.exports = {
-  root: true,
-  extends: ["eslint-config-seeds/racine"],
-};

package/.turbo/turbo-build.log

@@ -1,21 +0,0 @@
-yarn run v1.22.22
-$ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.5.0
-CLI Using tsup config: /home/runner/_work/seeds/seeds/seeds-react/seeds-react-rating/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-CJS dist/index.js     3.48 KB
-CJS dist/index.js.map 2.60 KB
-CJS ⚡️ Build success in 75ms
-ESM dist/esm/index.js     1.49 KB
-ESM dist/esm/index.js.map 2.55 KB
-ESM ⚡️ Build success in 76ms
-DTS Build start
-DTS ⚡️ Build success in 4105ms
-DTS dist/index.d.ts  358.00 B
-DTS dist/index.d.mts 358.00 B
-Done in 5.63s.

package/CHANGELOG.md

@@ -1,332 +0,0 @@
-# @sproutsocial/seeds-react-rating
-
-## 1.0.40
-
-### Patch Changes
-
-- Updated dependencies [69c9d02]
-  - @sproutsocial/seeds-react-icon@2.4.0
-  - @sproutsocial/seeds-react-badge@2.0.34
-
-## 1.0.39
-
-### Patch Changes
-
-- Updated dependencies [5892f44]
-  - @sproutsocial/seeds-react-system-props@3.1.1
-  - @sproutsocial/seeds-react-badge@2.0.33
-  - @sproutsocial/seeds-react-icon@2.3.13
-
-## 1.0.38
-
-### Patch Changes
-
-- Updated dependencies [5114a32]
-  - @sproutsocial/seeds-react-theme@4.1.0
-  - @sproutsocial/seeds-react-icon@2.3.12
-  - @sproutsocial/seeds-react-badge@2.0.32
-
-## 1.0.37
-
-### Patch Changes
-
-- Updated dependencies [132ef9d]
-- Updated dependencies [132ef9d]
-  - @sproutsocial/seeds-react-theme@4.0.0
-  - @sproutsocial/seeds-react-system-props@3.1.0
-  - @sproutsocial/seeds-react-icon@2.3.11
-  - @sproutsocial/seeds-react-badge@2.0.31
-
-## 1.0.36
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.10
-- @sproutsocial/seeds-react-badge@2.0.30
-
-## 1.0.35
-
-### Patch Changes
-
-- Updated dependencies [47c62b3]
-  - @sproutsocial/seeds-react-theme@3.7.1
-  - @sproutsocial/seeds-react-icon@2.3.9
-  - @sproutsocial/seeds-react-badge@2.0.29
-
-## 1.0.34
-
-### Patch Changes
-
-- Updated dependencies [06da9c2]
-  - @sproutsocial/seeds-react-theme@3.7.0
-  - @sproutsocial/seeds-react-icon@2.3.8
-  - @sproutsocial/seeds-react-badge@2.0.28
-
-## 1.0.33
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.7
-- @sproutsocial/seeds-react-badge@2.0.27
-
-## 1.0.32
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.6
-- @sproutsocial/seeds-react-badge@2.0.26
-
-## 1.0.31
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.5
-- @sproutsocial/seeds-react-badge@2.0.25
-
-## 1.0.30
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.4
-- @sproutsocial/seeds-react-badge@2.0.24
-
-## 1.0.29
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.3.3
-- @sproutsocial/seeds-react-badge@2.0.23
-
-## 1.0.28
-
-### Patch Changes
-
-- Updated dependencies [4ba8720]
-  - @sproutsocial/seeds-react-theme@3.6.2
-  - @sproutsocial/seeds-react-icon@2.3.2
-  - @sproutsocial/seeds-react-badge@2.0.22
-
-## 1.0.27
-
-### Patch Changes
-
-- Updated dependencies [1f9a473]
-  - @sproutsocial/seeds-react-theme@3.6.1
-  - @sproutsocial/seeds-react-icon@2.3.1
-  - @sproutsocial/seeds-react-badge@2.0.21
-
-## 1.0.26
-
-### Patch Changes
-
-- Updated dependencies [5512104]
-  - @sproutsocial/seeds-react-icon@2.3.0
-  - @sproutsocial/seeds-react-badge@2.0.20
-
-## 1.0.25
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.2.6
-- @sproutsocial/seeds-react-badge@2.0.19
-
-## 1.0.24
-
-### Patch Changes
-
-- Updated dependencies [17d4f12]
-  - @sproutsocial/seeds-react-theme@3.6.0
-  - @sproutsocial/seeds-react-icon@2.2.5
-  - @sproutsocial/seeds-react-badge@2.0.18
-
-## 1.0.23
-
-### Patch Changes
-
-- Updated dependencies [3987f85]
-  - @sproutsocial/seeds-react-badge@2.0.17
-
-## 1.0.22
-
-### Patch Changes
-
-- Updated dependencies [118e300]
-  - @sproutsocial/seeds-react-theme@3.5.1
-  - @sproutsocial/seeds-react-icon@2.2.4
-  - @sproutsocial/seeds-react-badge@2.0.16
-
-## 1.0.21
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.2.3
-- @sproutsocial/seeds-react-badge@2.0.15
-
-## 1.0.20
-
-### Patch Changes
-
-- Updated dependencies [131db40]
-  - @sproutsocial/seeds-react-icon@2.2.2
-  - @sproutsocial/seeds-react-badge@2.0.14
-
-## 1.0.19
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.2.1
-- @sproutsocial/seeds-react-badge@2.0.13
-
-## 1.0.18
-
-### Patch Changes
-
-- Updated dependencies [db6ce39]
-- Updated dependencies [20bb01b]
-- Updated dependencies [c7f2c70]
-  - @sproutsocial/seeds-react-theme@3.5.0
-  - @sproutsocial/seeds-react-icon@2.2.0
-  - @sproutsocial/seeds-react-badge@2.0.12
-
-## 1.0.17
-
-### Patch Changes
-
-- Updated dependencies [7716e16]
-  - @sproutsocial/seeds-react-theme@3.4.0
-  - @sproutsocial/seeds-react-icon@2.1.2
-  - @sproutsocial/seeds-react-badge@2.0.11
-
-## 1.0.16
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-theme@3.3.2
-- @sproutsocial/seeds-react-icon@2.1.1
-- @sproutsocial/seeds-react-badge@2.0.10
-
-## 1.0.15
-
-### Patch Changes
-
-- Updated dependencies [b147e07]
-  - @sproutsocial/seeds-react-icon@2.1.0
-  - @sproutsocial/seeds-react-badge@2.0.9
-
-## 1.0.14
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-theme@3.3.1
-- @sproutsocial/seeds-react-icon@2.0.5
-- @sproutsocial/seeds-react-badge@2.0.8
-
-## 1.0.13
-
-### Patch Changes
-
-- Updated dependencies [2b1bb50]
-  - @sproutsocial/seeds-react-badge@2.0.7
-
-## 1.0.12
-
-### Patch Changes
-
-- Updated dependencies [750d1ea]
-  - @sproutsocial/seeds-react-theme@3.3.0
-  - @sproutsocial/seeds-react-icon@2.0.4
-  - @sproutsocial/seeds-react-badge@2.0.6
-
-## 1.0.11
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.0.3
-- @sproutsocial/seeds-react-badge@2.0.5
-
-## 1.0.10
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@2.0.2
-- @sproutsocial/seeds-react-badge@2.0.4
-
-## 1.0.9
-
-### Patch Changes
-
-- Updated dependencies [fa7579a]
-  - @sproutsocial/seeds-react-theme@3.2.1
-  - @sproutsocial/seeds-react-icon@2.0.1
-  - @sproutsocial/seeds-react-badge@2.0.3
-
-## 1.0.8
-
-### Patch Changes
-
-- Updated dependencies [40248a0]
-  - @sproutsocial/seeds-react-icon@2.0.0
-  - @sproutsocial/seeds-react-badge@2.0.2
-
-## 1.0.7
-
-### Patch Changes
-
-- Updated dependencies [8f6ba8d]
-  - @sproutsocial/seeds-react-theme@3.2.0
-  - @sproutsocial/seeds-react-icon@1.1.8
-  - @sproutsocial/seeds-react-badge@2.0.1
-
-## 1.0.6
-
-### Patch Changes
-
-- Updated dependencies [38d9e82]
-  - @sproutsocial/seeds-react-badge@2.0.0
-
-## 1.0.5
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@1.1.7
-- @sproutsocial/seeds-react-badge@1.0.6
-
-## 1.0.4
-
-### Patch Changes
-
-- @sproutsocial/seeds-react-icon@1.1.6
-- @sproutsocial/seeds-react-badge@1.0.5
-
-## 1.0.3
-
-### Patch Changes
-
-- Updated dependencies [b1c3b44]
-  - @sproutsocial/seeds-react-theme@3.1.1
-  - @sproutsocial/seeds-react-icon@1.1.5
-  - @sproutsocial/seeds-react-badge@1.0.4
-
-## 1.0.2
-
-### Patch Changes
-
-- Updated dependencies [47580c4]
-  - @sproutsocial/seeds-react-theme@3.1.0
-  - @sproutsocial/seeds-react-icon@1.1.4
-  - @sproutsocial/seeds-react-badge@1.0.3
-
-## 1.0.1
-
-### Patch Changes
-
-- Updated dependencies [22e1111]
-  - @sproutsocial/seeds-react-badge@1.0.2
-  - @sproutsocial/seeds-react-theme@3.0.1
-  - @sproutsocial/seeds-react-icon@1.1.3
-
-## 1.0.0
-
-### Major Changes
-
-- 70de98c: Adds a seeds-react-rating component

package/jest.config.js

@@ -1,9 +0,0 @@
-const baseConfig = require("@sproutsocial/seeds-testing");
-
-/** * @type {import('jest').Config} */
-const config = {
-  ...baseConfig,
-  displayName: "seeds-react-rating",
-};
-
-module.exports = config;

package/src/Rating.stories.tsx

@@ -1,29 +0,0 @@
-import React from "react";
-import type { Meta, StoryObj } from "@storybook/react";
-import Rating from "./Rating";
-import { Icon } from "@sproutsocial/seeds-react-icon";
-
-export default {
-  title: "Components/Rating",
-  component: Rating,
-} as Meta;
-
-type Story = StoryObj<typeof Rating>;
-
-export const Default: Story = {
-  args: {
-    rating: 3,
-  },
-
-  render: (args) => <Rating {...args} />,
-};
-
-export const Custom: Story = {
-  args: {
-    rating: 3,
-    emptyIcon: <Icon name="tripadvisor-circle-outline" />,
-    filledIcon: <Icon name="tripadvisor-circle-solid" />,
-  },
-
-  render: (args) => <Rating {...args} />,
-};

package/src/Rating.tsx

@@ -1,44 +0,0 @@
-import React from "react";
-import styled from "styled-components";
-import { Icon } from "@sproutsocial/seeds-react-icon";
-import { Badge } from "@sproutsocial/seeds-react-badge";
-import { type TypeRatingProps } from "./RatingTypes";
-
-const RatingContainer = styled.div`
-  display: flex;
-  align-items: center;
-`;
-
-const Rating: React.FC<TypeRatingProps> = ({
-  emptyIcon = <Icon name="star-outline" color="yellow.600" />,
-  halfIcon = <Icon name="star-half-outline" color="yellow.600" />,
-  filledIcon = <Icon name="star-full-solid" color="yellow.600" />,
-  rating,
-  scale = 5,
-}) => {
-  return (
-    <RatingContainer>
-      {Array.from({ length: scale }, (_, index) => {
-        if (index < Math.floor(rating)) {
-          // Full star
-          return <span key={index}>{filledIcon}</span>;
-        } else if (index === Math.floor(rating) && rating % 1 !== 0) {
-          // Half star
-          return <span key={index}>{halfIcon}</span>;
-        } else {
-          // Empty star
-          return <span key={index}>{emptyIcon}</span>;
-        }
-      })}
-      {
-        <Badge
-          size="small"
-          badgeColor="neutral"
-          ml={200}
-        >{`${rating}/${scale}`}</Badge>
-      }
-    </RatingContainer>
-  );
-};
-
-export default Rating;

package/src/RatingTypes.ts

@@ -1,9 +0,0 @@
-import * as React from "react";
-
-export interface TypeRatingProps {
-  emptyIcon?: React.ReactNode;
-  halfIcon?: React.ReactNode;
-  filledIcon?: React.ReactNode;
-  rating: number;
-  scale?: number;
-}

package/src/__tests__/rating.test.tsx

@@ -1,15 +0,0 @@
-import React from "react";
-import { render, screen } from "@sproutsocial/seeds-react-testing-library";
-import Rating from "../Rating";
-
-describe("Rating Features", () => {
-  it("should display text that reflects the rating", () => {
-    render(<Rating rating={3} />);
-    expect(screen.getByText("3/5")).toBeInTheDocument();
-  });
-
-  it("should support half star ratings", () => {
-    render(<Rating rating={3.5} />);
-    expect(screen.getByText("3.5/5")).toBeInTheDocument();
-  });
-});

package/src/index.ts

@@ -1,5 +0,0 @@
-import Rating from "./Rating";
-
-export default Rating;
-export { Rating };
-export * from "./RatingTypes";

package/src/styled.d.ts

@@ -1,7 +0,0 @@
-import "styled-components";
-import { TypeTheme } from "@sproutsocial/seeds-react-theme";
-
-declare module "styled-components" {
-  // eslint-disable-next-line @typescript-eslint/no-empty-interface
-  export interface DefaultTheme extends TypeTheme {}
-}

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-  "extends": "@sproutsocial/seeds-tsconfig/bundler/dom/library-monorepo",
-  "compilerOptions": {
-    "jsx": "react-jsx",
-    "module": "esnext"
-  },
-  "include": ["src/**/*"],
-  "exclude": [
-    "node_modules",
-    "dist",
-    "coverage",
-    "**/*.stories.tsx",
-    "**/*.stories.ts"
-  ]
-}

package/tsup.config.ts

@@ -1,12 +0,0 @@
-import { defineConfig } from "tsup";
-
-export default defineConfig((options) => ({
-  entry: ["src/index.ts"],
-  format: ["cjs", "esm"],
-  clean: true,
-  legacyOutput: true,
-  dts: options.dts,
-  external: ["react"],
-  sourcemap: true,
-  metafile: options.metafile,
-}));