@timmbr/ui 1.18.0 → 1.19.0

package/dist/components/Calendar/Calendar.helpers.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
+import { getDefaultClassNames } from '@daypicker/react';
 import { cn } from '@timmbr/utils';
 import { ChevronLeft, ChevronDown, ChevronRight } from '@timmbr/icons';
-import { getDefaultClassNames } from '../../node_modules/.pnpm/react-day-picker@10.0.2_@types_react@19.3.0_react@19.3.0/node_modules/react-day-picker/dist/esm/helpers/getDefaultClassNames.js';
 
 const selectedDayButton = "[&_button]:bg-primary [&_button]:text-primary-foreground [&_button]:hover:bg-primary [&_button]:hover:text-primary-foreground";
 const baseDayButton = "inline-flex h-full w-full items-center justify-center rounded-[2px] text-body-3 font-medium text-inherit transition-colors duration-150 hover:bg-grey-100 hover:text-foreground dark:hover:bg-grey-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-1";

package/dist/components/Calendar/Calendar.js

@@ -1,6 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import * as React from 'react';
+import { DayPicker } from '@daypicker/react';
 import { cn } from '@timmbr/utils';
 import { ChevronDown } from '@timmbr/icons';
 import { resolveMotion } from '../../types/motion.js';
@@ -8,7 +9,6 @@ import { resolveCaptionDefaults, buildCalendarClassNames, buildCalendarComponent
 import { calendarRootVariants } from './Calendar.styles.js';
 import { CalendarYearPicker, CalendarMonthPicker } from './subcomponents/CalendarMonthYearPickers.js';
 import { useGlobalAnimation } from '../../providers/AnimationProvider.js';
-import { DayPicker } from '../../node_modules/.pnpm/react-day-picker@10.0.2_@types_react@19.3.0_react@19.3.0/node_modules/react-day-picker/dist/esm/DayPicker.js';
 
 function startOfMonth(date) {
   return new Date(date.getFullYear(), date.getMonth(), 1);

package/dist/components/DataTable/DataTable.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,UAAU,EAGV,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAc/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAkC,EAClC,SAAiB,EACjB,QAAQ,EACR,UAAU,EACV,YAAmB,EACnB,mBAA0B,EAC1B,MAAM,EAAE,UAAU,GACnB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBA+L/B;yBAlNe,SAAS;;;AAsNzB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../../src/components/DataTable/DataTable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAIL,UAAU,EAGV,KAAK,SAAS,EACf,MAAM,uBAAuB,CAAC;AAc/B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,wBAAgB,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,EAAE,EACjD,IAAI,EACJ,OAAO,EACP,OAAO,EACP,eAAe,EACf,YAAY,EACZ,oBAAoB,EACpB,SAAS,EACT,kBAAkB,EAClB,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,YAAkC,EAClC,SAAiB,EACjB,QAAQ,EACR,UAAU,EACV,YAAmB,EACnB,mBAA0B,EAC1B,MAAM,EAAE,UAAU,GACnB,EAAE,cAAc,CAAC,KAAK,EAAE,MAAM,CAAC,qBAgN/B;yBAnOe,SAAS;;;AAuOzB,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,SAAS,EAAE,CAAC"}

package/dist/components/DataTable/DataTable.js

@@ -128,6 +128,18 @@ function DataTable({
         ) }) : table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row, index) => {
           const isSelected = row.getIsSelected();
           const cells = row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id));
+          const rowInteraction = onRowClick ? {
+            tabIndex: 0,
+            onClick: () => onRowClick(row),
+            onKeyDown: (event) => {
+              if (event.target !== event.currentTarget) return;
+              if (event.key === "Enter" || event.key === " ") {
+                event.preventDefault();
+                onRowClick(row);
+              }
+            }
+          } : {};
+          const rowFocusClass = onRowClick && "cursor-pointer focus-visible:outline-none focus-visible:bg-grey-50 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring dark:focus-visible:bg-grey-900";
           if (shouldAnimate) {
             return /* @__PURE__ */ jsx(
               motion.tr,
@@ -142,9 +154,9 @@ function DataTable({
                 },
                 className: cn(
                   "border-b border-grey-200 dark:border-grey-800 transition-colors data-[state=selected]:bg-primary/5 hover:bg-grey-50/80 dark:hover:bg-grey-900/60",
-                  onRowClick && "cursor-pointer"
+                  rowFocusClass
                 ),
-                onClick: () => onRowClick?.(row),
+                ...rowInteraction,
                 children: cells
               },
               row.id
@@ -154,8 +166,8 @@ function DataTable({
             TableRow,
             {
               "data-state": isSelected ? "selected" : void 0,
-              className: cn(onRowClick && "cursor-pointer"),
-              onClick: () => onRowClick?.(row),
+              className: cn(rowFocusClass),
+              ...rowInteraction,
               children: cells
             },
             row.id

package/dist/components/DatePicker/DatePicker.helpers.js

@@ -1,5 +1,4 @@
-import { isValid } from '../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/isValid.js';
-import { format } from '../../node_modules/.pnpm/date-fns@4.4.0/node_modules/date-fns/format.js';
+import { isValid, format } from 'date-fns';
 
 const defaultDateFormat = "PPP";
 function formatDateValue(date, dateFormat = defaultDateFormat) {

package/dist/components/Rating/Rating.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import type { RatingProps } from './Rating.types';
-/** Read-only average rating: "4.5 ★ (817)". */
+/** Read-only average rating: "4.5 ★ (817)", or a row of stars with `display="stars"`. */
 export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=Rating.d.ts.map

package/dist/components/Rating/Rating.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,+CAA+C;AAC/C,eAAO,MAAM,MAAM,oFA4BlB,CAAC"}
+{"version":3,"file":"Rating.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAuBlD,yFAAyF;AACzF,eAAO,MAAM,MAAM,oFAqClB,CAAC"}

package/dist/components/Rating/Rating.js

@@ -4,8 +4,17 @@ import { cn } from '@timmbr/utils';
 import { Star } from '@timmbr/icons';
 import { ratingVariants } from './Rating.styles.js';
 
+function StarRow({ value, max }) {
+  return /* @__PURE__ */ jsx("span", { className: "inline-flex items-center gap-0.5", children: Array.from({ length: max }, (_, i) => {
+    const fill = Math.max(0, Math.min(1, value - i));
+    return /* @__PURE__ */ jsxs("span", { className: "relative inline-flex", children: [
+      /* @__PURE__ */ jsx(Star, { className: "fill-grey-200 text-grey-200 dark:fill-grey-700 dark:text-grey-700" }),
+      fill > 0 && /* @__PURE__ */ jsx("span", { className: "absolute inset-0 overflow-hidden", style: { width: `${fill * 100}%` }, children: /* @__PURE__ */ jsx(Star, { className: "fill-warning text-warning" }) })
+    ] }, i);
+  }) });
+}
 const Rating = React.forwardRef(
-  ({ value, max = 5, count, locale = "en-IN", label, size, className, ...props }, ref) => {
+  ({ value, max = 5, count, locale = "en-IN", label, size, display = "compact", className, ...props }, ref) => {
     const shown = new Intl.NumberFormat(locale, { maximumFractionDigits: 1 }).format(value);
     const counted = count !== void 0 ? new Intl.NumberFormat(locale).format(count) : void 0;
     const accessibleName = label ?? `Rated ${shown} out of ${max}${counted !== void 0 ? ` from ${counted} ratings` : ""}`;
@@ -19,7 +28,7 @@ const Rating = React.forwardRef(
         className: cn(ratingVariants({ size }), className),
         ...props,
         children: [
-          /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "inline-flex items-center gap-0.5", children: [
+          display === "stars" ? /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "inline-flex", children: /* @__PURE__ */ jsx(StarRow, { value, max }) }) : /* @__PURE__ */ jsxs("span", { "aria-hidden": "true", className: "inline-flex items-center gap-0.5", children: [
             /* @__PURE__ */ jsx("span", { className: "font-medium", children: shown }),
             /* @__PURE__ */ jsx(Star, { className: "fill-warning text-warning" })
           ] }),

package/dist/components/Rating/Rating.types.d.ts

@@ -7,6 +7,11 @@ export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     max?: number;
     /** Number of ratings or reviews, shown as "(817)". */
     count?: number;
+    /**
+     * `compact` shows the number and one star ("4.5 ★"); `stars` shows a row of
+     * `max` stars filled to the value, as on a review card.
+     */
+    display?: 'compact' | 'stars';
     /** BCP 47 locale for the numbers (default `en-IN`). */
     locale?: string;
     /**

package/dist/components/Rating/Rating.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Rating.types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,cAAc;IACzG,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
+{"version":3,"file":"Rating.types.d.ts","sourceRoot":"","sources":["../../../src/components/Rating/Rating.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EAAE,cAAc;IACzG,gCAAgC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;IAC9B,uDAAuD;IACvD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/RatingDistribution/RatingDistribution.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { RatingDistributionProps } from './RatingDistribution.types';
+/**
+ * Star histogram. With `onValueChange`, each bar doubles as a single-select
+ * filter: shoppers expect to click a bar to read only those reviews.
+ */
+export declare const RatingDistribution: React.ForwardRefExoticComponent<RatingDistributionProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RatingDistribution.d.ts.map

package/dist/components/RatingDistribution/RatingDistribution.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingDistribution.d.ts","sourceRoot":"","sources":["../../../src/components/RatingDistribution/RatingDistribution.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,uBAAuB,EAAyB,MAAM,4BAA4B,CAAC;AAKjG;;;GAGG;AACH,eAAO,MAAM,kBAAkB,gGA6E9B,CAAC"}

package/dist/components/RatingDistribution/RatingDistribution.js

@@ -0,0 +1,70 @@
+"use client";
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { Star } from '@timmbr/icons';
+
+const defaultRowLabel = (row, percent) => `${row.stars} star${row.stars === 1 ? "" : "s"}, ${row.count} review${row.count === 1 ? "" : "s"} (${percent}%)`;
+const RatingDistribution = React.forwardRef(
+  ({ rows, value, onValueChange, locale = "en-IN", getRowLabel = defaultRowLabel, className, ...props }, ref) => {
+    const total = rows.reduce((sum, row) => sum + row.count, 0);
+    const sorted = [...rows].sort((a, b) => b.stars - a.stars);
+    const number = new Intl.NumberFormat(locale);
+    const interactive = onValueChange !== void 0;
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: interactive ? "group" : "list",
+        "data-slot": "rating-distribution",
+        className: cn("flex flex-col gap-1 font-sans", className),
+        ...props,
+        children: sorted.map((row) => {
+          const percent = total > 0 ? Math.round(row.count / total * 100) : 0;
+          const selected = value === row.stars;
+          const content = /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsxs("span", { className: "inline-flex w-8 shrink-0 items-center gap-0.5 text-body-3 font-medium text-foreground", children: [
+              row.stars,
+              /* @__PURE__ */ jsx(Star, { className: "size-3 fill-warning text-warning" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "relative h-2 flex-1 overflow-hidden rounded-full bg-grey-200 dark:bg-grey-800", children: /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: cn(
+                  "absolute inset-y-0 left-0 rounded-full transition-[width] duration-500",
+                  selected || value == null ? "bg-warning" : "bg-warning/40"
+                ),
+                style: { width: `${percent}%` }
+              }
+            ) }),
+            /* @__PURE__ */ jsx("span", { className: "w-12 shrink-0 text-right text-body-3 tabular-nums text-muted-foreground", children: number.format(row.count) })
+          ] });
+          const rowClass = "flex w-full items-center gap-3 rounded-md px-2 py-1.5 text-left";
+          if (!interactive) {
+            return /* @__PURE__ */ jsx("div", { role: "listitem", "aria-label": getRowLabel(row, percent), className: rowClass, children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "contents", children: content }) }, row.stars);
+          }
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              "aria-pressed": selected,
+              "aria-label": getRowLabel(row, percent),
+              disabled: row.count === 0 && !selected,
+              onClick: () => onValueChange(selected ? null : row.stars),
+              className: cn(
+                rowClass,
+                "transition-colors hover:bg-grey-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-transparent dark:hover:bg-grey-900",
+                selected && "bg-warning/10 hover:bg-warning/15"
+              ),
+              children: /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "contents", children: content })
+            },
+            row.stars
+          );
+        })
+      }
+    );
+  }
+);
+RatingDistribution.displayName = "RatingDistribution";
+
+export { RatingDistribution };

package/dist/components/RatingDistribution/RatingDistribution.types.d.ts

@@ -0,0 +1,21 @@
+import type * as React from 'react';
+export interface RatingDistributionRow {
+    stars: number;
+    count: number;
+}
+export interface RatingDistributionProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    /** One row per star level, in any order; shown highest first. */
+    rows: readonly RatingDistributionRow[];
+    /** Star level currently used as a filter, if any. */
+    value?: number | null;
+    /**
+     * Makes each row a toggle button: clicking selects that level, clicking the
+     * selected row clears it (null). Without it the rows are static.
+     */
+    onValueChange?: (stars: number | null) => void;
+    /** BCP 47 locale for counts and percentages (default `en-IN`). */
+    locale?: string;
+    /** Accessible name for one row. Default: "5 stars, 120 reviews (64%)". */
+    getRowLabel?: (row: RatingDistributionRow, percent: number) => string;
+}
+//# sourceMappingURL=RatingDistribution.types.d.ts.map

package/dist/components/RatingDistribution/RatingDistribution.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingDistribution.types.d.ts","sourceRoot":"","sources":["../../../src/components/RatingDistribution/RatingDistribution.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,qBAAqB;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC9D,iEAAiE;IACjE,IAAI,EAAE,SAAS,qBAAqB,EAAE,CAAC;IACvC,qDAAqD;IACrD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB;;;OAGG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAC/C,kEAAkE;IAClE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,CAAC,GAAG,EAAE,qBAAqB,EAAE,OAAO,EAAE,MAAM,KAAK,MAAM,CAAC;CACvE"}

package/dist/components/RatingDistribution/index.d.ts

@@ -0,0 +1,3 @@
+export * from './RatingDistribution';
+export * from './RatingDistribution.types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RatingDistribution/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RatingDistribution/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}

package/dist/components/RatingInput/RatingInput.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import type { RatingInputProps } from './RatingInput.types';
+/**
+ * Star picker built as a radio group: one tab stop, arrow keys move and select,
+ * Home/End jump to the ends. Hover previews the value before it is chosen.
+ */
+export declare const RatingInput: React.ForwardRefExoticComponent<RatingInputProps & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=RatingInput.d.ts.map

package/dist/components/RatingInput/RatingInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingInput.d.ts","sourceRoot":"","sources":["../../../src/components/RatingInput/RatingInput.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAE5D;;;GAGG;AACH,eAAO,MAAM,WAAW,yFAqFvB,CAAC"}

package/dist/components/RatingInput/RatingInput.js

@@ -0,0 +1,95 @@
+"use client";
+import { jsxs, jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '@timmbr/utils';
+import { Star } from '@timmbr/icons';
+import { ratingInputVariants } from './RatingInput.styles.js';
+
+const RatingInput = React.forwardRef(
+  ({ value, onChange, max = 5, labels, disabled, invalid, size, className, ...props }, ref) => {
+    const [hovered, setHovered] = React.useState(0);
+    const buttons = React.useRef([]);
+    const shown = hovered || value;
+    const labelFor = (star) => labels?.[star - 1] ?? `${star} star${star === 1 ? "" : "s"}`;
+    const select = (star) => {
+      const next = Math.min(max, Math.max(1, star));
+      onChange(next);
+      buttons.current[next - 1]?.focus();
+    };
+    const onKeyDown = (event, star) => {
+      const moves = {
+        ArrowRight: star + 1,
+        ArrowUp: star + 1,
+        ArrowLeft: star - 1,
+        ArrowDown: star - 1,
+        Home: 1,
+        End: max
+      };
+      if (!(event.key in moves)) return;
+      event.preventDefault();
+      select(moves[event.key]);
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "radiogroup",
+        "aria-invalid": invalid || void 0,
+        "aria-disabled": disabled || void 0,
+        "data-slot": "rating-input",
+        className: cn(ratingInputVariants({ size }), className),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "inline-flex", onMouseLeave: () => setHovered(0), children: Array.from({ length: max }, (_, i) => {
+            const star = i + 1;
+            const checked = star === value;
+            const focusable = value ? checked : star === 1;
+            return /* @__PURE__ */ jsx(
+              "button",
+              {
+                ref: (el) => {
+                  buttons.current[i] = el;
+                },
+                type: "button",
+                role: "radio",
+                "aria-checked": checked,
+                "aria-label": labelFor(star),
+                tabIndex: focusable ? 0 : -1,
+                disabled,
+                onClick: () => select(star),
+                onKeyDown: (event) => onKeyDown(event, star),
+                onMouseEnter: () => !disabled && setHovered(star),
+                className: "rounded-md p-0.5 text-grey-300 transition-transform focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 enabled:hover:scale-110 disabled:cursor-not-allowed disabled:opacity-50",
+                children: /* @__PURE__ */ jsx(
+                  Star,
+                  {
+                    "aria-hidden": "true",
+                    className: cn(
+                      "transition-colors",
+                      star <= shown ? "fill-warning text-warning" : "fill-transparent"
+                    )
+                  }
+                )
+              },
+              star
+            );
+          }) }),
+          labels && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "aria-hidden": "true",
+              className: cn(
+                "min-w-[6rem] text-body-2 font-medium",
+                shown ? "text-foreground" : "text-muted-foreground"
+              ),
+              children: shown ? labelFor(shown) : " "
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+RatingInput.displayName = "RatingInput";
+
+export { RatingInput };

package/dist/components/RatingInput/RatingInput.styles.d.ts

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const ratingInputVariants: (props?: ({
+    size?: "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export type RatingInputVariants = VariantProps<typeof ratingInputVariants>;
+//# sourceMappingURL=RatingInput.styles.d.ts.map

package/dist/components/RatingInput/RatingInput.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingInput.styles.d.ts","sourceRoot":"","sources":["../../../src/components/RatingInput/RatingInput.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,mBAAmB;;8EAQ9B,CAAC;AAEH,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,OAAO,mBAAmB,CAAC,CAAC"}

package/dist/components/RatingInput/RatingInput.styles.js

@@ -0,0 +1,13 @@
+import { cva } from 'class-variance-authority';
+
+const ratingInputVariants = cva("inline-flex items-center font-sans", {
+  variants: {
+    size: {
+      md: "gap-3 [&_svg]:size-6",
+      lg: "gap-4 [&_svg]:size-8"
+    }
+  },
+  defaultVariants: { size: "lg" }
+});
+
+export { ratingInputVariants };

package/dist/components/RatingInput/RatingInput.types.d.ts

@@ -0,0 +1,18 @@
+import type * as React from 'react';
+import type { RatingInputVariants } from './RatingInput.styles';
+export interface RatingInputProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange' | 'defaultValue'>, RatingInputVariants {
+    /** Selected rating; 0 means nothing chosen yet. */
+    value: number;
+    onChange: (value: number) => void;
+    /** Highest selectable rating (default 5). */
+    max?: number;
+    /**
+     * Word for each value, lowest first (e.g. ["Poor", …, "Excellent"]). Shown
+     * next to the stars and used as each star's accessible name.
+     */
+    labels?: readonly string[];
+    disabled?: boolean;
+    /** Marks the group invalid for assistive tech (pair with a visible error). */
+    invalid?: boolean;
+}
+//# sourceMappingURL=RatingInput.types.d.ts.map

package/dist/components/RatingInput/RatingInput.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RatingInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/RatingInput/RatingInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAEhE,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,cAAc,CAAC,EAC7E,mBAAmB;IACrB,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,6CAA6C;IAC7C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;;OAGG;IACH,MAAM,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/components/RatingInput/index.d.ts

@@ -0,0 +1,4 @@
+export * from './RatingInput';
+export * from './RatingInput.types';
+export * from './RatingInput.styles';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/RatingInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RatingInput/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC"}

package/dist/components/RichTextEditor/RichTextEditor.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 import type { RichTextEditorProps } from './RichTextEditor.types';
-export declare function RichTextEditor({ value, defaultValue, onChange, onChangeJson, onFocus, onBlur, placeholder, maxCharacters, showCharacterCount, showWordCount, toolbar, toolbarClassName, disabled, readOnly, className, editorClassName, style, id, motion: motionProp, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, }: RichTextEditorProps): React.JSX.Element;
+export declare function RichTextEditor({ value, defaultValue, onChange, onChangeJson, onFocus, onBlur, placeholder, maxCharacters, showCharacterCount, showWordCount, toolbar, toolbarPreset, toolbarClassName, disabled, readOnly, className, editorClassName, style, id, motion: motionProp, 'aria-label': ariaLabel, 'aria-labelledby': ariaLabelledby, 'aria-describedby': ariaDescribedby, }: RichTextEditorProps): React.JSX.Element;
 //# sourceMappingURL=RichTextEditor.d.ts.map

package/dist/components/RichTextEditor/RichTextEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,kBAA0B,EAC1B,aAAqB,EACrB,OAAc,EACd,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,eAAe,EACf,KAAK,EACL,EAAE,EACF,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,mBAAmB,qBAoIrB"}
+{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,YAAY,EACZ,OAAO,EACP,MAAM,EACN,WAAW,EACX,aAAa,EACb,kBAA0B,EAC1B,aAAqB,EACrB,OAAc,EACd,aAAsB,EACtB,gBAAgB,EAChB,QAAgB,EAChB,QAAgB,EAChB,SAAS,EACT,eAAe,EACf,KAAK,EACL,EAAE,EACF,MAAM,EAAE,UAAU,EAClB,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,GACpC,EAAE,mBAAmB,qBAqIrB"}

package/dist/components/RichTextEditor/RichTextEditor.js

@@ -23,6 +23,7 @@ function RichTextEditor({
   showCharacterCount = false,
   showWordCount = false,
   toolbar = true,
+  toolbarPreset = "full",
   toolbarClassName,
   disabled = false,
   readOnly = false,
@@ -117,6 +118,7 @@ function RichTextEditor({
         toolbar && /* @__PURE__ */ jsx(
           RteToolbar,
           {
+            preset: toolbarPreset,
             className: cn(
               shouldAnimate && mounted ? "animate-in fade-in duration-150" : void 0,
               toolbarClassName

package/dist/components/RichTextEditor/RichTextEditor.types.d.ts

@@ -21,6 +21,8 @@ export interface RichTextEditorProps extends MotionProps {
     showWordCount?: boolean;
     /** Show the toolbar — default true */
     toolbar?: boolean;
+    /** `basic` keeps bold, italic, and lists only. */
+    toolbarPreset?: 'full' | 'basic';
     toolbarClassName?: string;
     disabled?: boolean;
     readOnly?: boolean;

package/dist/components/RichTextEditor/RichTextEditor.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"RichTextEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/RichTextEditor/RichTextEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,WAAW;IACtD,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uCAAuC;IACvC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,iEAAiE;IACjE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC3C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,uEAAuE;IACvE,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oCAAoC;IACpC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,kDAAkD;IAClD,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,WAAW,oBAAoB;IACnC,gCAAgC;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,OAAO,EAAE,WAAW,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B;AAED,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,qBAAqB;IACpC,mCAAmC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mDAAmD;IACnD,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/RichTextEditor/subcomponents/RteToolbar.d.ts

@@ -1,7 +1,8 @@
 import * as React from 'react';
 interface RteToolbarProps {
     className?: string;
+    preset?: 'full' | 'basic';
 }
-export declare function RteToolbar({ className }: RteToolbarProps): React.JSX.Element | null;
+export declare function RteToolbar({ className, preset }: RteToolbarProps): React.JSX.Element | null;
 export {};
 //# sourceMappingURL=RteToolbar.d.ts.map

package/dist/components/RichTextEditor/subcomponents/RteToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RteToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/subcomponents/RteToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAoBD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,EAAE,eAAe,4BAwKxD"}
+{"version":3,"file":"RteToolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/RichTextEditor/subcomponents/RteToolbar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA+B/B,UAAU,eAAe;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3B;AAoBD,wBAAgB,UAAU,CAAC,EAAE,SAAS,EAAE,MAAe,EAAE,EAAE,eAAe,4BAqNzE"}

package/dist/components/RichTextEditor/subcomponents/RteToolbar.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { cn } from '@timmbr/utils';
-import { Undo2, Redo2, Pilcrow, Heading2, Heading3, Bold, Italic, Underline, Strikethrough, List, ListOrdered, Quote, AlignLeft, AlignCenter, AlignRight, AlignJustify, Minus, RemoveFormatting } from '@timmbr/icons';
+import { Bold, Italic, List, ListOrdered, Undo2, Redo2, Pilcrow, Heading2, Heading3, Underline, Strikethrough, Quote, AlignLeft, AlignCenter, AlignRight, AlignJustify, Minus, RemoveFormatting } from '@timmbr/icons';
 import { useRteContext } from '../RichTextEditor.context.js';
 import { toolbarVariants } from '../RichTextEditor.styles.js';
 import { RteToolbarButton } from './RteToolbarButton.js';
@@ -23,10 +23,68 @@ function handleToolbarKeyDown(e) {
   const next = e.key === "ArrowRight" ? focusable[(idx + 1) % len] : e.key === "ArrowLeft" ? focusable[(idx - 1 + len) % len] : e.key === "Home" ? focusable[0] : focusable[len - 1];
   next?.focus();
 }
-function RteToolbar({ className }) {
+function RteToolbar({ className, preset = "full" }) {
   const { editor, disabled, readOnly } = useRteContext();
   if (!editor) return null;
   const isDisabled = disabled || readOnly;
+  if (preset === "basic") {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        "data-slot": "rte-toolbar",
+        role: "toolbar",
+        "aria-label": "Text formatting",
+        onKeyDown: handleToolbarKeyDown,
+        className: cn(toolbarVariants(), className),
+        children: [
+          /* @__PURE__ */ jsxs(RteToolbarGroup, { showLeadingDivider: false, children: [
+            /* @__PURE__ */ jsx(
+              RteToolbarButton,
+              {
+                label: "Bold",
+                icon: /* @__PURE__ */ jsx(Bold, { size: ICON_SIZE }),
+                onClick: () => editor.chain().focus().toggleBold().run(),
+                isActive: editor.isActive("bold"),
+                disabled: isDisabled
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RteToolbarButton,
+              {
+                label: "Italic",
+                icon: /* @__PURE__ */ jsx(Italic, { size: ICON_SIZE }),
+                onClick: () => editor.chain().focus().toggleItalic().run(),
+                isActive: editor.isActive("italic"),
+                disabled: isDisabled
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(RteToolbarGroup, { children: [
+            /* @__PURE__ */ jsx(
+              RteToolbarButton,
+              {
+                label: "Bullet list",
+                icon: /* @__PURE__ */ jsx(List, { size: ICON_SIZE }),
+                onClick: () => editor.chain().focus().toggleBulletList().run(),
+                isActive: editor.isActive("bulletList"),
+                disabled: isDisabled
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              RteToolbarButton,
+              {
+                label: "Ordered list",
+                icon: /* @__PURE__ */ jsx(ListOrdered, { size: ICON_SIZE }),
+                onClick: () => editor.chain().focus().toggleOrderedList().run(),
+                isActive: editor.isActive("orderedList"),
+                disabled: isDisabled
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
   return /* @__PURE__ */ jsxs(
     "div",
     {

package/dist/index.d.ts

@@ -78,6 +78,8 @@ export * from './components/Stepper';
 export * from './components/MediaCard';
 export * from './components/Price';
 export * from './components/Rating';
+export * from './components/RatingInput';
+export * from './components/RatingDistribution';
 export * from './components/IconTile';
 export * from './components/VisuallyHidden';
 export * from './components/Fieldset';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,gBAAgB,CAAC;AAC/B,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAG3D,cAAc,aAAa,CAAC;AAG5B,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kCAAkC,CAAC;AACjD,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAG5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AAGvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,oBAAoB,CAAC;AACnC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AAGxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -92,6 +92,8 @@ export { Radio, RadioGroup, RadioItem } from './components/Radio/Radio.js';
 export { RadioCard } from './components/RadioCard/RadioCard.js';
 export { RangeSlider } from './components/RangeSlider/RangeSlider.js';
 export { Rating } from './components/Rating/Rating.js';
+export { RatingDistribution } from './components/RatingDistribution/RatingDistribution.js';
+export { RatingInput } from './components/RatingInput/RatingInput.js';
 export { RichTextContent } from './components/RichTextEditor/RichTextContent.js';
 export { RichTextEditor } from './components/RichTextEditor/RichTextEditor.js';
 export { RichTextJsonContent } from './components/RichTextEditor/RichTextJsonContent.js';
@@ -194,6 +196,7 @@ export { quantityStepperButtonVariants, quantityStepperValueVariants, quantitySt
 export { radioCardDotClass, radioCardMarkerClass, radioCardVariants } from './components/RadioCard/RadioCard.styles.js';
 export { radioIndicatorVariants, radioItemVariants } from './components/Radio/Radio.styles.js';
 export { rangeSliderRangeVariants, rangeSliderRootVariants, rangeSliderThumbVariants, rangeSliderTrackVariants } from './components/RangeSlider/RangeSlider.styles.js';
+export { ratingInputVariants } from './components/RatingInput/RatingInput.styles.js';
 export { ratingVariants } from './components/Rating/Rating.styles.js';
 export { scrollRailChevronVariants, scrollRailVariants, scrollRailWrapperVariants } from './components/ScrollRail/ScrollRail.styles.js';
 export { selectContentVariants, selectItemVariants, selectTriggerVariants } from './components/Select/Select.styles.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@timmbr/ui",
-  "version": "1.18.0",
+  "version": "1.19.0",
   "description": "High-performance, Next.js App Router-compatible UI design system components for Timmbr",
   "type": "module",
   "main": "./dist/index.js",
@@ -54,10 +54,10 @@
     "date-fns": "^4.4.0",
     "input-otp": "^1.5.0",
     "@timmbr/theme": "1.3.0",
-    "@timmbr/motion": "1.2.6",
-    "@timmbr/utils": "1.6.0",
     "@timmbr/hooks": "1.3.0",
-    "@timmbr/icons": "1.7.0"
+    "@timmbr/icons": "1.8.0",
+    "@timmbr/utils": "1.6.0",
+    "@timmbr/motion": "1.2.6"
   },
   "peerDependencies": {
     "next": ">=13.0.0 || >=14.0.0 || >=15.0.0 || >=16.0.0",