brd-ui-kit 0.1.73 → 0.1.76

package/dist/components/ui/chart/chart.d.ts

@@ -1,43 +1,45 @@
-import * as React from "react";
+import { ComponentProps, ComponentType, ReactNode, MemoExoticComponent } from 'react';
+import { LegendPayload, VerticalAlignmentType } from 'recharts/types/component/DefaultLegendContent';
+import { Payload as TooltipPayloadEntry, ValueType as TooltipValueType, NameType as TooltipNameType } from 'recharts/types/component/DefaultTooltipContent';
 import * as RechartsPrimitive from "recharts";
 declare const THEMES: {
     readonly light: "";
     readonly dark: ".dark";
 };
-export type ChartConfig = {
-    [k in string]: {
-        label?: React.ReactNode;
-        icon?: React.ComponentType<any>;
-    } & ({
-        color?: string;
-        theme?: never;
-    } | {
-        color?: never;
-        theme: Record<keyof typeof THEMES, string>;
-    });
-};
-declare function ChartContainer({ id, className, children, config, ...props }: React.ComponentProps<"div"> & {
+type ChartConfigItem = {
+    label?: ReactNode;
+    icon?: ComponentType;
+} & ({
+    color?: string;
+    theme?: never;
+} | {
+    color?: never;
+    theme: Record<keyof typeof THEMES, string>;
+});
+export type ChartConfig = Partial<Record<string, ChartConfigItem>>;
+declare function ChartContainer({ id, className, children, config, ...props }: ComponentProps<"div"> & {
     config: ChartConfig;
-    children: React.ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
+    children: ComponentProps<typeof RechartsPrimitive.ResponsiveContainer>["children"];
 }): import("react/jsx-runtime").JSX.Element;
 declare const ChartStyle: ({ id, config }: {
     id: string;
     config: ChartConfig;
 }) => import("react/jsx-runtime").JSX.Element | null;
 declare const ChartTooltip: typeof RechartsPrimitive.Tooltip;
-declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: React.ComponentProps<typeof RechartsPrimitive.Tooltip> & React.ComponentProps<"div"> & {
+declare function ChartTooltipContent({ active, payload, className, indicator, hideLabel, hideIndicator, label, labelFormatter, labelClassName, formatter, color, nameKey, labelKey, }: ComponentProps<typeof RechartsPrimitive.Tooltip> & ComponentProps<"div"> & {
     hideLabel?: boolean;
     hideIndicator?: boolean;
     indicator?: "line" | "dot" | "dashed";
     nameKey?: string;
     labelKey?: string;
-    payload?: any[];
-    label?: any;
+    payload?: ReadonlyArray<TooltipPayloadEntry<TooltipValueType, TooltipNameType>>;
+    label?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;
-declare const ChartLegend: React.MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
-declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: React.ComponentProps<"div"> & Pick<RechartsPrimitive.LegendProps, "payload" | "verticalAlign"> & {
+declare const ChartLegend: MemoExoticComponent<(outsideProps: RechartsPrimitive.LegendProps) => React.ReactPortal | null>;
+declare function ChartLegendContent({ className, hideIcon, payload, verticalAlign, nameKey, }: ComponentProps<"div"> & {
+    payload?: ReadonlyArray<LegendPayload>;
+    verticalAlign?: VerticalAlignmentType;
     hideIcon?: boolean;
     nameKey?: string;
-    payload?: any[];
 }): import("react/jsx-runtime").JSX.Element | null;
 export { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, };

package/dist/components/ui/checkbox/checkbox.d.ts

@@ -1,8 +1,8 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import * as React from "react";
-type CheckboxRef = React.ComponentRef<typeof CheckboxPrimitive.Root>;
-type CheckboxProps = React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
-    ref?: React.Ref<CheckboxRef>;
+type CheckboxRef = ComponentRef<typeof CheckboxPrimitive.Root>;
+type CheckboxProps = ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root> & {
+    ref?: Ref<CheckboxRef>;
 };
 declare const Checkbox: {
     ({ className, ref, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,11 @@
 import { Combobox as ComboboxPrimitive } from '@base-ui/react';
+import { ComponentProps, ComponentPropsWithRef, ReactNode } from 'react';
 import { Field } from '../field';
-import * as React from "react";
 declare function Combobox<Value, Multiple extends boolean | undefined = false>({ children, ...props }: ComboboxPrimitive.Root.Props<Value, Multiple>): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxField({ className, label, description, error, children, ...props }: React.ComponentProps<typeof Field> & {
-    label?: React.ReactNode;
-    description?: React.ReactNode;
-    error?: React.ReactNode;
+declare function ComboboxField({ className, label, description, error, children, ...props }: ComponentProps<typeof Field> & {
+    label?: ReactNode;
+    description?: ReactNode;
+    error?: ReactNode;
 }): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxValue({ ...props }: ComboboxPrimitive.Value.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxTrigger({ className, children, ...props }: ComboboxPrimitive.Trigger.Props): import("react/jsx-runtime").JSX.Element;
@@ -23,7 +23,7 @@ declare function ComboboxLabel({ className, ...props }: ComboboxPrimitive.GroupL
 declare function ComboboxCollection({ ...props }: ComboboxPrimitive.Collection.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxEmpty({ className, ...props }: ComboboxPrimitive.Empty.Props): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxSeparator({ className, ...props }: ComboboxPrimitive.Separator.Props): import("react/jsx-runtime").JSX.Element;
-declare function ComboboxChips({ className, disabled, ...props }: React.ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
+declare function ComboboxChips({ className, disabled, ...props }: ComponentPropsWithRef<typeof ComboboxPrimitive.Chips> & ComboboxPrimitive.Chips.Props & {
     disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element;
 declare function ComboboxChip({ className, children, showRemove, ...props }: ComboboxPrimitive.Chip.Props & {

package/dist/components/ui/dialog/dialog.d.ts

@@ -1,15 +1,15 @@
+import { ComponentPropsWithRef, HTMLAttributes, FC, ForwardRefExoticComponent, RefAttributes } from 'react';
 import * as DialogPrimitive from "@radix-ui/react-dialog";
-import * as React from "react";
-type DialogOverlayProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
-type DialogContentProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
+type DialogOverlayProps = ComponentPropsWithRef<typeof DialogPrimitive.Overlay>;
+type DialogContentProps = ComponentPropsWithRef<typeof DialogPrimitive.Content> & {
     showCloseButton?: boolean;
 };
-type DialogTitleProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Title>;
-type DialogDescriptionProps = React.ComponentPropsWithRef<typeof DialogPrimitive.Description>;
-declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
-declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
-declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
-declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+type DialogTitleProps = ComponentPropsWithRef<typeof DialogPrimitive.Title>;
+type DialogDescriptionProps = ComponentPropsWithRef<typeof DialogPrimitive.Description>;
+declare const Dialog: FC<DialogPrimitive.DialogProps>;
+declare const DialogTrigger: ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & RefAttributes<HTMLButtonElement>>;
+declare const DialogPortal: FC<DialogPrimitive.DialogPortalProps>;
+declare const DialogClose: ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & RefAttributes<HTMLButtonElement>>;
 declare const DialogOverlay: {
     ({ className, ...props }: DialogOverlayProps): import("react/jsx-runtime").JSX.Element;
     displayName: string | undefined;
@@ -19,11 +19,11 @@ declare const DialogContent: {
     displayName: string | undefined;
 };
 declare const DialogHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const DialogTitle: {

package/dist/components/ui/drawer/drawer.d.ts

@@ -1,13 +1,13 @@
+import { ComponentProps } from 'react';
 import { Drawer as DrawerPrimitive } from 'vaul';
-import * as React from "react";
-declare function Drawer({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTrigger({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerPortal({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerClose({ ...props }: React.ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerOverlay({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerContent({ className, children, ...props }: React.ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerFooter({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function DrawerTitle({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
-declare function DrawerDescription({ className, ...props }: React.ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
+declare function Drawer({ ...props }: ComponentProps<typeof DrawerPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTrigger({ ...props }: ComponentProps<typeof DrawerPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerPortal({ ...props }: ComponentProps<typeof DrawerPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerClose({ ...props }: ComponentProps<typeof DrawerPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerOverlay({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Overlay>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerContent({ className, children, ...props }: ComponentProps<typeof DrawerPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerFooter({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function DrawerTitle({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Title>): import("react/jsx-runtime").JSX.Element;
+declare function DrawerDescription({ className, ...props }: ComponentProps<typeof DrawerPrimitive.Description>): import("react/jsx-runtime").JSX.Element;
 export { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, };

package/dist/components/ui/dropdown-menu/dropdown-menu.d.ts

@@ -0,0 +1,102 @@
+import { ComponentPropsWithoutRef, ComponentRef, ReactNode, Ref } from 'react';
+import { DropdownMenu as DropdownMenuPrimitive } from 'radix-ui';
+import { IconName } from 'phosphor-strokes-icons/by-name';
+type DropdownMenuRef = ComponentRef<typeof DropdownMenuPrimitive.Root>;
+type DropdownMenuProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root> & {
+    ref?: Ref<DropdownMenuRef>;
+};
+type DropdownMenuTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.Trigger>;
+type DropdownMenuTriggerProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger> & {
+    ref?: Ref<DropdownMenuTriggerRef>;
+};
+type DropdownMenuContentRef = ComponentRef<typeof DropdownMenuPrimitive.Content>;
+type DropdownMenuContentProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content> & {
+    ref?: Ref<DropdownMenuContentRef>;
+};
+type DropdownMenuItemRef = ComponentRef<typeof DropdownMenuPrimitive.Item>;
+type DropdownMenuItemProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
+    ref?: Ref<DropdownMenuItemRef>;
+};
+type DropdownMenuCheckboxItemRef = ComponentRef<typeof DropdownMenuPrimitive.CheckboxItem>;
+type DropdownMenuCheckboxItemProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem> & {
+    ref?: Ref<DropdownMenuCheckboxItemRef>;
+    itemIndicator?: ReactNode;
+    closeOnSelect?: boolean;
+};
+type DropdownMenuLabelRef = ComponentRef<typeof DropdownMenuPrimitive.Label>;
+type DropdownMenuLabelProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
+    ref?: Ref<DropdownMenuLabelRef>;
+};
+type DropdownMenuSeparatorRef = ComponentRef<typeof DropdownMenuPrimitive.Separator>;
+type DropdownMenuSeparatorProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator> & {
+    ref?: Ref<DropdownMenuSeparatorRef>;
+};
+type DropdownMenuSubTriggerRef = ComponentRef<typeof DropdownMenuPrimitive.SubTrigger>;
+type DropdownMenuSubTriggerProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
+    ref?: Ref<DropdownMenuSubTriggerRef>;
+};
+type DropdownMenuSubContentRef = ComponentRef<typeof DropdownMenuPrimitive.SubContent>;
+type DropdownMenuSubContentProps = ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent> & {
+    ref?: Ref<DropdownMenuSubContentRef>;
+};
+type DropdownMenuCheckboxOption = {
+    key: string;
+    label: ReactNode;
+    checked: boolean;
+    disabled?: boolean;
+    className?: string;
+    checkedClassName?: string;
+    textValue?: string;
+    itemIndicator?: ReactNode;
+    endAdornment?: ReactNode;
+    checkedEndAdornment?: ReactNode;
+};
+type CheckboxDropdownMenuProps = {
+    trigger: ReactNode;
+    items: DropdownMenuCheckboxOption[];
+    onItemCheckedChange: (key: string, checked: boolean) => void;
+    contentProps?: Omit<DropdownMenuContentProps, "children">;
+    keepOpenOnItemSelect?: boolean;
+};
+declare function DropdownMenu({ ...props }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: DropdownMenuTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, align, ...props }: DropdownMenuContentProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, ...props }: DropdownMenuItemProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, itemIndicator, closeOnSelect, onSelect, ...props }: DropdownMenuCheckboxItemProps): import("react/jsx-runtime").JSX.Element;
+declare function CheckboxDropdownMenu({ trigger, items, onItemCheckedChange, contentProps, keepOpenOnItemSelect, }: CheckboxDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, ...props }: DropdownMenuLabelProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: DropdownMenuSeparatorProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, ...props }: DropdownMenuSubTriggerProps): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, sideOffset, ...props }: DropdownMenuSubContentProps): import("react/jsx-runtime").JSX.Element;
+type DropdownMenuConfigBase = {
+    id?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+};
+type DropdownMenuConfigLabel = DropdownMenuConfigBase & {
+    type: "label";
+    label: string;
+};
+type DropdownMenuConfigSeparator = DropdownMenuConfigBase & {
+    type: "separator";
+};
+type DropdownMenuConfigItem = DropdownMenuConfigBase & {
+    type?: "item";
+    label: string;
+    icon?: ReactNode;
+    iconType?: IconName;
+    shortcut?: string;
+    alert?: boolean;
+    children?: DropdownMenuConfigNode[];
+    onSelect?: () => void;
+};
+type DropdownMenuConfigNode = DropdownMenuConfigLabel | DropdownMenuConfigSeparator | DropdownMenuConfigItem;
+type ConfigurableDropdownMenuProps = {
+    trigger: ReactNode;
+    items: DropdownMenuConfigNode[];
+    onAction?: (item: DropdownMenuConfigItem) => void;
+    contentProps?: Omit<DropdownMenuContentProps, "children">;
+};
+declare function ConfigurableDropdownMenu({ trigger, items, onAction, contentProps, }: ConfigurableDropdownMenuProps): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPrimitive, DropdownMenuSeparator, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ConfigurableDropdownMenu, CheckboxDropdownMenu, };
+export type { ConfigurableDropdownMenuProps, DropdownMenuConfigItem, DropdownMenuConfigLabel, DropdownMenuConfigNode, DropdownMenuConfigSeparator, DropdownMenuContentProps, DropdownMenuCheckboxItemProps, DropdownMenuCheckboxOption, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, CheckboxDropdownMenuProps, };

package/dist/components/ui/dropdown-menu/dropdown-menu.styles.d.ts

@@ -0,0 +1,9 @@
+export declare const dropdownMenuContentClassName: string;
+export declare const dropdownMenuItemClassName = "\n  relative flex cursor-pointer select-none rounded-sm items-center gap-4 px-3 py-1.5\n  text-sm outline-none transition-colors\n  data-[disabled]:pointer-events-none data-[disabled]:bg-disabled-bg data-[disabled]:text-disabled-text\n  data-[highlighted]:bg-primary-hover-bg data-[state=open]:bg-negotiation-bg\"\n";
+export declare const dropdownMenuSubTriggerClassName = "\n  \n  relative flex cursor-pointer select-none rounded-sm items-center gap-4 px-3 py-1.5\n  text-sm outline-none transition-colors\n  data-[disabled]:pointer-events-none data-[disabled]:bg-disabled-bg data-[disabled]:text-disabled-text\n  data-[highlighted]:bg-primary-hover-bg data-[state=open]:bg-negotiation-bg\"\n\n  justify-between\n  data-[state=open]:bg-negotiation-bg\n";
+export declare const dropdownMenuReadonlyItemTextClassName = "\n  text-center pr-0\n";
+export declare const dropdownMenuLabelClassName: string;
+export declare const dropdownMenuItemTextClassName = "pr-5";
+export declare const dropdownMenuSeparatorClassName = "\n  my-1 h-[0.125rem] bg-delicate-border transform scale-y-50\n";
+export declare const dropdownMenuShortcutClassName = "\n  ml-auto text-secondary-text\n";
+export declare const dropdownMenuIconClassName = "\n  shrink-0 text-secondary-text\n";

package/dist/components/ui/dropdown-menu/index.d.ts

@@ -0,0 +1,2 @@
+export { ConfigurableDropdownMenu, CheckboxDropdownMenu, DropdownMenu, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPrimitive, DropdownMenuSeparator, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, } from './dropdown-menu';
+export type { ConfigurableDropdownMenuProps, CheckboxDropdownMenuProps, DropdownMenuCheckboxOption, DropdownMenuConfigItem, DropdownMenuConfigLabel, DropdownMenuConfigNode, DropdownMenuConfigSeparator, DropdownMenuContentProps, DropdownMenuCheckboxItemProps, DropdownMenuItemProps, DropdownMenuLabelProps, DropdownMenuProps, DropdownMenuSeparatorProps, DropdownMenuSubContentProps, DropdownMenuSubTriggerProps, DropdownMenuTriggerProps, } from './dropdown-menu';

package/dist/components/ui/dropdown-menu.d.ts

@@ -0,0 +1,2 @@
+export * from './dropdown-menu/index'
+export {}

package/dist/components/ui/icon/icon-presets.d.ts

@@ -1,15 +1,15 @@
 export declare const iconPresets: {
     readonly "xx-small": {
-        readonly size: "0.5rem";
-        readonly strokeWidth: "0.05625rem";
+        readonly size: "0.75rem";
+        readonly strokeWidth: "0.063rem";
     };
     readonly "x-small": {
-        readonly size: "0.75rem";
-        readonly strokeWidth: "0.06875rem";
+        readonly size: "0.875rem";
+        readonly strokeWidth: "0.069rem";
     };
     readonly small: {
         readonly size: "1rem";
-        readonly strokeWidth: "0.08125rem";
+        readonly strokeWidth: "0.081rem";
     };
     readonly medium: {
         readonly size: "1.25rem";

package/dist/components/ui/icon/icon.d.ts

@@ -1,11 +1,12 @@
 import { StrokeIconProps } from 'phosphor-strokes-icons';
-import { IconName } from 'phosphor-strokes-icons/by-name';
+import { DynamicIconName } from 'phosphor-strokes-icons/dynamic';
 import { IconPreset } from './icon-presets';
 type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
-    type: IconName;
+    type: DynamicIconName;
     size?: IconPreset | StrokeIconProps["size"];
     strokeWidth?: StrokeIconProps["strokeWidth"];
     color?: StrokeIconProps["color"];
+    disabled?: boolean;
     absoluteStrokeWidth?: StrokeIconProps["absoluteStrokeWidth"];
     classes?: {
         wrapper?: string;
@@ -13,6 +14,6 @@ type Props = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLD
     };
     svgProps?: Omit<React.SVGProps<SVGSVGElement>, "size" | "strokeWidth" | "color" | "className">;
 };
-export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
-export type IconType = IconName;
+export declare const Icon: ({ type, size, strokeWidth, color, absoluteStrokeWidth, classes, className, svgProps, disabled, ...rest }: Props) => import("react/jsx-runtime").JSX.Element;
+export type IconType = DynamicIconName;
 export type { Props as IconProps };

package/dist/components/ui/input/input.d.ts

@@ -1,7 +1,7 @@
+import { ComponentPropsWithRef } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { inputVariants } from './input.styles';
-import * as React from "react";
-type InputProps = React.ComponentPropsWithRef<"input"> & VariantProps<typeof inputVariants> & {
+type InputProps = ComponentPropsWithRef<"input"> & VariantProps<typeof inputVariants> & {
     className?: string;
 };
 declare const Input: ({ className, sizeInput, type, variant, ...props }: InputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/input-group/input-group.d.ts

@@ -1,11 +1,11 @@
 import { VariantProps } from 'class-variance-authority';
+import { ComponentProps } from 'react';
 import { Button } from '../button';
 import { inputGroupAddonVariants, inputGroupButtonVariants } from './input-group.styles';
-import * as React from "react";
-declare function InputGroup({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupText({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupInput(props: React.ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
-declare function InputGroupTextarea({ className, ...props }: React.ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroup({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupAddon({ className, align, ...props }: ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<ComponentProps<typeof Button>, "size"> & VariantProps<typeof inputGroupButtonVariants>): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupText({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupInput(props: ComponentProps<"input">): import("react/jsx-runtime").JSX.Element;
+declare function InputGroupTextarea({ className, ...props }: ComponentProps<"textarea">): import("react/jsx-runtime").JSX.Element;
 export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, };

package/dist/components/ui/label/label.d.ts

@@ -1,11 +1,11 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { ClassProp } from 'class-variance-authority/types';
-import * as React from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 declare const labelVariants: (props?: ClassProp | undefined) => string;
-type LabelRef = React.ComponentRef<typeof LabelPrimitive.Root>;
-type LabelProps = React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
-    ref?: React.Ref<LabelRef>;
+type LabelRef = ComponentRef<typeof LabelPrimitive.Root>;
+type LabelProps = ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants> & {
+    ref?: Ref<LabelRef>;
 };
 declare const Label: {
     ({ className, ref, ...props }: LabelProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pagination/pagination.d.ts

@@ -1,11 +1,10 @@
-import { ButtonProps } from '../button';
-import * as React from "react";
+import { ComponentProps, ComponentPropsWithRef } from 'react';
 declare const Pagination: {
-    ({ className, ...props }: React.ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentProps<"nav">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-type PaginationContentProps = React.ComponentPropsWithRef<"ul">;
-type PaginationItemProps = React.ComponentPropsWithRef<"li">;
+type PaginationContentProps = ComponentPropsWithRef<"ul">;
+type PaginationItemProps = ComponentPropsWithRef<"li">;
 declare const PaginationContent: {
     ({ className, ref, ...props }: PaginationContentProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
@@ -16,21 +15,23 @@ declare const PaginationItem: {
 };
 type PaginationLinkProps = {
     isActive?: boolean;
-} & Pick<ButtonProps, "size"> & React.ComponentProps<"a">;
+    variant?: "page" | "arrow-left" | "arrow-right";
+    disabled?: boolean;
+} & ComponentProps<"a">;
 declare const PaginationLink: {
-    ({ className, isActive, size, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
+    ({ className, isActive, variant, disabled, children, ...props }: PaginationLinkProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationPrevious: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationNext: {
-    ({ className, ...props }: React.ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
+    ({ className, disabled, children, ...props }: ComponentProps<typeof PaginationLink>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 declare const PaginationEllipsis: {
-    ({ className, ...props }: React.ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentProps<"span">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, };

package/dist/components/ui/popover/popover.d.ts

@@ -1,10 +1,10 @@
+import { ComponentProps } from 'react';
 import { Popover as PopoverPrimitive } from 'radix-ui';
-import * as React from "react";
-declare function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverContent({ className, align, sideOffset, ...props }: React.ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
-declare function PopoverHeader({ className, ...props }: React.ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
-declare function PopoverTitle({ className, ...props }: React.ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
-declare function PopoverDescription({ className, ...props }: React.ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
+declare function Popover({ ...props }: ComponentProps<typeof PopoverPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTrigger({ ...props }: ComponentProps<typeof PopoverPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverContent({ className, align, sideOffset, ...props }: ComponentProps<typeof PopoverPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverAnchor({ ...props }: ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
+declare function PopoverHeader({ className, ...props }: ComponentProps<"div">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverTitle({ className, ...props }: ComponentProps<"h2">): import("react/jsx-runtime").JSX.Element;
+declare function PopoverDescription({ className, ...props }: ComponentProps<"p">): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, };

package/dist/components/ui/progress/progress.d.ts

@@ -1,8 +1,8 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import * as React from "react";
-type ProgressRef = React.ComponentRef<typeof ProgressPrimitive.Root>;
-type ProgressProps = React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
-    ref?: React.Ref<ProgressRef>;
+type ProgressRef = ComponentRef<typeof ProgressPrimitive.Root>;
+type ProgressProps = ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> & {
+    ref?: Ref<ProgressRef>;
 };
 declare const Progress: {
     ({ className, value, max, ref, ...props }: ProgressProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/radio-group/radio-group.d.ts

@@ -1,12 +1,12 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import * as React from "react";
-type RadioGroupRef = React.ComponentRef<typeof RadioGroupPrimitive.Root>;
-type RadioGroupProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
-    ref?: React.Ref<RadioGroupRef>;
+type RadioGroupRef = ComponentRef<typeof RadioGroupPrimitive.Root>;
+type RadioGroupProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Root> & {
+    ref?: Ref<RadioGroupRef>;
 };
-type RadioGroupItemRef = React.ComponentRef<typeof RadioGroupPrimitive.Item>;
-type RadioGroupItemProps = React.ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
-    ref?: React.Ref<RadioGroupItemRef>;
+type RadioGroupItemRef = ComponentRef<typeof RadioGroupPrimitive.Item>;
+type RadioGroupItemProps = ComponentPropsWithoutRef<typeof RadioGroupPrimitive.Item> & {
+    ref?: Ref<RadioGroupItemRef>;
 };
 declare const RadioGroup: {
     ({ className, ref, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/select.d.ts

@@ -1,17 +1,17 @@
+import { ComponentProps } from 'react';
 import { Select as SelectPrimitive } from 'radix-ui';
-import * as React from "react";
-type SelectProps = React.ComponentProps<typeof SelectPrimitive.Root>;
-type SelectGroupProps = React.ComponentProps<typeof SelectPrimitive.Group>;
-type SelectValueProps = React.ComponentProps<typeof SelectPrimitive.Value>;
-type SelectTriggerProps = React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+type SelectProps = ComponentProps<typeof SelectPrimitive.Root>;
+type SelectGroupProps = ComponentProps<typeof SelectPrimitive.Group>;
+type SelectValueProps = ComponentProps<typeof SelectPrimitive.Value>;
+type SelectTriggerProps = ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: "sm" | "default";
 };
-type SelectContentProps = React.ComponentProps<typeof SelectPrimitive.Content>;
-type SelectLabelProps = React.ComponentProps<typeof SelectPrimitive.Label>;
-type SelectItemProps = React.ComponentProps<typeof SelectPrimitive.Item>;
-type SelectSeparatorProps = React.ComponentProps<typeof SelectPrimitive.Separator>;
-type SelectScrollUpButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
-type SelectScrollDownButtonProps = React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
+type SelectContentProps = ComponentProps<typeof SelectPrimitive.Content>;
+type SelectLabelProps = ComponentProps<typeof SelectPrimitive.Label>;
+type SelectItemProps = ComponentProps<typeof SelectPrimitive.Item>;
+type SelectSeparatorProps = ComponentProps<typeof SelectPrimitive.Separator>;
+type SelectScrollUpButtonProps = ComponentProps<typeof SelectPrimitive.ScrollUpButton>;
+type SelectScrollDownButtonProps = ComponentProps<typeof SelectPrimitive.ScrollDownButton>;
 declare function Select({ ...props }: SelectProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ className, ...props }: SelectGroupProps): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: SelectValueProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/select/select.styles.d.ts

@@ -1,6 +1,6 @@
 export declare const selectGroupClassName = "flex flex-col gap-1";
-export declare const selectTriggerClassName = "border-inp-default-border bg-primary-bg text-primary-text\nhover:border-inp-hover-border focus-visible:border-inp-focus-border\ndata-placeholder:text-placeholder-text aria-invalid:border-error-text\naria-valid:border-success-text disabled:border-inp-disabled-border\ndisabled:bg-disabled-bg disabled:text-disabled-text\n[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center\njustify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap\ntransition-colors outline-none select-none focus-visible:ring-0\ndisabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8\n*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
-export declare const selectIconClassName = "text-primary-text pointer-events-none size-4";
+export declare const selectTriggerClassName = "border-inp-default-border bg-primary-bg text-primary-text\nhover:border-inp-hover-border focus-visible:border-inp-focus-border\ndata-placeholder:text-placeholder-text aria-invalid:border-error-text\naria-valid:border-success-text disabled:border-inp-disabled-border\ndisabled:bg-disabled-bg disabled:text-disabled-text\n[&[data-disabled]_svg]:text-disabled-text relative flex w-full items-center\njustify-between gap-2 rounded-xl border px-3 py-2.5 text-sm whitespace-nowrap cursor-pointer\ntransition-colors outline-none select-none focus-visible:ring-0\ndisabled:pointer-events-none data-[size=default]:h-10 data-[size=sm]:h-8\n*:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex\n*:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5\n[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4";
+export declare const selectIconClassName = "text-secondary-text pointer-events-none size-5";
 export declare const selectContentClassName = "border-inp-focus-border bg-primary-bg text-primary-text\ndata-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2\ndata-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2\ndata-open:animate-in data-open:fade-in-0 data-open:zoom-in-95\ndata-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 relative\nz-50 max-h-63 w-(--radix-select-trigger-width)\nmin-w-(--radix-select-trigger-width)\norigin-(--radix-select-content-transform-origin) overflow-x-hidden\noverflow-y-auto rounded-xl border shadow-[0px_4px_12px_0px_rgba(0,0,0,0.1)]\nduration-100 data-[align-trigger=true]:animate-none";
 export declare const selectViewportClassName = "data-[position=popper]:h-(--radix-select-trigger-height)\ndata-[position=popper]:w-full\ndata-[position=popper]:min-w-(--radix-select-trigger-width)";
 export declare const selectLabelClassName = "text-secondary-text px-4 py-2 text-xs";

package/dist/components/ui/select-calendar-menu/index.d.ts

@@ -0,0 +1 @@
+export { SelectCalendarMenu, type SelectCalendarMenuProps } from './select-calendar-menu';

package/dist/components/ui/select-calendar-menu/select-calendar-menu.d.ts

@@ -0,0 +1,33 @@
+import { ComponentProps } from 'react';
+import { DateRange } from 'react-day-picker';
+import { Calendar } from '../calendar';
+import { Icon } from '../icon';
+import { PopoverContent } from '../popover';
+type SelectCalendarMenuBaseProps = {
+    placeholder?: string;
+    size?: "sm" | "default";
+    disabled?: boolean;
+    className?: string;
+    iconPosition?: "left" | "right";
+    iconType?: ComponentProps<typeof Icon>["type"];
+    closeOnSelect?: boolean;
+    collisionPadding?: number;
+    calendarProps?: Omit<ComponentProps<typeof Calendar>, "mode" | "selected" | "onSelect" | "appendFooter">;
+    popoverContentProps?: Omit<ComponentProps<typeof PopoverContent>, "children">;
+};
+type SelectCalendarMenuSingleProps = SelectCalendarMenuBaseProps & {
+    mode?: "single";
+    value?: Date;
+    onValueChange?: (date: Date | undefined) => void;
+    triggerLabelFormatter?: (date: Date) => string;
+};
+type SelectCalendarMenuRangeProps = SelectCalendarMenuBaseProps & {
+    mode: "range";
+    value?: DateRange;
+    onValueChange?: (range: DateRange | undefined) => void;
+    triggerLabelFormatter?: (range: DateRange | undefined) => string;
+    rangeApplyLabel?: string;
+};
+export type SelectCalendarMenuProps = SelectCalendarMenuSingleProps | SelectCalendarMenuRangeProps;
+declare function SelectCalendarMenu(props: SelectCalendarMenuProps): import("react/jsx-runtime").JSX.Element;
+export { SelectCalendarMenu };

package/dist/components/ui/select-calendar-menu.d.ts

@@ -0,0 +1,2 @@
+export * from './select-calendar-menu/index'
+export {}

package/dist/components/ui/separator/separator.d.ts

@@ -1,8 +1,8 @@
+import { ComponentPropsWithoutRef, ComponentRef, Ref } from 'react';
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import * as React from "react";
-type SeparatorRef = React.ComponentRef<typeof SeparatorPrimitive.Root>;
-type SeparatorProps = React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
-    ref?: React.Ref<SeparatorRef>;
+type SeparatorRef = ComponentRef<typeof SeparatorPrimitive.Root>;
+type SeparatorProps = ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root> & {
+    ref?: Ref<SeparatorRef>;
 };
 declare const Separator: {
     ({ className, orientation, decorative, ref, ...props }: SeparatorProps): import("react/jsx-runtime").JSX.Element;