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

package/dist/Rating/Item.d.ts

@@ -0,0 +1,6 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingItemProps extends Omit<ComponentPropsWithRef<typeof RadixRadioGroup.Item>, "value"> {
+    value: number;
+}
+export declare const RatingItem: import('react').NamedExoticComponent<RatingItemProps>;

package/dist/Rating/ItemIndicator.d.ts

@@ -0,0 +1,5 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingItemIndicatorProps extends ComponentPropsWithRef<typeof RadixRadioGroup.Indicator> {
+}
+export declare const RatingItemIndicator: import('react').NamedExoticComponent<RatingItemIndicatorProps>;

package/dist/Rating/Root.d.ts

@@ -0,0 +1,8 @@
+import { ComponentPropsWithRef } from 'react';
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+export interface RatingRootProps extends Omit<ComponentPropsWithRef<typeof RadixRadioGroup.Root>, "defaultValue" | "value" | "onValueChange"> {
+    defaultValue?: number;
+    value?: number | null;
+    onValueChange?: (value: number) => void;
+}
+export declare const RatingRoot: import('react').NamedExoticComponent<RatingRootProps>;

package/dist/Rating/context.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface IRatingRootContext {
+    value: number | null;
+}
+export declare const RatingRootContext: import('react').Context<IRatingRootContext>;
+export interface IRatingItemContext {
+    value: number;
+}
+export declare const RatingItemContext: import('react').Context<IRatingItemContext>;

package/dist/Rating/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export * from './Item';
+export * from './ItemIndicator';
+export * from './Root';
+export declare const Rating: {
+    Item: import('react').NamedExoticComponent<import('./Item').RatingItemProps>;
+    ItemIndicator: import('react').NamedExoticComponent<import('./ItemIndicator').RatingItemIndicatorProps>;
+    Root: import('react').NamedExoticComponent<import('./Root').RatingRootProps>;
+};

package/dist/blocks.js

@@ -4702,6 +4702,65 @@ const RadioGroup = {
   Item: RadioGroupItem,
   Root: RadioGroupRoot
 };
+const RatingRootContext = createContext({});
+const RatingItemContext = createContext({});
+const RatingItem = memo((props) => {
+  const { ref, children, value, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const active = !!activeValue && value <= activeValue;
+  const contextValue = useMemo(() => ({ value }), [value]);
+  return /* @__PURE__ */ jsx(RadixRadioGroup.Item, { ref, value: value.toString(), "data-active": active, ...rest, children: /* @__PURE__ */ jsx(RatingItemContext, { value: contextValue, children }) });
+});
+RatingItem.displayName = "RatingItem";
+const RatingItemIndicator = memo((props) => {
+  const { ref, children, forceMount, ...rest } = props;
+  const { value: activeValue } = use(RatingRootContext);
+  const { value } = use(RatingItemContext);
+  const active = !!activeValue && value <= activeValue;
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Indicator,
+    {
+      ref,
+      forceMount: forceMount ?? (active || void 0),
+      "data-active": active,
+      ...rest,
+      children
+    }
+  );
+});
+RatingItemIndicator.displayName = "RatingItemIndicator";
+const RatingRoot = memo((props) => {
+  const { ref, children, defaultValue, value: controlledValue, onValueChange, ...rest } = props;
+  const [value, setValue] = useControlledState(defaultValue ?? null, controlledValue, onValueChange);
+  const handleValueChange = useCallback(
+    (value2) => {
+      setValue(parseInt(value2));
+    },
+    [setValue]
+  );
+  const contextValue = useMemo(
+    () => ({
+      value
+    }),
+    [value]
+  );
+  return /* @__PURE__ */ jsx(
+    RadixRadioGroup.Root,
+    {
+      ref,
+      value: value ? value.toString() : null,
+      onValueChange: handleValueChange,
+      ...rest,
+      children: /* @__PURE__ */ jsx(RatingRootContext, { value: contextValue, children })
+    }
+  );
+});
+RatingRoot.displayName = "RatingRoot";
+const Rating = {
+  Item: RatingItem,
+  ItemIndicator: RatingItemIndicator,
+  Root: RatingRoot
+};
 const segmentedControlRootCva = cva(
   ["shrink-0", "transition-colors", "inline-flex", "box-border", "min-w-max", "text-center"],
   {
@@ -6595,6 +6654,10 @@ export {
   RadioGroupIndicator,
   RadioGroupItem,
   RadioGroupRoot,
+  Rating,
+  RatingItem,
+  RatingItemIndicator,
+  RatingRoot,
   SegmentedControl,
   SegmentedControlItem,
   SegmentedControlRoot,