@nexub/react 3.0.0 → 3.1.0

package/dist/{chunk-OGHOT6XN.js → components/PasswordInput/PasswordInput.js}

@@ -1,22 +1,12 @@
-'use client';
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  Input
-} from "./chunk-G7VMAWAX.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/PasswordInput/PasswordInput.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Eye, EyeOff } from "@nexub/icons";
-import { jsx } from "react/jsx-runtime";
-var PasswordInput = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { Input } from "../Input/Input.js";
+const PasswordInput = React.forwardRef(
   ({ className, visible, defaultVisible = false, onVisibleChange, ...props }, ref) => {
     const [showPassword = false, setShowPassword] = useControllableState({
       value: visible,
@@ -49,7 +39,6 @@ var PasswordInput = React.forwardRef(
   }
 );
 PasswordInput.displayName = "PasswordInput";
-
 export {
   PasswordInput
 };

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

@@ -0,0 +1,2 @@
+export { PasswordInput } from './PasswordInput.js';
+export type { PasswordInputProps } from './PasswordInput.js';

package/dist/components/PasswordInput/index.js

@@ -1,13 +1,4 @@
-'use client';
-import {
-  PasswordInput
-} from "../../chunk-OGHOT6XN.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-G7VMAWAX.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { PasswordInput } from "./PasswordInput.js";
 export {
   PasswordInput
 };

package/dist/components/Popover/Popover.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import * as RadixPopover from '@radix-ui/react-popover';
+import { type SurfaceValue } from '../../utils/glass.js';
+export declare const Popover: {
+    Root: React.FC<RadixPopover.PopoverProps>;
+    Trigger: React.ForwardRefExoticComponent<RadixPopover.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+    Portal: React.FC<RadixPopover.PopoverPortalProps>;
+    Content: React.ForwardRefExoticComponent<RadixPopover.PopoverContentProps & {
+        surface?: SurfaceValue;
+    } & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<RadixPopover.PopoverArrowProps & React.RefAttributes<SVGSVGElement>>;
+    Close: React.ForwardRefExoticComponent<RadixPopover.PopoverCloseProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/{chunk-MPJG4WFP.js → components/Popover/Popover.js}

@@ -1,23 +1,15 @@
-'use client';
-import {
-  floatingSurface
-} from "./chunk-5FWJXSXT.js";
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Popover/Popover.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixPopover from "@radix-ui/react-popover";
-import { jsx } from "react/jsx-runtime";
-var Root2 = RadixPopover.Root;
-var Trigger2 = RadixPopover.Trigger;
-var Portal2 = RadixPopover.Portal;
-var Close2 = RadixPopover.Close;
-var Content2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+import { floatingSurface } from "../../utils/surface.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+const Root = RadixPopover.Root;
+const Trigger = RadixPopover.Trigger;
+const Portal = RadixPopover.Portal;
+const Close = RadixPopover.Close;
+const Content = React.forwardRef(
   function PopoverContent({ className, sideOffset = 4, surface = "solid", ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixPopover.Content,
@@ -37,8 +29,8 @@ var Content2 = React.forwardRef(
     );
   }
 );
-Content2.displayName = "Popover.Content";
-var Arrow2 = React.forwardRef(
+Content.displayName = "Popover.Content";
+const Arrow = React.forwardRef(
   function PopoverArrow({ className, ...props }, ref) {
     return /* @__PURE__ */ jsx(
       RadixPopover.Arrow,
@@ -50,16 +42,15 @@ var Arrow2 = React.forwardRef(
     );
   }
 );
-Arrow2.displayName = "Popover.Arrow";
-var Popover = {
-  Root: Root2,
-  Trigger: Trigger2,
-  Portal: Portal2,
-  Content: Content2,
-  Arrow: Arrow2,
-  Close: Close2
+Arrow.displayName = "Popover.Arrow";
+const Popover = {
+  Root,
+  Trigger,
+  Portal,
+  Content,
+  Arrow,
+  Close
 };
-
 export {
   Popover
 };

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

@@ -0,0 +1 @@
+export { Popover } from './Popover.js';

package/dist/components/Popover/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  Popover
-} from "../../chunk-MPJG4WFP.js";
-import "../../chunk-5FWJXSXT.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Popover } from "./Popover.js";
 export {
   Popover
 };

package/dist/components/Progress/Progress.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+import type { ToneValue } from '../Button/Button.js';
+export declare const progressTrackVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const progressFillVariants: (props?: ({
+    tone?: "neutral" | "info" | "success" | "warning" | "danger" | "leap" | "bookub" | "payub" | "founderub" | null | undefined;
+    animated?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface ProgressProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>, VariantProps<typeof progressTrackVariants> {
+    value?: number;
+    max?: number;
+    tone?: ToneValue;
+    animated?: boolean;
+}
+export declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-HXNUIIXB.js → components/Progress/Progress.js}

@@ -1,16 +1,10 @@
-'use client';
-import {
-  useIsomorphicLayoutEffect
-} from "./chunk-NHUQLIHL.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Progress/Progress.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var progressTrackVariants = cva(
+import { cn } from "../../utils/cn.js";
+import { useIsomorphicLayoutEffect } from "../../hooks/useIsomorphicLayoutEffect.js";
+const progressTrackVariants = cva(
   "relative w-full overflow-hidden rounded-full bg-[var(--color-surface-container-high)]",
   {
     variants: {
@@ -25,7 +19,7 @@ var progressTrackVariants = cva(
     }
   }
 );
-var progressFillVariants = cva(
+const progressFillVariants = cva(
   "h-full rounded-full transition-all duration-300 ease-in-out",
   {
     variants: {
@@ -49,7 +43,7 @@ var progressFillVariants = cva(
     }
   }
 );
-var Progress = React.forwardRef(
+const Progress = React.forwardRef(
   ({
     className,
     size,
@@ -92,9 +86,8 @@ var Progress = React.forwardRef(
   }
 );
 Progress.displayName = "Progress";
-
 export {
-  progressTrackVariants,
+  Progress,
   progressFillVariants,
-  Progress
+  progressTrackVariants
 };

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

@@ -0,0 +1,2 @@
+export { Progress, progressTrackVariants, progressFillVariants } from './Progress.js';
+export type { ProgressProps } from './Progress.js';

package/dist/components/Progress/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  Progress,
-  progressFillVariants,
-  progressTrackVariants
-} from "../../chunk-HXNUIIXB.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-WRVFNYO3.js";
+import { Progress, progressTrackVariants, progressFillVariants } from "./Progress.js";
 export {
   Progress,
   progressFillVariants,

package/dist/components/PromptInput/PromptInput.d.ts

@@ -0,0 +1,33 @@
+import * as React from 'react';
+export interface PromptInputMessages {
+    promptLabel: string;
+    sendMessage: string;
+    stopGenerating: string;
+    promptHint: string;
+}
+export type PromptInputStatus = 'idle' | 'submitting' | 'streaming';
+export interface PromptInputProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'value' | 'defaultValue' | 'onChange' | 'onSubmit' | 'rows'> {
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    /** Called with the current text on Enter or Send. Uncontrolled input clears itself after. */
+    onSubmit?: (value: string) => void;
+    /** Called by Stop (or Escape) while `status="streaming"`. */
+    onStop?: () => void;
+    /** `streaming` turns Send into Stop; `submitting` holds Send. @default 'idle' */
+    status?: PromptInputStatus;
+    /** Rows before the field scrolls. @default 8 */
+    maxRows?: number;
+    /** Rendered above the text, e.g. removable Chips. */
+    attachments?: React.ReactNode;
+    /** Rendered bottom-start, e.g. an attach IconButton or a model picker. */
+    actions?: React.ReactNode;
+    surface?: 'solid' | 'glass';
+    /** Accessible name of the text field. @default messages.promptLabel ('Message') */
+    label?: string;
+    /** Local overrides for this component's strings. */
+    messages?: Partial<PromptInputMessages>;
+    /** Class for the outer container (`className` goes to it too); this one targets the textarea. */
+    textareaClassName?: string;
+}
+export declare const PromptInput: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;

package/dist/{chunk-ZUMC7SX5.js → components/PromptInput/PromptInput.js}

@@ -1,39 +1,22 @@
-'use client';
-import {
-  useMergedRefs
-} from "./chunk-MNEXMMLM.js";
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  IconButton
-} from "./chunk-RH2HEPC7.js";
-import {
-  fieldDisabledWithin,
-  fieldFocusWithin
-} from "./chunk-VALIDQXU.js";
-import {
-  glassSurfaceClass
-} from "./chunk-DEIBF3P7.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/PromptInput/PromptInput.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { ArrowUp } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var fallbackMessages = {
+import { cn } from "../../utils/cn.js";
+import { fieldDisabledWithin, fieldFocusWithin } from "../../utils/control.js";
+import { glassSurfaceClass } from "../../utils/glass.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+import { useMergedRefs } from "../../hooks/useMergedRefs.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { IconButton } from "../IconButton/IconButton.js";
+const fallbackMessages = {
   promptLabel: "Message",
   sendMessage: "Send message",
   stopGenerating: "Stop generating",
   promptHint: "Press Enter to send, Shift+Enter for a new line"
 };
-var stopIcon = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-3.5 rounded-shape-min bg-current" });
-var PromptInput = React.forwardRef(
+const stopIcon = /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "size-3.5 rounded-shape-min bg-current" });
+const PromptInput = React.forwardRef(
   ({
     value: valueProp,
     defaultValue = "",
@@ -165,7 +148,6 @@ var PromptInput = React.forwardRef(
   }
 );
 PromptInput.displayName = "PromptInput";
-
 export {
   PromptInput
 };

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

@@ -0,0 +1,2 @@
+export { PromptInput } from './PromptInput.js';
+export type { PromptInputProps, PromptInputMessages, PromptInputStatus } from './PromptInput.js';

package/dist/components/PromptInput/index.js

@@ -1,15 +1,4 @@
-'use client';
-import {
-  PromptInput
-} from "../../chunk-ZUMC7SX5.js";
-import "../../chunk-MNEXMMLM.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-RH2HEPC7.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { PromptInput } from "./PromptInput.js";
 export {
   PromptInput
 };

package/dist/components/RadioCard/RadioCard.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+import { type SelectableCardContentProps } from './selectableCard.js';
+export interface RadioCardGroupProps extends RadixRadioGroup.RadioGroupProps {
+    /** Grid columns (collapses to one column on narrow screens). */
+    columns?: 1 | 2 | 3 | 4;
+}
+export declare const RadioCardGroup: React.ForwardRefExoticComponent<RadioCardGroupProps & React.RefAttributes<HTMLDivElement>>;
+export interface RadioCardProps extends Omit<RadixRadioGroup.RadioGroupItemProps, 'title' | 'children'>, SelectableCardContentProps {
+}
+export declare const RadioCard: React.ForwardRefExoticComponent<RadioCardProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-YNLXG574.js → components/RadioCard/RadioCard.js}

@@ -1,24 +1,20 @@
-'use client';
+"use client";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadixRadioGroup from "@radix-ui/react-radio-group";
+import { cn } from "../../utils/cn.js";
 import {
   SelectableCardContent,
   selectableCardClass,
   useCardIds
-} from "./chunk-6SPCGCDG.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/RadioCard/RadioCard.tsx
-import * as React from "react";
-import * as RadixRadioGroup from "@radix-ui/react-radio-group";
-import { jsx } from "react/jsx-runtime";
-var columnsClass = {
+} from "./selectableCard.js";
+const columnsClass = {
   1: "grid-cols-1",
   2: "grid-cols-1 sm:grid-cols-2",
   3: "grid-cols-1 sm:grid-cols-3",
   4: "grid-cols-1 sm:grid-cols-2 lg:grid-cols-4"
 };
-var RadioCardGroup = React.forwardRef(
+const RadioCardGroup = React.forwardRef(
   ({ className, columns = 1, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixRadioGroup.Root,
     {
@@ -29,7 +25,7 @@ var RadioCardGroup = React.forwardRef(
   )
 );
 RadioCardGroup.displayName = "RadioCardGroup";
-var RadioCard = React.forwardRef(
+const RadioCard = React.forwardRef(
   ({ className, icon, title, description, children, ...props }, ref) => {
     const ids = useCardIds(description != null);
     return /* @__PURE__ */ jsx(
@@ -57,8 +53,7 @@ var RadioCard = React.forwardRef(
   }
 );
 RadioCard.displayName = "RadioCard";
-
 export {
-  RadioCardGroup,
-  RadioCard
+  RadioCard,
+  RadioCardGroup
 };

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

@@ -0,0 +1,2 @@
+export { RadioCardGroup, RadioCard } from './RadioCard.js';
+export type { RadioCardGroupProps, RadioCardProps } from './RadioCard.js';

package/dist/components/RadioCard/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  RadioCard,
-  RadioCardGroup
-} from "../../chunk-YNLXG574.js";
-import "../../chunk-6SPCGCDG.js";
-import "../../chunk-WRVFNYO3.js";
+import { RadioCardGroup, RadioCard } from "./RadioCard.js";
 export {
   RadioCard,
   RadioCardGroup

package/dist/components/RadioCard/selectableCard.d.ts

@@ -0,0 +1,29 @@
+import * as React from 'react';
+export interface SelectableCardContentProps {
+    /** Leading icon. */
+    icon?: React.ReactNode;
+    /** The card's accessible name. */
+    title: React.ReactNode;
+    /** Secondary text, exposed as the accessible description. */
+    description?: React.ReactNode;
+    /** Extra content under the description. Keep it non-interactive: the whole card is the control. */
+    children?: React.ReactNode;
+}
+/** Card surface + selected state (2px primary edge: 1px border + 1px inset, no layout shift). */
+export declare const selectableCardClass: string;
+declare const slotShape: {
+    readonly circle: "rounded-full";
+    readonly square: "rounded-shape-min";
+};
+export declare function SelectableCardContent({ icon, title, description, children, titleId, descriptionId, shape, }: SelectableCardContentProps & {
+    titleId: string;
+    descriptionId: string;
+    shape: keyof typeof slotShape;
+}): React.JSX.Element;
+/** Ids for aria-labelledby / aria-describedby. */
+export declare function useCardIds(hasDescription: boolean): {
+    titleId: string;
+    descriptionId: string;
+    describedBy: string | undefined;
+};
+export {};

package/dist/{chunk-6SPCGCDG.js → components/RadioCard/selectableCard.js}

@@ -1,13 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/RadioCard/selectableCard.tsx
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { Check } from "@nexub/icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var selectableCardClass = [
+import { cn } from "../../utils/cn.js";
+const selectableCardClass = [
   "group nx-state-layer flex w-full items-start gap-3 p-4 text-start",
   "rounded-shape-container bg-[var(--color-surface-elevated)] text-[var(--color-on-surface)]",
   "border border-[color-mix(in_srgb,var(--color-outline-variant)_60%,transparent)]",
@@ -16,7 +12,7 @@ var selectableCardClass = [
   "data-[disabled]:cursor-not-allowed data-[disabled]:text-[var(--color-text-disabled)]",
   "data-[disabled]:data-[state=checked]:border-[var(--color-text-disabled)] data-[disabled]:data-[state=checked]:shadow-[inset_0_0_0_1px_var(--color-text-disabled)]"
 ].join(" ");
-var slotShape = {
+const slotShape = {
   circle: "rounded-full",
   square: "rounded-shape-min"
 };
@@ -86,9 +82,8 @@ function useCardIds(hasDescription) {
     describedBy: hasDescription ? `${id}-desc` : void 0
   };
 }
-
 export {
-  selectableCardClass,
   SelectableCardContent,
+  selectableCardClass,
   useCardIds
 };

package/dist/components/RadioGroup/RadioGroup.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadixRadioGroup from '@radix-ui/react-radio-group';
+export declare const RadioGroup: {
+    Root: React.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixRadioGroup.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/{chunk-QQR4PPF3.js → components/RadioGroup/RadioGroup.js}

@@ -1,17 +1,13 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/RadioGroup/RadioGroup.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixRadioGroup from "@radix-ui/react-radio-group";
-import { jsx } from "react/jsx-runtime";
-var Root2 = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const Root = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(RadixRadioGroup.Root, { ref, className: cn("flex flex-col gap-2", className), ...props })
 );
-Root2.displayName = "RadioGroup.Root";
-var Item2 = React.forwardRef(
+Root.displayName = "RadioGroup.Root";
+const Item = React.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     RadixRadioGroup.Item,
     {
@@ -29,9 +25,8 @@ var Item2 = React.forwardRef(
     }
   )
 );
-Item2.displayName = "RadioGroup.Item";
-var RadioGroup = { Root: Root2, Item: Item2 };
-
+Item.displayName = "RadioGroup.Item";
+const RadioGroup = { Root, Item };
 export {
   RadioGroup
 };

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

@@ -0,0 +1 @@
+export { RadioGroup } from './RadioGroup.js';

package/dist/components/RadioGroup/index.js

@@ -1,8 +1,4 @@
-'use client';
-import {
-  RadioGroup
-} from "../../chunk-QQR4PPF3.js";
-import "../../chunk-WRVFNYO3.js";
+import { RadioGroup } from "./RadioGroup.js";
 export {
   RadioGroup
 };

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

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const ratingVariants: (props?: ({
+    size?: "sm" | "md" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface RatingProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'>, VariantProps<typeof ratingVariants> {
+    value?: number;
+    max?: number;
+    readOnly?: boolean;
+    onValueChange?: (value: number) => void;
+}
+export declare const Rating: React.ForwardRefExoticComponent<RatingProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-VCCQ64G7.js → components/Rating/Rating.js}

@@ -1,19 +1,11 @@
-'use client';
-import {
-  useControllableState
-} from "./chunk-JLUCMNVS.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Rating/Rating.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var ratingVariants = cva("inline-flex items-center gap-0.5", {
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { useControllableState } from "../../hooks/useControllableState.js";
+const ratingVariants = cva("inline-flex items-center gap-0.5", {
   variants: {
     size: {
       sm: "[&_svg]:h-4 [&_svg]:w-4",
@@ -25,7 +17,7 @@ var ratingVariants = cva("inline-flex items-center gap-0.5", {
     size: "md"
   }
 });
-var Rating = React.forwardRef(
+const Rating = React.forwardRef(
   ({
     className,
     size,
@@ -123,8 +115,7 @@ function StarIcon({ filled, ...props }) {
     }
   );
 }
-
 export {
-  ratingVariants,
-  Rating
+  Rating,
+  ratingVariants
 };

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

@@ -0,0 +1,2 @@
+export { Rating, ratingVariants } from './Rating.js';
+export type { RatingProps } from './Rating.js';

package/dist/components/Rating/index.js

@@ -1,12 +1,4 @@
-'use client';
-import {
-  Rating,
-  ratingVariants
-} from "../../chunk-VCCQ64G7.js";
-import "../../chunk-JLUCMNVS.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { Rating, ratingVariants } from "./Rating.js";
 export {
   Rating,
   ratingVariants