@overmap-ai/blocks 1.0.40-improvements.0 → 1.0.40-improvements.2

package/dist/blocks.umd.cjs

@@ -4091,8 +4091,10 @@
       [getActiveItem, getFirstGroup, getFirstItem, getLastGroup, getLastItem, getNextGroup, getNextItem, onKeyDown]
     );
     react.useEffect(() => {
+      var _a;
       const firstItem = getFirstItem(internalRef.current);
       if (!firstItem) return;
+      (_a = internalRef.current) == null ? void 0 : _a.focus();
       setActiveItemId(firstItem.getAttribute(ITEM_SELECTOR));
     }, [getFirstItem]);
     const contextValue = react.useMemo(
@@ -4706,6 +4708,65 @@
     Item: RadioGroupItem,
     Root: RadioGroupRoot
   };
+  const RatingRootContext = react.createContext({});
+  const RatingItemContext = react.createContext({});
+  const RatingItem = react.memo((props) => {
+    const { ref, children, value, ...rest } = props;
+    const { value: activeValue } = react.use(RatingRootContext);
+    const active = !!activeValue && value <= activeValue;
+    const contextValue = react.useMemo(() => ({ value }), [value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(RadixRadioGroup__namespace.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsxRuntime.jsx(RatingItemContext, { value: contextValue, children }) });
+  });
+  RatingItem.displayName = "RatingItem";
+  const RatingItemIndicator = react.memo((props) => {
+    const { ref, children, forceMount, ...rest } = props;
+    const { value: activeValue } = react.use(RatingRootContext);
+    const { value } = react.use(RatingItemContext);
+    const active = !!activeValue && value <= activeValue;
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixRadioGroup__namespace.Indicator,
+      {
+        ref,
+        forceMount: forceMount ?? (active || void 0),
+        "data-active": active,
+        ...rest,
+        children
+      }
+    );
+  });
+  RatingItemIndicator.displayName = "RatingItemIndicator";
+  const RatingRoot = react.memo((props) => {
+    const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
+    const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
+    const handleValueChange = react.useCallback(
+      (value2) => {
+        setValue(parseInt(value2));
+      },
+      [setValue]
+    );
+    const contextValue = react.useMemo(
+      () => ({
+        value
+      }),
+      [value]
+    );
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      RadixRadioGroup__namespace.Root,
+      {
+        ref,
+        value: value ? value.toString() : null,
+        onValueChange: handleValueChange,
+        ...rest,
+        children: /* @__PURE__ */ jsxRuntime.jsx(RatingRootContext, { value: contextValue, children })
+      }
+    );
+  });
+  RatingRoot.displayName = "RatingRoot";
+  const Rating = {
+    Item: RatingItem,
+    ItemIndicator: RatingItemIndicator,
+    Root: RatingRoot
+  };
   const segmentedControlRootCva = classVarianceAuthority.cva(
     ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
     {
@@ -6598,6 +6659,10 @@
   exports2.RadioGroupIndicator = RadioGroupIndicator;
   exports2.RadioGroupItem = RadioGroupItem;
   exports2.RadioGroupRoot = RadioGroupRoot;
+  exports2.Rating = Rating;
+  exports2.RatingItem = RatingItem;
+  exports2.RatingItemIndicator = RatingItemIndicator;
+  exports2.RatingRoot = RatingRoot;
   exports2.SegmentedControl = SegmentedControl;
   exports2.SegmentedControlItem = SegmentedControlItem;
   exports2.SegmentedControlRoot = SegmentedControlRoot;