@nexub/react 3.0.0 → 3.2.0

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

package/dist/components/ScrollArea/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as RadixScrollArea from '@radix-ui/react-scroll-area';
+export interface ScrollAreaProps extends RadixScrollArea.ScrollAreaProps {
+    orientation?: 'vertical' | 'horizontal' | 'both';
+}
+export declare const ScrollArea: React.ForwardRefExoticComponent<ScrollAreaProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-2DZWTBDL.js → components/ScrollArea/ScrollArea.js}

@@ -1,13 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/ScrollArea/ScrollArea.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixScrollArea from "@radix-ui/react-scroll-area";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ScrollArea = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const ScrollArea = React.forwardRef(
   ({ className, children, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsxs(RadixScrollArea.Root, { ref, className: cn("relative overflow-hidden", className), ...props, children: [
     /* @__PURE__ */ jsx(RadixScrollArea.Viewport, { tabIndex: 0, className: "h-full w-full rounded-[inherit]", children }),
     (orientation === "vertical" || orientation === "both") && /* @__PURE__ */ jsx(
@@ -30,7 +26,6 @@ var ScrollArea = React.forwardRef(
   ] })
 );
 ScrollArea.displayName = "ScrollArea";
-
 export {
   ScrollArea
 };

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

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

package/dist/components/ScrollArea/index.js

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

package/dist/components/SearchInput/SearchInput.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { type InputProps } from '../Input/Input.js';
+export interface SearchInputProps extends Omit<InputProps, 'leadingIcon' | 'trailingIcon'> {
+    onClear?: () => void;
+}
+export declare const SearchInput: React.ForwardRefExoticComponent<SearchInputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/{chunk-YVS6AVPD.js → components/SearchInput/SearchInput.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/SearchInput/SearchInput.tsx
+"use client";
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Search, X } from "@nexub/icons";
-import { jsx } from "react/jsx-runtime";
-var SearchInput = 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 SearchInput = React.forwardRef(
   ({ value, defaultValue: _defaultValue, onChange, onClear, className, ...props }, ref) => {
     const [currentValue = "", setValue] = useControllableState({
       value: value === void 0 ? void 0 : String(value),
@@ -60,7 +50,6 @@ var SearchInput = React.forwardRef(
   }
 );
 SearchInput.displayName = "SearchInput";
-
 export {
   SearchInput
 };

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

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

package/dist/components/SearchInput/index.js

@@ -1,13 +1,4 @@
-'use client';
-import {
-  SearchInput
-} from "../../chunk-YVS6AVPD.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 { SearchInput } from "./SearchInput.js";
 export {
   SearchInput
 };

package/dist/components/Section/Section.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type VariantProps } from 'class-variance-authority';
+export declare const sectionVariants: (props?: ({
+    paddingY?: "sm" | "md" | "lg" | null | undefined;
+    tone?: "default" | "subtle" | "muted" | "inverse" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export interface SectionProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof sectionVariants> {
+    asChild?: boolean;
+}
+export declare const Section: React.ForwardRefExoticComponent<SectionProps & React.RefAttributes<HTMLElement>>;

package/dist/{chunk-EIV37DAQ.js → components/Section/Section.js}

@@ -1,14 +1,9 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Section/Section.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var sectionVariants = cva("w-full", {
+import { cn } from "../../utils/cn.js";
+const sectionVariants = cva("w-full", {
   variants: {
     paddingY: {
       sm: "py-12",
@@ -27,7 +22,7 @@ var sectionVariants = cva("w-full", {
     tone: "default"
   }
 });
-var Section = React.forwardRef(
+const Section = React.forwardRef(
   ({ paddingY, tone, asChild = false, className, children, ...rest }, ref) => {
     const Comp = asChild ? Slot : "section";
     return /* @__PURE__ */ jsx(
@@ -42,8 +37,7 @@ var Section = React.forwardRef(
   }
 );
 Section.displayName = "Section";
-
 export {
-  sectionVariants,
-  Section
+  Section,
+  sectionVariants
 };

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

@@ -0,0 +1,2 @@
+export { Section, sectionVariants } from './Section.js';
+export type { SectionProps } from './Section.js';

package/dist/components/Section/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Section,
-  sectionVariants
-} from "../../chunk-EIV37DAQ.js";
-import "../../chunk-WRVFNYO3.js";
+import { Section, sectionVariants } from "./Section.js";
 export {
   Section,
   sectionVariants

package/dist/components/SegmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import * as RadixToggleGroup from '@radix-ui/react-toggle-group';
+import type { Size } from '../../utils/control.js';
+export interface SegmentedControlProps extends Omit<RadixToggleGroup.ToggleGroupSingleProps, 'type'> {
+    size?: Size;
+}
+export interface SegmentedControlItemProps extends RadixToggleGroup.ToggleGroupItemProps {
+}
+export declare const SegmentedControl: {
+    Root: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<SegmentedControlItemProps & React.RefAttributes<HTMLButtonElement>>;
+};

package/dist/{chunk-KRIRCSUB.js → components/SegmentedControl/SegmentedControl.js}

@@ -1,25 +1,17 @@
-'use client';
-import {
-  useSlidingIndicator
-} from "./chunk-6UKNUI46.js";
-import {
-  useMergedRefs
-} from "./chunk-MNEXMMLM.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/SegmentedControl/SegmentedControl.tsx
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import * as RadixToggleGroup from "@radix-ui/react-toggle-group";
-import { jsx, jsxs } from "react/jsx-runtime";
-var sizeMap = {
+import { cn } from "../../utils/cn.js";
+import { useMergedRefs } from "../../hooks/useMergedRefs.js";
+import { useSlidingIndicator } from "../../hooks/useSlidingIndicator.js";
+const sizeMap = {
   sm: "h-control-sm text-label-md",
   md: "h-control-md text-label-lg",
   lg: "h-control-lg text-label-lg"
 };
-var SegmentedControlContext = React.createContext({ size: "md" });
-var Root2 = React.forwardRef(
+const SegmentedControlContext = React.createContext({ size: "md" });
+const Root = React.forwardRef(
   ({ className, size = "md", children, ...props }, forwardedRef) => {
     const ref = React.useRef(null);
     useSlidingIndicator(ref, '[data-state="on"]');
@@ -53,8 +45,8 @@ var Root2 = React.forwardRef(
     ) });
   }
 );
-Root2.displayName = "SegmentedControl.Root";
-var Item2 = React.forwardRef(
+Root.displayName = "SegmentedControl.Root";
+const Item = React.forwardRef(
   ({ className, ...props }, ref) => {
     const { size } = React.useContext(SegmentedControlContext);
     return /* @__PURE__ */ jsx(
@@ -74,9 +66,8 @@ var Item2 = React.forwardRef(
     );
   }
 );
-Item2.displayName = "SegmentedControl.Item";
-var SegmentedControl = { Root: Root2, Item: Item2 };
-
+Item.displayName = "SegmentedControl.Item";
+const SegmentedControl = { Root, Item };
 export {
   SegmentedControl
 };

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

@@ -0,0 +1,2 @@
+export { SegmentedControl } from './SegmentedControl.js';
+export type { SegmentedControlProps, SegmentedControlItemProps } from './SegmentedControl.js';

package/dist/components/SegmentedControl/index.js

@@ -1,11 +1,4 @@
-'use client';
-import {
-  SegmentedControl
-} from "../../chunk-KRIRCSUB.js";
-import "../../chunk-6UKNUI46.js";
-import "../../chunk-MNEXMMLM.js";
-import "../../chunk-NHUQLIHL.js";
-import "../../chunk-WRVFNYO3.js";
+import { SegmentedControl } from "./SegmentedControl.js";
 export {
   SegmentedControl
 };

package/dist/components/Select/Select.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import * as RadixSelect from '@radix-ui/react-select';
+export declare const Select: {
+    Root: React.FC<RadixSelect.SelectProps>;
+    Group: React.ForwardRefExoticComponent<RadixSelect.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+    Value: React.ForwardRefExoticComponent<RadixSelect.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+    Trigger: React.ForwardRefExoticComponent<RadixSelect.SelectTriggerProps & {
+        invalid?: boolean;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    ScrollUpButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>>;
+    ScrollDownButton: React.ForwardRefExoticComponent<RadixSelect.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>>;
+    Content: React.ForwardRefExoticComponent<RadixSelect.SelectContentProps & React.RefAttributes<HTMLDivElement>>;
+    Label: React.ForwardRefExoticComponent<RadixSelect.SelectLabelProps & React.RefAttributes<HTMLDivElement>>;
+    Item: React.ForwardRefExoticComponent<RadixSelect.SelectItemProps & React.RefAttributes<HTMLDivElement>>;
+    Separator: React.ForwardRefExoticComponent<RadixSelect.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>>;
+};