@nxgt/material 1.0.0

package/dist/lib/components/ui/code/json-viewer.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { JsonViewer } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof JsonViewer;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const ObjectValue: Story;
+export declare const FromString: Story;
+export declare const Invalid: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/code/languages.d.ts

@@ -0,0 +1,7 @@
+export type CodeLanguageId = 'typescript' | 'javascript' | 'json' | 'html' | 'css' | 'python' | 'sql' | 'bash' | 'yaml' | 'markdown' | 'xml' | 'graphql' | 'go' | 'rust' | 'java' | 'php';
+export declare const CODE_LANGUAGES: {
+    id: CodeLanguageId;
+    label: string;
+    aliases?: string[];
+}[];
+export declare function resolveCodeLanguage(value?: string): CodeLanguageId;

package/dist/lib/components/ui/code/languages.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/code/moonlight-monaco.d.ts

@@ -0,0 +1,3 @@
+import { Monaco } from '@monaco-editor/react';
+export declare function registerMoonlightThemes(monaco: Monaco): void;
+export declare function moonlightThemeName(scheme: 'dark' | 'light'): "moonlight" | "moonlight-day";

package/dist/lib/components/ui/code/moonlight-monaco.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/code/moonlight-tokens.d.ts

@@ -0,0 +1,33 @@
+export declare const MOONLIGHT_DARK: {
+    readonly bg: "#222436";
+    readonly bgElevated: "#1e2030";
+    readonly fg: "#c8d3f5";
+    readonly comment: "#7a88cf";
+    readonly blue: "#82aaff";
+    readonly cyan: "#86e1fc";
+    readonly green: "#c3e88d";
+    readonly orange: "#ff966c";
+    readonly yellow: "#ffc777";
+    readonly red: "#ff757f";
+    readonly magenta: "#c099ff";
+    readonly pink: "#fca7ea";
+    readonly selection: "#2f334d";
+};
+export declare const MOONLIGHT_DAY: {
+    readonly bg: "#f5f7ff";
+    readonly bgElevated: "#eceff8";
+    readonly fg: "#383a51";
+    readonly comment: "#7a88cf";
+    readonly blue: "#3e68d7";
+    readonly cyan: "#0b8ec2";
+    readonly green: "#4db380";
+    readonly orange: "#c44c22";
+    readonly yellow: "#ac8300";
+    readonly red: "#c53b40";
+    readonly magenta: "#7a5af5";
+    readonly pink: "#b04d9a";
+    readonly selection: "#d4daf0";
+};
+export type MoonlightTokens = {
+    [K in keyof typeof MOONLIGHT_DARK]: string;
+};

package/dist/lib/components/ui/code/moonlight-tokens.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/code/parse-json.d.ts

@@ -0,0 +1,11 @@
+export type ParsedJson = {
+    ok: true;
+    value: unknown;
+} | {
+    ok: false;
+    message: string;
+};
+export declare function parseJsonSource(source: unknown): ParsedJson;
+export declare function prettyJson(value: unknown): string;
+export declare function isCollection(value: unknown): value is object;
+export declare function collectionSize(value: object): number;

package/dist/lib/components/ui/code/parse-json.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/code-editor.d.ts

@@ -0,0 +1,23 @@
+import { editor } from 'monaco-editor';
+import { ReactNode } from 'react';
+export type CodeEditorProps = {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    name?: string;
+    language?: string;
+    onLanguageChange?: (language: string) => void;
+    filename?: ReactNode;
+    showChrome?: boolean;
+    scheme?: 'dark' | 'light';
+    height?: string | number;
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+    onBlur?: () => void;
+    options?: editor.IStandaloneEditorConstructionOptions;
+};
+export declare function CodeEditor({ label, helperText, error, required, disabled, className, name, language, onLanguageChange, filename, showChrome, scheme, height, value, defaultValue, onChange, onBlur, options, }: CodeEditorProps): import("react").JSX.Element;

package/dist/lib/components/ui/code-editor.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { CodeEditor } from '..';
+declare const meta: {
+    title: string;
+    component: typeof CodeEditor;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+    args: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const JavaScript: Story;
+export declare const ReadOnly: Story;
+export declare const WithError: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/collapsible.d.ts

@@ -0,0 +1,6 @@
+import { Collapsible as CollapsiblePrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function Collapsible({ ...props }: ComponentProps<typeof CollapsiblePrimitive.Root>): import("react").JSX.Element;
+declare function CollapsibleTrigger({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): import("react").JSX.Element;
+declare function CollapsibleContent({ ...props }: ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): import("react").JSX.Element;
+export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/lib/components/ui/color-field/color-field.d.ts

@@ -0,0 +1,8 @@
+import { TextFieldProps } from '../text-field';
+export declare const DEFAULT_COLOR = "#000000";
+export type ColorFieldProps = Omit<TextFieldProps, 'type' | 'leading' | 'trailing' | 'value' | 'defaultValue' | 'onChange'> & {
+    value?: string;
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+};
+export declare function ColorField({ value, defaultValue, onChange, disabled, placeholder, ...props }: ColorFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/color-field/color-field.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { ColorField } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ColorField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Controlled: Story;
+export declare const ErrorState: Story;
+export declare const Disabled: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/color-field/index.d.ts

@@ -0,0 +1,3 @@
+export type { ColorFieldProps } from './color-field';
+export { ColorField, DEFAULT_COLOR } from './color-field';
+export { normalizeHex } from './normalize-hex';

package/dist/lib/components/ui/color-field/normalize-hex.d.ts

@@ -0,0 +1 @@
+export declare function normalizeHex(value: string): string | null;

package/dist/lib/components/ui/color-field/normalize-hex.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/combobox-field/combobox-field.d.ts

@@ -0,0 +1,20 @@
+import { ReactNode } from 'react';
+export type ComboboxOption = {
+    value: string;
+    label: string;
+};
+export type ComboboxFieldProps = {
+    label?: ReactNode;
+    helperText?: ReactNode;
+    error?: boolean;
+    required?: boolean;
+    disabled?: boolean;
+    className?: string;
+    name?: string;
+    id?: string;
+    placeholder?: string;
+    options: ComboboxOption[];
+    value?: string | null;
+    onChange?: (value: string | null) => void;
+};
+export declare function ComboboxField({ label, helperText, error, required, disabled, className, name, id, placeholder, options, value, onChange, }: ComboboxFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/combobox-field/combobox-field.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { ComboboxField } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof ComboboxField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const ErrorState: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/combobox-field/index.d.ts

@@ -0,0 +1,2 @@
+export type { ComboboxFieldProps, ComboboxOption } from './combobox-field';
+export { ComboboxField } from './combobox-field';

package/dist/lib/components/ui/combobox.d.ts

@@ -0,0 +1,27 @@
+import { Combobox as ComboboxPrimitive, ComboboxRoot } from '@base-ui/react';
+import * as React from 'react';
+declare function Combobox<Value, Multiple extends boolean | undefined = false>(props: ComboboxRoot.Props<Value, Multiple>): React.JSX.Element;
+declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): React.JSX.Element;
+declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): React.JSX.Element;
+declare function ComboboxInput({ className, children, disabled, showTrigger, showClear, ...props }: ComboboxPrimitive.Input.Props & {
+    showTrigger?: boolean;
+    showClear?: boolean;
+}): React.JSX.Element;
+declare function ComboboxContent({ className, side, sideOffset, align, alignOffset, anchor, container, ...props }: ComboboxPrimitive.Popup.Props & Pick<ComboboxPrimitive.Positioner.Props, 'side' | 'align' | 'sideOffset' | 'alignOffset' | 'anchor'> & {
+    container?: HTMLElement | null;
+}): React.JSX.Element;
+declare function ComboboxList({ className, ...props }: ComboboxPrimitive.List.Props): React.JSX.Element;
+declare function ComboboxItem({ className, children, ...props }: ComboboxPrimitive.Item.Props): React.JSX.Element;
+declare function ComboboxGroup({ className, ...props }: ComboboxPrimitive.Group.Props): React.JSX.Element;
+declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupLabel.Props): React.JSX.Element;
+declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): React.JSX.Element;
+declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): React.JSX.Element;
+declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): React.JSX.Element;
+declare function ComboboxChips({ className, ref, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props): React.JSX.Element;
+declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {
+    showRemove?: boolean;
+}): React.JSX.Element;
+declare function ComboboxChipsInput({ className, children, ...props }: ComboboxPrimitive.Input.Props): React.JSX.Element;
+declare function useComboboxAnchor(): React.RefObject<HTMLDivElement | null>;
+export type ChangeEventDetails = ComboboxRoot.ChangeEventDetails;
+export { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxPrimitive, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor, };

package/dist/lib/components/ui/combobox.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+import { Combobox } from '..';
+declare const meta: {
+    title: string;
+    component: typeof Combobox;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Simple: Story;
+export declare const WithClear: Story;
+export declare const WithGroups: Story;
+export declare const WithEmpty: Story;
+export declare const Multiple: Story;
+export declare const MultipleWithChipsNoRemove: Story;
+export declare const Disabled: Story;
+export declare const WithoutTrigger: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/command.d.ts

@@ -0,0 +1,16 @@
+import { Command as CommandPrimitive } from 'cmdk';
+import { ComponentProps } from 'react';
+import { Dialog } from './dialog';
+declare function Command({ className, ...props }: ComponentProps<typeof CommandPrimitive>): import("react").JSX.Element;
+declare function CommandDialog({ title, description, children, ...props }: ComponentProps<typeof Dialog> & {
+    title?: string;
+    description?: string;
+}): import("react").JSX.Element;
+declare function CommandInput({ className, ...props }: ComponentProps<typeof CommandPrimitive.Input>): import("react").JSX.Element;
+declare function CommandList({ className, ...props }: ComponentProps<typeof CommandPrimitive.List>): import("react").JSX.Element;
+declare function CommandEmpty({ ...props }: ComponentProps<typeof CommandPrimitive.Empty>): import("react").JSX.Element;
+declare function CommandGroup({ className, ...props }: ComponentProps<typeof CommandPrimitive.Group>): import("react").JSX.Element;
+declare function CommandSeparator({ className, ...props }: ComponentProps<typeof CommandPrimitive.Separator>): import("react").JSX.Element;
+declare function CommandItem({ className, ...props }: ComponentProps<typeof CommandPrimitive.Item>): import("react").JSX.Element;
+declare function CommandShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, };

package/dist/lib/components/ui/contacts/contact-dialog.d.ts

@@ -0,0 +1,10 @@
+import { Contact } from './models';
+export type ContactDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    contact?: Contact | null;
+    onSave: (contact: Contact) => void;
+    onDelete?: () => void;
+    disabled?: boolean;
+};
+export declare function ContactDialog({ open, onOpenChange, contact, onSave, onDelete, disabled, }: ContactDialogProps): import("react").JSX.Element;

package/dist/lib/components/ui/contacts/contact-item.d.ts

@@ -0,0 +1,11 @@
+import { UseControllerProps } from 'react-hook-form';
+export type ContactItemProps<T extends Record<string, any>> = Pick<UseControllerProps<T>, 'control' | 'name'> & {
+    index: number;
+    disabled?: boolean;
+    onRemove: () => void;
+    contactTypeOptions: {
+        label: string;
+        value: string;
+    }[];
+};
+export declare function ContactItem<T extends Record<string, any>>({ control, name, index, disabled, onRemove, contactTypeOptions, }: ContactItemProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/contacts/contacts-form-field.d.ts

@@ -0,0 +1,8 @@
+import { ComponentProps } from 'react';
+import { UseControllerProps } from 'react-hook-form';
+export type ContactsFormFieldProps<T extends Record<string, any>> = Pick<UseControllerProps<T>, 'control' | 'name'> & {
+    className?: string;
+    disabled?: boolean;
+    label?: string;
+} & Omit<ComponentProps<'div'>, 'name'>;
+export declare function ContactsFormField<T extends Record<string, any>>({ control, name, className, disabled, label, ...props }: ContactsFormFieldProps<T>): import("react").JSX.Element;

package/dist/lib/components/ui/contacts/contacts.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { Contact } from './models';
+export type ContactsProps = {
+    data?: Contact[] | null;
+    label?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+    onEdit?: (contact: Contact, index: number) => void;
+    onAdd?: () => void;
+};
+export declare function Contacts({ label, data, className, disabled, onEdit, onAdd, }: ContactsProps): import("react").JSX.Element | null;

package/dist/lib/components/ui/contacts/contacts.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { Contacts } from './contacts';
+declare const meta: {
+    title: string;
+    component: typeof Contacts;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Display: Story;
+export declare const Empty: Story;
+export declare const Editable: Story;
+export declare const FormField: Story;

package/dist/lib/components/ui/contacts/index.d.ts

@@ -0,0 +1,6 @@
+export * from './contact-dialog';
+export * from './contact-item';
+export * from './contacts';
+export * from './contacts-form-field';
+export * from './models';
+export * from './utils';

package/dist/lib/components/ui/contacts/models.d.ts

@@ -0,0 +1,25 @@
+export declare enum ContactType {
+    Email = "EMAIL",
+    Fax = "FAX",
+    Mobile = "MOBILE",
+    Phone = "PHONE",
+    Website = "WEBSITE"
+}
+export type Contact = {
+    type: ContactType;
+    /**
+     * @description Contact value (phone number, email, URL, etc.)
+     * @example +33 1 23 45 67 89
+     */
+    value: string;
+    /**
+     * @description Optional label for the contact
+     * @example Accueil
+     */
+    label?: string | null;
+};
+export type ContactFieldValue = {
+    type: ContactType;
+    value: string;
+    label?: string;
+};

package/dist/lib/components/ui/contacts/utils.d.ts

@@ -0,0 +1,11 @@
+import { MaterialLocaleKey } from '../../../i18n';
+import { ContactType } from './models';
+/**
+ * Resolves the `material.contacts.types.*` key (plus its English fallback) for
+ * a {@link ContactType}. The enum values are SCREAMING_SNAKE (`EMAIL`) while
+ * the resource keys are kebab-case.
+ */
+export declare function contactTypeLabel(type: ContactType | string): {
+    key: MaterialLocaleKey;
+    fallback: string;
+};

package/dist/lib/components/ui/context-menu.d.ts

@@ -0,0 +1,25 @@
+import { ContextMenu as ContextMenuPrimitive } from 'radix-ui';
+import { ComponentProps } from 'react';
+declare function ContextMenu({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Root>): import("react").JSX.Element;
+declare function ContextMenuTrigger({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Trigger>): import("react").JSX.Element;
+declare function ContextMenuGroup({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Group>): import("react").JSX.Element;
+declare function ContextMenuPortal({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Portal>): import("react").JSX.Element;
+declare function ContextMenuSub({ ...props }: ComponentProps<typeof ContextMenuPrimitive.Sub>): import("react").JSX.Element;
+declare function ContextMenuRadioGroup({ ...props }: ComponentProps<typeof ContextMenuPrimitive.RadioGroup>): import("react").JSX.Element;
+declare function ContextMenuSubTrigger({ className, inset, children, ...props }: ComponentProps<typeof ContextMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function ContextMenuSubContent({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.SubContent>): import("react").JSX.Element;
+declare function ContextMenuContent({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.Content>): import("react").JSX.Element;
+declare function ContextMenuItem({ className, inset, variant, ...props }: ComponentProps<typeof ContextMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'error';
+}): import("react").JSX.Element;
+declare function ContextMenuCheckboxItem({ className, children, checked, ...props }: ComponentProps<typeof ContextMenuPrimitive.CheckboxItem>): import("react").JSX.Element;
+declare function ContextMenuRadioItem({ className, children, ...props }: ComponentProps<typeof ContextMenuPrimitive.RadioItem>): import("react").JSX.Element;
+declare function ContextMenuLabel({ className, inset, ...props }: ComponentProps<typeof ContextMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react").JSX.Element;
+declare function ContextMenuSeparator({ className, ...props }: ComponentProps<typeof ContextMenuPrimitive.Separator>): import("react").JSX.Element;
+declare function ContextMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+export { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, };

package/dist/lib/components/ui/context-menu.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+import { ContextMenu } from '..';
+declare const meta: {
+    title: string;
+    component: typeof ContextMenu;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {};
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/lib/components/ui/copy-button/copy-button.d.ts

@@ -0,0 +1,7 @@
+import { IconButtonProps } from '../buttons';
+export type CopyButtonProps = Omit<IconButtonProps, 'onClick' | 'children' | 'tooltip'> & {
+    value: string;
+    label?: string;
+    copiedLabel?: string;
+};
+export declare function CopyButton({ value, label, copiedLabel, variant, color, ...props }: CopyButtonProps): import("react").JSX.Element;

package/dist/lib/components/ui/copy-button/copy-button.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { CopyButton } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof CopyButton;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Value: Story;
+export declare const ApiKey: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/copy-button/copy-to-clipboard.d.ts

@@ -0,0 +1 @@
+export declare function copyToClipboard(value: string): Promise<void>;

package/dist/lib/components/ui/copy-button/copy-to-clipboard.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/copy-button/copy-value.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+export type CopyValueProps = {
+    value: string;
+    display?: ReactNode;
+    className?: string;
+};
+export declare function CopyValue({ value, display, className }: CopyValueProps): import("react").JSX.Element;

package/dist/lib/components/ui/copy-button/index.d.ts

@@ -0,0 +1,5 @@
+export type { CopyButtonProps } from './copy-button';
+export { CopyButton } from './copy-button';
+export { copyToClipboard } from './copy-to-clipboard';
+export type { CopyValueProps } from './copy-value';
+export { CopyValue } from './copy-value';

package/dist/lib/components/ui/count-badge.d.ts

@@ -0,0 +1,10 @@
+import { VariantProps } from 'class-variance-authority';
+import { ComponentProps, ReactNode } from 'react';
+import { badgeVariants } from './badge';
+export type CountBadgeProps = Omit<ComponentProps<'span'>, 'children'> & {
+    count: number;
+    max?: number;
+    children: ReactNode;
+    variant?: VariantProps<typeof badgeVariants>['variant'];
+};
+export declare function CountBadge({ count, max, children, variant, className, ...props }: CountBadgeProps): import("react").JSX.Element;

package/dist/lib/components/ui/count-badge.stories.d.ts

@@ -0,0 +1,16 @@
+import { StoryObj } from '@storybook/react';
+import { CountBadge } from '..';
+declare const meta: {
+    title: string;
+    component: typeof CountBadge;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Overflow: Story;
+export declare const HiddenWhenZero: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/country-field/country-field.d.ts

@@ -0,0 +1,20 @@
+import { AutocompleteProps } from '../autocomplete';
+import { PhoneCountry } from '../phone-field';
+export declare function countryOptions(countries?: PhoneCountry[]): {
+    value: string;
+    label: string;
+}[];
+type CountryFieldBase = Omit<AutocompleteProps, 'options' | 'mode' | 'value' | 'onValueChange' | 'freeSolo' | 'freeSoloLabel'> & {
+    countries?: PhoneCountry[];
+};
+export type CountryFieldProps = CountryFieldBase & ({
+    mode?: 'single';
+    value?: string;
+    onValueChange?: (value?: string | null) => void;
+} | {
+    mode: 'multiple';
+    value?: string[];
+    onValueChange?: (value?: string[] | null) => void;
+});
+export declare function CountryField({ countries, placeholder, mode, value, onValueChange, ...props }: CountryFieldProps): import("react").JSX.Element;
+export {};

package/dist/lib/components/ui/country-field/country-field.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+import { CountryField } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof CountryField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Multiple: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/country-field/index.d.ts

@@ -0,0 +1,2 @@
+export type { CountryFieldProps } from './country-field';
+export { CountryField, countryOptions } from './country-field';

package/dist/lib/components/ui/currency-field/currency-field.d.ts

@@ -0,0 +1,8 @@
+import { TextFieldProps } from '../text-field';
+export type CurrencyFieldProps = Omit<TextFieldProps, 'type' | 'value' | 'defaultValue' | 'onChange' | 'trailing'> & {
+    value?: number | null;
+    defaultValue?: number | null;
+    onChange?: (value: number | null) => void;
+    currency?: string;
+};
+export declare function CurrencyField({ value, defaultValue, onChange, currency, ...props }: CurrencyFieldProps): import("react").JSX.Element;

package/dist/lib/components/ui/currency-field/currency-field.stories.d.ts

@@ -0,0 +1,17 @@
+import { StoryObj } from '@storybook/react';
+import { CurrencyField } from '../..';
+declare const meta: {
+    title: string;
+    component: typeof CurrencyField;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Usd: Story;
+export declare const Controlled: Story;
+export declare const ErrorState: Story;
+export declare const Dark: Story;

package/dist/lib/components/ui/currency-field/index.d.ts

@@ -0,0 +1,3 @@
+export type { CurrencyFieldProps } from './currency-field';
+export { CurrencyField } from './currency-field';
+export { parseCurrencyInput } from './parse-currency';

package/dist/lib/components/ui/currency-field/parse-currency.d.ts

@@ -0,0 +1 @@
+export declare function parseCurrencyInput(raw: string): number | null;

package/dist/lib/components/ui/currency-field/parse-currency.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/lib/components/ui/data-table/data-table-column-header.d.ts

@@ -0,0 +1,9 @@
+import { CellData, Column, RowData } from '@tanstack/react-table';
+import { HTMLAttributes } from 'react';
+import { DataTableFeatures } from './features';
+interface DataTableColumnHeaderProps<TData extends RowData, TValue extends CellData = CellData> extends HTMLAttributes<HTMLDivElement> {
+    column: Column<DataTableFeatures, TData, TValue>;
+    title: string;
+}
+export declare function DataTableColumnHeader<TData extends RowData, TValue extends CellData = CellData>({ column, title, className }: DataTableColumnHeaderProps<TData, TValue>): import("react").JSX.Element;
+export {};