@nexub/react 3.0.0 → 3.1.0

package/dist/components/FileUpload/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  FileUpload
-} from "../../chunk-LR6KNEKL.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { FileUpload } from "./FileUpload.js";
 export {
   FileUpload
 };

package/dist/components/FilterChip/FilterChip.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+export interface FilterChipProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    selected?: boolean;
+    count?: number;
+    onRemove?: () => void;
+    children: React.ReactNode;
+}
+export declare const FilterChip: React.ForwardRefExoticComponent<FilterChipProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/{chunk-36QSSD7I.js → components/FilterChip/FilterChip.js}

@@ -1,18 +1,10 @@
-'use client';
-import {
-  disabledText
-} from "./chunk-VALIDQXU.js";
-import {
-  useNexubMessages
-} from "./chunk-VMSWIC3O.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FilterChip/FilterChip.tsx
-import * as React from "react";
+"use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-var FilterChip = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { useNexubMessages } from "../NexubProvider/NexubProvider.js";
+import { disabledText } from "../../utils/control.js";
+const FilterChip = React.forwardRef(
   ({ className, selected = false, count, onRemove, children, ...props }, ref) => {
     const messages = useNexubMessages();
     return /* @__PURE__ */ jsxs(
@@ -91,7 +83,6 @@ var FilterChip = React.forwardRef(
   }
 );
 FilterChip.displayName = "FilterChip";
-
 export {
   FilterChip
 };

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

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

package/dist/components/FilterChip/index.js

@@ -1,10 +1,4 @@
-'use client';
-import {
-  FilterChip
-} from "../../chunk-36QSSD7I.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-VMSWIC3O.js";
-import "../../chunk-WRVFNYO3.js";
+import { FilterChip } from "./FilterChip.js";
 export {
   FilterChip
 };

package/dist/components/Flag/Flag.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import type { Size } from '../../utils/control.js';
+export interface FlagProps extends React.HTMLAttributes<HTMLSpanElement> {
+    code: string;
+    size?: Size;
+}
+export declare const Flag: React.ForwardRefExoticComponent<FlagProps & React.RefAttributes<HTMLSpanElement>>;

package/dist/{chunk-HOQPHAGW.js → components/Flag/Flag.js}

@@ -1,20 +1,15 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Flag/Flag.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
 function countryCodeToEmoji(code) {
   return code.toUpperCase().split("").map((c) => String.fromCodePoint(c.charCodeAt(0) - 65 + 127462)).join("");
 }
-var sizeClass = {
+const sizeClass = {
   sm: "text-base",
   md: "text-xl",
   lg: "text-3xl"
 };
-var Flag = React.forwardRef(
+const Flag = React.forwardRef(
   ({ code, size = "md", className, ...rest }, ref) => {
     const emoji = countryCodeToEmoji(code);
     return /* @__PURE__ */ jsx(
@@ -31,7 +26,6 @@ var Flag = React.forwardRef(
   }
 );
 Flag.displayName = "Flag";
-
 export {
   Flag
 };

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

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

package/dist/components/Flag/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-BV3U3ATL.js";
-import {
-  Flag
-} from "../../chunk-HOQPHAGW.js";
-import "../../chunk-WRVFNYO3.js";
+import { Flag } from "./Flag.js";
 export {
   Flag
 };

package/dist/components/Flex/Flex.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+export interface FlexProps extends React.HTMLAttributes<HTMLDivElement> {
+    gap?: number | string;
+    align?: string;
+    justify?: string;
+    wrap?: boolean;
+    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
+    asChild?: boolean;
+}
+export declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-BOO4VH3M.js → components/Flex/Flex.js}

@@ -1,22 +1,15 @@
-'use client';
-import {
-  layoutProps
-} from "./chunk-VLQGQFW7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Flex/Flex.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var directionClass = {
+import { cn } from "../../utils/cn.js";
+import { layoutProps } from "../../utils/layout.js";
+const directionClass = {
   row: "flex-row",
   column: "flex-col",
   "row-reverse": "flex-row-reverse",
   "column-reverse": "flex-col-reverse"
 };
-var Flex = React.forwardRef(
+const Flex = React.forwardRef(
   ({
     gap,
     align,
@@ -44,7 +37,6 @@ var Flex = React.forwardRef(
   }
 );
 Flex.displayName = "Flex";
-
 export {
   Flex
 };

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

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

package/dist/components/Flex/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Flex
-} from "../../chunk-BOO4VH3M.js";
-import "../../chunk-VLQGQFW7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Flex } from "./Flex.js";
 export {
   Flex
 };

package/dist/components/FormError/FormError.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export type FormErrorProps = React.HTMLAttributes<HTMLParagraphElement>;
+export declare const FormError: React.ForwardRefExoticComponent<FormErrorProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/{chunk-H2X6MSNY.js → components/FormError/FormError.js}

@@ -1,13 +1,8 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FormError/FormError.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
 import * as React from "react";
 import { AlertCircle } from "@nexub/icons";
-import { jsx, jsxs } from "react/jsx-runtime";
-var FormError = React.forwardRef(
+import { cn } from "../../utils/cn.js";
+const FormError = React.forwardRef(
   ({ className, children, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "p",
@@ -28,7 +23,6 @@ var FormError = React.forwardRef(
   }
 );
 FormError.displayName = "FormError";
-
 export {
   FormError
 };

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

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

package/dist/components/FormError/index.js

@@ -1,9 +1,4 @@
-'use client';
-import "../../chunk-ADO2DB6Q.js";
-import {
-  FormError
-} from "../../chunk-H2X6MSNY.js";
-import "../../chunk-WRVFNYO3.js";
+import { FormError } from "./FormError.js";
 export {
   FormError
 };

package/dist/components/FormField/FormField.d.ts

@@ -0,0 +1,46 @@
+import * as React from 'react';
+import { Label } from '../Label/Label.js';
+import { HelperText } from '../HelperText/HelperText.js';
+import { FormError } from '../FormError/FormError.js';
+export interface FormFieldContextValue {
+    id: string;
+    name?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    descriptionId: string;
+    errorId: string;
+}
+export interface FormFieldRootProps extends React.HTMLAttributes<HTMLDivElement> {
+    id?: string;
+    name?: string;
+    invalid?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+}
+declare function FieldLabel({ className, children, ...props }: React.ComponentProps<typeof Label>): React.JSX.Element;
+declare namespace FieldLabel {
+    var displayName: string;
+}
+declare function Control({ children }: {
+    children: React.ReactElement<Record<string, unknown>>;
+}): React.ReactElement<Record<string, unknown>, string | React.JSXElementConstructor<any>>;
+declare namespace Control {
+    var displayName: string;
+}
+declare function Description({ className, children, ...props }: React.ComponentProps<typeof HelperText>): React.JSX.Element;
+declare namespace Description {
+    var displayName: string;
+}
+declare function FieldError({ className, children, ...props }: React.ComponentProps<typeof FormError>): React.JSX.Element | null;
+declare namespace FieldError {
+    var displayName: string;
+}
+export declare const FormField: {
+    Root: React.ForwardRefExoticComponent<FormFieldRootProps & React.RefAttributes<HTMLDivElement>>;
+    Label: typeof FieldLabel;
+    Control: typeof Control;
+    Description: typeof Description;
+    Error: typeof FieldError;
+};
+export {};

package/dist/{chunk-FT73REUG.js → components/FormField/FormField.js}

@@ -1,21 +1,11 @@
-'use client';
-import {
-  Label
-} from "./chunk-BM5PGGK2.js";
-import {
-  FormError
-} from "./chunk-H2X6MSNY.js";
-import {
-  HelperText
-} from "./chunk-QKGQBJ4U.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/FormField/FormField.tsx
-import * as React from "react";
+"use client";
 import { jsx } from "react/jsx-runtime";
-var FormFieldContext = React.createContext(null);
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { Label } from "../Label/Label.js";
+import { HelperText } from "../HelperText/HelperText.js";
+import { FormError } from "../FormError/FormError.js";
+const FormFieldContext = React.createContext(null);
 function useFormField() {
   const ctx = React.useContext(FormFieldContext);
   if (!ctx) {
@@ -23,7 +13,7 @@ function useFormField() {
   }
   return ctx;
 }
-var Root = React.forwardRef(function Root2({ id: idProp, name, invalid, required, disabled, className, children, ...props }, ref) {
+const Root = React.forwardRef(function Root2({ id: idProp, name, invalid, required, disabled, className, children, ...props }, ref) {
   const generatedId = React.useId();
   const id = idProp ?? generatedId;
   const value = React.useMemo(
@@ -94,8 +84,7 @@ function FieldError({
   return /* @__PURE__ */ jsx(FormError, { id: errorId, className, ...props, children });
 }
 FieldError.displayName = "FormField.Error";
-var FormField = { Root, Label: FieldLabel, Control, Description, Error: FieldError };
-
+const FormField = { Root, Label: FieldLabel, Control, Description, Error: FieldError };
 export {
   FormField
 };

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

@@ -0,0 +1,2 @@
+export { FormField } from './FormField.js';
+export type { FormFieldRootProps, FormFieldContextValue } from './FormField.js';

package/dist/components/FormField/index.js

@@ -1,14 +1,4 @@
-'use client';
-import {
-  FormField
-} from "../../chunk-FT73REUG.js";
-import "../../chunk-BM5PGGK2.js";
-import "../../chunk-H2X6MSNY.js";
-import "../../chunk-QKGQBJ4U.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { FormField } from "./FormField.js";
 export {
   FormField
 };

package/dist/components/GradientDivider/GradientDivider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface GradientDividerProps extends React.HTMLAttributes<HTMLDivElement> {
+    height?: number;
+    orientation?: 'horizontal' | 'vertical';
+}
+export declare const GradientDivider: React.ForwardRefExoticComponent<GradientDividerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-FDRAGYDV.js → components/GradientDivider/GradientDivider.js}

@@ -1,16 +1,11 @@
-'use client';
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/GradientDivider/GradientDivider.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var GRADIENT_H = "bg-[image:var(--gradient-brand-horizontal)]";
-var GRADIENT_V = "bg-[image:var(--gradient-brand-vertical)]";
-var THICKNESS_H = { 1: "h-px", 2: "h-0.5", 3: "h-[3px]", 4: "h-1" };
-var THICKNESS_V = { 1: "w-px", 2: "w-0.5", 3: "w-[3px]", 4: "w-1" };
-var GradientDivider = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+const GRADIENT_H = "bg-[image:var(--gradient-brand-horizontal)]";
+const GRADIENT_V = "bg-[image:var(--gradient-brand-vertical)]";
+const THICKNESS_H = { 1: "h-px", 2: "h-0.5", 3: "h-[3px]", 4: "h-1" };
+const THICKNESS_V = { 1: "w-px", 2: "w-0.5", 3: "w-[3px]", 4: "w-1" };
+const GradientDivider = React.forwardRef(
   ({ className, height = 3, orientation = "horizontal", style, ...props }, ref) => {
     const isHorizontal = orientation === "horizontal";
     const thickness = (isHorizontal ? THICKNESS_H : THICKNESS_V)[height];
@@ -34,7 +29,6 @@ var GradientDivider = React.forwardRef(
   }
 );
 GradientDivider.displayName = "GradientDivider";
-
 export {
   GradientDivider
 };

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

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

package/dist/components/GradientDivider/index.js

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

package/dist/components/Grid/Grid.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+export interface GridProps extends React.HTMLAttributes<HTMLDivElement> {
+    cols?: number | string;
+    rows?: number | string;
+    gap?: number | string;
+    flow?: 'row' | 'column' | 'dense';
+    asChild?: boolean;
+}
+export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{chunk-F5S2KP3Z.js → components/Grid/Grid.js}

@@ -1,21 +1,14 @@
-'use client';
-import {
-  layoutProps
-} from "./chunk-VLQGQFW7.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Grid/Grid.tsx
+import { jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-var flowClass = {
+import { cn } from "../../utils/cn.js";
+import { layoutProps } from "../../utils/layout.js";
+const flowClass = {
   row: "grid-flow-row",
   column: "grid-flow-col",
   dense: "grid-flow-dense"
 };
-var Grid = React.forwardRef(
+const Grid = React.forwardRef(
   ({
     cols,
     rows,
@@ -42,7 +35,6 @@ var Grid = React.forwardRef(
   }
 );
 Grid.displayName = "Grid";
-
 export {
   Grid
 };

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

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

package/dist/components/Grid/index.js

@@ -1,9 +1,4 @@
-'use client';
-import {
-  Grid
-} from "../../chunk-F5S2KP3Z.js";
-import "../../chunk-VLQGQFW7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Grid } from "./Grid.js";
 export {
   Grid
 };

package/dist/components/Heading/Heading.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import type { ToneValue } from '../Button/Button.js';
+export declare const headingVariants: (props?: ({
+    size?: "display" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | null | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | "extrabold" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+type HeadingSize = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+type HeadingWeight = 'regular' | 'medium' | 'semibold' | 'bold' | 'extrabold';
+export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    level?: 1 | 2 | 3 | 4 | 5 | 6;
+    size?: HeadingSize;
+    tone?: ToneValue | 'default';
+    weight?: HeadingWeight;
+    asChild?: boolean;
+}
+export declare const Heading: React.ForwardRefExoticComponent<HeadingProps & React.RefAttributes<HTMLHeadingElement>>;
+export {};

package/dist/{chunk-Z7OR2LYG.js → components/Heading/Heading.js}

@@ -1,17 +1,10 @@
-'use client';
-import {
-  toneTextClasses
-} from "./chunk-GHLMHKMV.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/Heading/Heading.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 headingVariants = cva("", {
+import { cn } from "../../utils/cn.js";
+import { toneTextClasses } from "../../utils/control.js";
+const headingVariants = cva("", {
   variants: {
     size: {
       display: "text-6xl font-extrabold tracking-tight leading-none",
@@ -31,7 +24,7 @@ var headingVariants = cva("", {
     }
   }
 });
-var levelSizeMap = {
+const levelSizeMap = {
   1: "h1",
   2: "h2",
   3: "h3",
@@ -39,7 +32,7 @@ var levelSizeMap = {
   5: "h5",
   6: "h6"
 };
-var Heading = React.forwardRef(
+const Heading = React.forwardRef(
   ({
     level = 2,
     size,
@@ -72,8 +65,7 @@ var Heading = React.forwardRef(
   }
 );
 Heading.displayName = "Heading";
-
 export {
-  headingVariants,
-  Heading
+  Heading,
+  headingVariants
 };

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

@@ -0,0 +1,2 @@
+export { Heading, headingVariants } from './Heading.js';
+export type { HeadingProps } from './Heading.js';

package/dist/components/Heading/index.js

@@ -1,12 +1,4 @@
-'use client';
-import {
-  Heading,
-  headingVariants
-} from "../../chunk-Z7OR2LYG.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { Heading, headingVariants } from "./Heading.js";
 export {
   Heading,
   headingVariants

package/dist/components/HelperText/HelperText.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import type { ToneValue } from '../Button/Button.js';
+export interface HelperTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    tone?: ToneValue;
+}
+export declare const HelperText: React.ForwardRefExoticComponent<HelperTextProps & React.RefAttributes<HTMLParagraphElement>>;

package/dist/{chunk-QKGQBJ4U.js → components/HelperText/HelperText.js}

@@ -1,15 +1,8 @@
-'use client';
-import {
-  toneTextClasses
-} from "./chunk-GHLMHKMV.js";
-import {
-  cn
-} from "./chunk-WRVFNYO3.js";
-
-// src/components/HelperText/HelperText.tsx
-import * as React from "react";
 import { jsx } from "react/jsx-runtime";
-var HelperText = React.forwardRef(
+import * as React from "react";
+import { cn } from "../../utils/cn.js";
+import { toneTextClasses } from "../../utils/control.js";
+const HelperText = React.forwardRef(
   ({ className, tone, style, children, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "p",
@@ -29,7 +22,6 @@ var HelperText = React.forwardRef(
   }
 );
 HelperText.displayName = "HelperText";
-
 export {
   HelperText
 };

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

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

package/dist/components/HelperText/index.js

@@ -1,12 +1,4 @@
-'use client';
-import "../../chunk-PICMOOAZ.js";
-import {
-  HelperText
-} from "../../chunk-QKGQBJ4U.js";
-import "../../chunk-GHLMHKMV.js";
-import "../../chunk-VALIDQXU.js";
-import "../../chunk-DEIBF3P7.js";
-import "../../chunk-WRVFNYO3.js";
+import { HelperText } from "./HelperText.js";
 export {
   HelperText
 };

package/dist/components/HoverCard/HoverCard.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import * as RadixHoverCard from '@radix-ui/react-hover-card';
+declare function Root({ openDelay, closeDelay, ...props }: RadixHoverCard.HoverCardProps): React.JSX.Element;
+export declare const HoverCard: {
+    Root: typeof Root;
+    Trigger: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardTriggerProps & React.RefAttributes<HTMLAnchorElement>>;
+    Content: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardContentProps & React.RefAttributes<HTMLDivElement>>;
+    Arrow: React.ForwardRefExoticComponent<RadixHoverCard.HoverCardArrowProps & React.RefAttributes<SVGSVGElement>>;
+};
+export {};