@exem-ui/react 0.3.4-next.20260328020730 → 0.3.4-next.20260330041425
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +52 -4
- package/dist/index.d.ts +52 -4
- package/dist/index.js +143 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +142 -1
- package/dist/index.mjs.map +1 -1
- package/package.json +4 -3
package/dist/index.d.mts
CHANGED
|
@@ -3,13 +3,14 @@ import { VariantProps } from '@exem-ui/core/utils';
|
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ComponentProps } from 'react';
|
|
5
5
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
6
|
-
import { C as ConditionalTooltip, V as Variant, S as Size, I as Icon } from './FlatTooltip-Dyj1pCh4.mjs';
|
|
6
|
+
import { C as ConditionalTooltip, V as Variant, S as Size$1, I as Icon } from './FlatTooltip-Dyj1pCh4.mjs';
|
|
7
7
|
export { l as Segment, m as SegmentComponent, n as SegmentContentProps, o as SegmentItemProps, p as SegmentListProps, q as SegmentRootProps, a as Select, b as SelectBoxProps, c as SelectComponent, d as SelectDescriptionProps, e as SelectEmptyProps, f as SelectGroupProps, g as SelectItemProps, h as SelectLabelProps, i as SelectListProps, j as SelectRootProps, k as SelectTriggerProps, T as Tooltip, r as TooltipComponent, s as TooltipContentProps, t as TooltipDescriptionProps, u as TooltipProviderProps, v as TooltipRootProps, w as TooltipTitleProps, x as TooltipTriggerProps } from './FlatTooltip-Dyj1pCh4.mjs';
|
|
8
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
9
9
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
10
10
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
11
11
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
12
12
|
import { DayPicker } from 'react-day-picker';
|
|
13
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
13
14
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
14
15
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
16
|
import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
|
|
@@ -457,6 +458,53 @@ type DatePickerProps = DistributiveOmit<ComponentProps<typeof DayPicker>, 'mode'
|
|
|
457
458
|
};
|
|
458
459
|
declare function DatePicker({ type, showOutsideDays, ...rest }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
459
460
|
|
|
461
|
+
type Size = 'xsmall' | 'small' | 'medium' | 'large';
|
|
462
|
+
/** Dropdown 루트 Props */
|
|
463
|
+
type DropdownRootProps = {
|
|
464
|
+
children?: React$1.ReactNode;
|
|
465
|
+
/** 드롭다운 아이템 크기 */
|
|
466
|
+
size?: Size;
|
|
467
|
+
} & React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
|
|
468
|
+
/** Dropdown 트리거 Props */
|
|
469
|
+
type DropdownTriggerProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
|
|
470
|
+
/** Dropdown 콘텐츠 Props */
|
|
471
|
+
type DropdownContentProps = {
|
|
472
|
+
className?: string;
|
|
473
|
+
children?: React$1.ReactNode;
|
|
474
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'className' | 'children'>;
|
|
475
|
+
/** Dropdown 아이템 Props */
|
|
476
|
+
type DropdownItemProps = {
|
|
477
|
+
children?: React$1.ReactNode;
|
|
478
|
+
/** 아이템 왼쪽에 표시할 슬롯 (아이콘, 이모지, 이미지 등) */
|
|
479
|
+
leftSlot?: React$1.ReactNode;
|
|
480
|
+
/** 아이템 오른쪽에 표시할 슬롯 (아이콘, 이모지, 이미지 등) */
|
|
481
|
+
rightSlot?: React$1.ReactNode;
|
|
482
|
+
/** 아이템 크기 (Context 크기 오버라이드) */
|
|
483
|
+
size?: Size;
|
|
484
|
+
className?: string;
|
|
485
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, 'children'>;
|
|
486
|
+
/** Dropdown 구분선 Props */
|
|
487
|
+
type DropdownSeparatorProps = {
|
|
488
|
+
className?: string;
|
|
489
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>, 'className'>;
|
|
490
|
+
/** Dropdown 라벨 Props */
|
|
491
|
+
type DropdownLabelProps = {
|
|
492
|
+
children?: React$1.ReactNode;
|
|
493
|
+
size?: Size;
|
|
494
|
+
className?: string;
|
|
495
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>, 'children' | 'className'>;
|
|
496
|
+
/** Dropdown 그룹 Props */
|
|
497
|
+
type DropdownGroupProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>;
|
|
498
|
+
type DropdownComponent = React$1.FC<DropdownRootProps> & {
|
|
499
|
+
Trigger: React$1.ForwardRefExoticComponent<DropdownTriggerProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Trigger>>>;
|
|
500
|
+
Content: React$1.ForwardRefExoticComponent<DropdownContentProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Content>>>;
|
|
501
|
+
Item: React$1.ForwardRefExoticComponent<DropdownItemProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Item>>>;
|
|
502
|
+
Separator: React$1.ForwardRefExoticComponent<DropdownSeparatorProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Separator>>>;
|
|
503
|
+
Label: React$1.ForwardRefExoticComponent<DropdownLabelProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Label>>>;
|
|
504
|
+
Group: React$1.ForwardRefExoticComponent<DropdownGroupProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Group>>>;
|
|
505
|
+
};
|
|
506
|
+
declare const Dropdown: DropdownComponent;
|
|
507
|
+
|
|
460
508
|
type TextAreaLabelProps = {
|
|
461
509
|
children: React$1.ReactNode;
|
|
462
510
|
required?: boolean;
|
|
@@ -475,7 +523,7 @@ type TextAreaRootProps = {
|
|
|
475
523
|
* @default 'fill'
|
|
476
524
|
*/
|
|
477
525
|
variant?: Variant;
|
|
478
|
-
size?: Size;
|
|
526
|
+
size?: Size$1;
|
|
479
527
|
error?: boolean;
|
|
480
528
|
disabled?: boolean;
|
|
481
529
|
/**
|
|
@@ -504,7 +552,7 @@ type TextFieldRootProps = {
|
|
|
504
552
|
* @default 'fill'
|
|
505
553
|
*/
|
|
506
554
|
variant?: Variant;
|
|
507
|
-
size?: Size;
|
|
555
|
+
size?: Size$1;
|
|
508
556
|
error?: boolean;
|
|
509
557
|
disabled?: boolean;
|
|
510
558
|
className?: string;
|
|
@@ -930,4 +978,4 @@ declare const buttonize: (fn: (e: React__default.MouseEvent<HTMLElement> | React
|
|
|
930
978
|
onKeyDown: (event: React__default.KeyboardEvent<HTMLDivElement>) => void;
|
|
931
979
|
};
|
|
932
980
|
|
|
933
|
-
export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, toast, useToast };
|
|
981
|
+
export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, toast, useToast };
|
package/dist/index.d.ts
CHANGED
|
@@ -3,13 +3,14 @@ import { VariantProps } from '@exem-ui/core/utils';
|
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { ComponentProps } from 'react';
|
|
5
5
|
import * as TabsPrimitive from '@radix-ui/react-tabs';
|
|
6
|
-
import { C as ConditionalTooltip, V as Variant, S as Size, I as Icon } from './FlatTooltip-Dyj1pCh4.js';
|
|
6
|
+
import { C as ConditionalTooltip, V as Variant, S as Size$1, I as Icon } from './FlatTooltip-Dyj1pCh4.js';
|
|
7
7
|
export { l as Segment, m as SegmentComponent, n as SegmentContentProps, o as SegmentItemProps, p as SegmentListProps, q as SegmentRootProps, a as Select, b as SelectBoxProps, c as SelectComponent, d as SelectDescriptionProps, e as SelectEmptyProps, f as SelectGroupProps, g as SelectItemProps, h as SelectLabelProps, i as SelectListProps, j as SelectRootProps, k as SelectTriggerProps, T as Tooltip, r as TooltipComponent, s as TooltipContentProps, t as TooltipDescriptionProps, u as TooltipProviderProps, v as TooltipRootProps, w as TooltipTitleProps, x as TooltipTriggerProps } from './FlatTooltip-Dyj1pCh4.js';
|
|
8
8
|
import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
|
|
9
9
|
import * as RadioGroupPrimitive from '@radix-ui/react-radio-group';
|
|
10
10
|
import * as SwitchPrimitives from '@radix-ui/react-switch';
|
|
11
11
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
12
12
|
import { DayPicker } from 'react-day-picker';
|
|
13
|
+
import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
|
|
13
14
|
import * as ScrollAreaPrimitive from '@radix-ui/react-scroll-area';
|
|
14
15
|
import * as DialogPrimitive from '@radix-ui/react-dialog';
|
|
15
16
|
import { Toaster as Toaster$1, ExternalToast, toast as toast$1 } from 'sonner';
|
|
@@ -457,6 +458,53 @@ type DatePickerProps = DistributiveOmit<ComponentProps<typeof DayPicker>, 'mode'
|
|
|
457
458
|
};
|
|
458
459
|
declare function DatePicker({ type, showOutsideDays, ...rest }: DatePickerProps): react_jsx_runtime.JSX.Element;
|
|
459
460
|
|
|
461
|
+
type Size = 'xsmall' | 'small' | 'medium' | 'large';
|
|
462
|
+
/** Dropdown 루트 Props */
|
|
463
|
+
type DropdownRootProps = {
|
|
464
|
+
children?: React$1.ReactNode;
|
|
465
|
+
/** 드롭다운 아이템 크기 */
|
|
466
|
+
size?: Size;
|
|
467
|
+
} & React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>;
|
|
468
|
+
/** Dropdown 트리거 Props */
|
|
469
|
+
type DropdownTriggerProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Trigger>;
|
|
470
|
+
/** Dropdown 콘텐츠 Props */
|
|
471
|
+
type DropdownContentProps = {
|
|
472
|
+
className?: string;
|
|
473
|
+
children?: React$1.ReactNode;
|
|
474
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>, 'className' | 'children'>;
|
|
475
|
+
/** Dropdown 아이템 Props */
|
|
476
|
+
type DropdownItemProps = {
|
|
477
|
+
children?: React$1.ReactNode;
|
|
478
|
+
/** 아이템 왼쪽에 표시할 슬롯 (아이콘, 이모지, 이미지 등) */
|
|
479
|
+
leftSlot?: React$1.ReactNode;
|
|
480
|
+
/** 아이템 오른쪽에 표시할 슬롯 (아이콘, 이모지, 이미지 등) */
|
|
481
|
+
rightSlot?: React$1.ReactNode;
|
|
482
|
+
/** 아이템 크기 (Context 크기 오버라이드) */
|
|
483
|
+
size?: Size;
|
|
484
|
+
className?: string;
|
|
485
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item>, 'children'>;
|
|
486
|
+
/** Dropdown 구분선 Props */
|
|
487
|
+
type DropdownSeparatorProps = {
|
|
488
|
+
className?: string;
|
|
489
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>, 'className'>;
|
|
490
|
+
/** Dropdown 라벨 Props */
|
|
491
|
+
type DropdownLabelProps = {
|
|
492
|
+
children?: React$1.ReactNode;
|
|
493
|
+
size?: Size;
|
|
494
|
+
className?: string;
|
|
495
|
+
} & Omit<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label>, 'children' | 'className'>;
|
|
496
|
+
/** Dropdown 그룹 Props */
|
|
497
|
+
type DropdownGroupProps = React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Group>;
|
|
498
|
+
type DropdownComponent = React$1.FC<DropdownRootProps> & {
|
|
499
|
+
Trigger: React$1.ForwardRefExoticComponent<DropdownTriggerProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Trigger>>>;
|
|
500
|
+
Content: React$1.ForwardRefExoticComponent<DropdownContentProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Content>>>;
|
|
501
|
+
Item: React$1.ForwardRefExoticComponent<DropdownItemProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Item>>>;
|
|
502
|
+
Separator: React$1.ForwardRefExoticComponent<DropdownSeparatorProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Separator>>>;
|
|
503
|
+
Label: React$1.ForwardRefExoticComponent<DropdownLabelProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Label>>>;
|
|
504
|
+
Group: React$1.ForwardRefExoticComponent<DropdownGroupProps & React$1.RefAttributes<React$1.ComponentRef<typeof DropdownMenuPrimitive.Group>>>;
|
|
505
|
+
};
|
|
506
|
+
declare const Dropdown: DropdownComponent;
|
|
507
|
+
|
|
460
508
|
type TextAreaLabelProps = {
|
|
461
509
|
children: React$1.ReactNode;
|
|
462
510
|
required?: boolean;
|
|
@@ -475,7 +523,7 @@ type TextAreaRootProps = {
|
|
|
475
523
|
* @default 'fill'
|
|
476
524
|
*/
|
|
477
525
|
variant?: Variant;
|
|
478
|
-
size?: Size;
|
|
526
|
+
size?: Size$1;
|
|
479
527
|
error?: boolean;
|
|
480
528
|
disabled?: boolean;
|
|
481
529
|
/**
|
|
@@ -504,7 +552,7 @@ type TextFieldRootProps = {
|
|
|
504
552
|
* @default 'fill'
|
|
505
553
|
*/
|
|
506
554
|
variant?: Variant;
|
|
507
|
-
size?: Size;
|
|
555
|
+
size?: Size$1;
|
|
508
556
|
error?: boolean;
|
|
509
557
|
disabled?: boolean;
|
|
510
558
|
className?: string;
|
|
@@ -930,4 +978,4 @@ declare const buttonize: (fn: (e: React__default.MouseEvent<HTMLElement> | React
|
|
|
930
978
|
onKeyDown: (event: React__default.KeyboardEvent<HTMLDivElement>) => void;
|
|
931
979
|
};
|
|
932
980
|
|
|
933
|
-
export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, toast, useToast };
|
|
981
|
+
export { Avatar, type AvatarComponent, type AvatarProps, Badge, type BadgeComponent, type BadgeProps, Breadcrumb, type BreadcrumbComponent, type BreadcrumbEllipsisProps, type BreadcrumbItemProps, type BreadcrumbLinkProps, type BreadcrumbListProps, type BreadcrumbPageProps, type BreadcrumbRootProps, type BreadcrumbSeparatorProps, Button, type ButtonComponent, ButtonGroup, type ButtonGroupComponent, type ButtonGroupItem, type ButtonGroupProps, type ButtonProps, Checkbox, type CheckboxComponent, type CheckboxProps, DatePicker, type DatePickerProps, DoubleTag, type DoubleTagProps, Dropdown, type DropdownComponent, type DropdownContentProps, type DropdownGroupProps, type DropdownItemProps, type DropdownLabelProps, type DropdownRootProps, type DropdownSeparatorProps, type DropdownTriggerProps, type ExtendedExternalToast, IconButton, type IconButtonComponent, type IconButtonProps, Loading, type LoadingComponent, type LoadingProps, MessageBox, type MessageBoxActionProps, type MessageBoxActionsProps, type MessageBoxCancelProps, type MessageBoxComponent, type MessageBoxContentProps, type MessageBoxDescriptionProps, type MessageBoxRootProps, type MessageBoxTitleProps, type MessageBoxTriggerProps, type MessageBoxVariant, Modal, type ModalActionProps, type ModalActionsProps, type ModalBodyProps, type ModalCloseProps, type ModalComponent, type ModalContentProps, type ModalDescriptionProps, type ModalFooterDescriptionProps, type ModalFooterProps, type ModalHeaderProps, type ModalOverlayProps, type ModalPortalProps, type ModalRootProps, type ModalTitleProps, type ModalTriggerProps, Progress, type ProgressComponent, type ProgressProps, Radio, type RadioComponent, type RadioItemProps, type RadioRootProps, ScrollArea, type ScrollAreaProps, ScrollBar, type Options as SonnerToastOptions, Star, type StarComponent, type StarProps, Switch, type SwitchComponent, type SwitchProps, Tabs, type TabsComponent, type TabsContentProps, type TabsListProps, type TabsRootProps, type TabsTriggerProps, Tag, type TagColor, type TagComponent, type TagProps, TextArea, type TextAreaComponent, type TextAreaDescriptionProps, type TextAreaFieldProps, type TextAreaLabelProps, type TextAreaRootProps, TextField, type TextFieldComponent, type TextFieldDescriptionProps, type TextFieldInputProps, type TextFieldLabelProps, type TextFieldRootProps, type ToastAction, type ToastInput, type ToastOptions, ToastProvider, type ToastProviderProps, Toaster, type ToasterActionProps, type ToasterComponent, type ToasterContainerProps, type ToasterDescriptionProps, type ToasterIconProps, type ToasterRootProps, type ToasterTitleProps, buttonize, toast, useToast };
|
package/dist/index.js
CHANGED
|
@@ -11,6 +11,7 @@ var CheckboxPrimitive = require('@radix-ui/react-checkbox');
|
|
|
11
11
|
var RadioGroupPrimitive = require('@radix-ui/react-radio-group');
|
|
12
12
|
var SwitchPrimitives = require('@radix-ui/react-switch');
|
|
13
13
|
var reactDayPicker = require('react-day-picker');
|
|
14
|
+
var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
|
|
14
15
|
var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
|
|
15
16
|
var DialogPrimitive = require('@radix-ui/react-dialog');
|
|
16
17
|
var sonner = require('sonner');
|
|
@@ -38,6 +39,7 @@ var TabsPrimitive__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive);
|
|
|
38
39
|
var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
|
|
39
40
|
var RadioGroupPrimitive__namespace = /*#__PURE__*/_interopNamespace(RadioGroupPrimitive);
|
|
40
41
|
var SwitchPrimitives__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitives);
|
|
42
|
+
var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
|
|
41
43
|
var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
|
|
42
44
|
var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
|
|
43
45
|
|
|
@@ -1207,6 +1209,146 @@ function DatePicker({ type = "single", showOutsideDays = true, ...rest }) {
|
|
|
1207
1209
|
}
|
|
1208
1210
|
);
|
|
1209
1211
|
}
|
|
1212
|
+
var dropdownVariants = {
|
|
1213
|
+
content: utils.cn(
|
|
1214
|
+
"relative border border-border-primary z-50 min-w-[8rem] overflow-hidden rounded-medium bg-background-overlay shadow-weak",
|
|
1215
|
+
"data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95",
|
|
1216
|
+
"data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2"
|
|
1217
|
+
),
|
|
1218
|
+
viewport: utils.cn("flex flex-col gap-0.5 p-1"),
|
|
1219
|
+
item: utils.cva(
|
|
1220
|
+
"relative flex w-full cursor-pointer select-none items-center rounded-weak px-2 text-body-2 text-text-primary outline-none hover:bg-elevation-elevation-2 focus:bg-elevation-elevation-2 data-[disabled]:pointer-events-none data-[disabled]:text-text-disabled",
|
|
1221
|
+
{
|
|
1222
|
+
defaultVariants: { size: "medium" },
|
|
1223
|
+
variants: {
|
|
1224
|
+
size: {
|
|
1225
|
+
xsmall: "h-6",
|
|
1226
|
+
small: "h-7",
|
|
1227
|
+
medium: "h-8",
|
|
1228
|
+
large: "h-10"
|
|
1229
|
+
}
|
|
1230
|
+
}
|
|
1231
|
+
}
|
|
1232
|
+
),
|
|
1233
|
+
slotSize: utils.cva("shrink-0", {
|
|
1234
|
+
variants: {
|
|
1235
|
+
size: {
|
|
1236
|
+
xsmall: "size-4",
|
|
1237
|
+
small: "size-4",
|
|
1238
|
+
medium: "size-4",
|
|
1239
|
+
large: "size-5"
|
|
1240
|
+
}
|
|
1241
|
+
},
|
|
1242
|
+
defaultVariants: { size: "medium" }
|
|
1243
|
+
}),
|
|
1244
|
+
separator: utils.cn("my-0.5 h-px bg-border-primary"),
|
|
1245
|
+
label: utils.cva("px-2 font-medium text-text-secondary", {
|
|
1246
|
+
defaultVariants: { size: "medium" },
|
|
1247
|
+
variants: {
|
|
1248
|
+
size: {
|
|
1249
|
+
xsmall: "h-6 text-caption leading-6",
|
|
1250
|
+
small: "h-7 text-body-3 leading-7",
|
|
1251
|
+
medium: "h-8 text-body-2 leading-8",
|
|
1252
|
+
large: "h-10 text-body-1 leading-10"
|
|
1253
|
+
}
|
|
1254
|
+
}
|
|
1255
|
+
})
|
|
1256
|
+
};
|
|
1257
|
+
var DropdownContext = React.createContext({ size: "medium" });
|
|
1258
|
+
var useDropdownContext = () => React.useContext(DropdownContext);
|
|
1259
|
+
var Dropdown = ({ children, size = "medium", ...props }) => {
|
|
1260
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownContext.Provider, { value: { size }, children: /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Root, { ...props, children }) });
|
|
1261
|
+
};
|
|
1262
|
+
Dropdown.Trigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1263
|
+
DropdownMenuPrimitive__namespace.Trigger,
|
|
1264
|
+
{
|
|
1265
|
+
ref,
|
|
1266
|
+
"data-slot": "dropdown-trigger",
|
|
1267
|
+
className: utils.cn("outline-none", className),
|
|
1268
|
+
...props,
|
|
1269
|
+
children
|
|
1270
|
+
}
|
|
1271
|
+
));
|
|
1272
|
+
Dropdown.Content = React.forwardRef(({ className, children, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Portal, { children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
1273
|
+
DropdownMenuPrimitive__namespace.Content,
|
|
1274
|
+
{
|
|
1275
|
+
ref,
|
|
1276
|
+
"data-slot": "dropdown-content",
|
|
1277
|
+
sideOffset,
|
|
1278
|
+
className: utils.cn(dropdownVariants.content, "max-h-60", className),
|
|
1279
|
+
...props,
|
|
1280
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { "data-slot": "dropdown-viewport", className: dropdownVariants.viewport, children })
|
|
1281
|
+
}
|
|
1282
|
+
) }));
|
|
1283
|
+
Dropdown.Item = React.forwardRef(({ className, children, leftSlot, rightSlot, size: sizeProp, ...props }, ref) => {
|
|
1284
|
+
const { size: contextSize } = useDropdownContext();
|
|
1285
|
+
const size = sizeProp ?? contextSize;
|
|
1286
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1287
|
+
DropdownMenuPrimitive__namespace.Item,
|
|
1288
|
+
{
|
|
1289
|
+
ref,
|
|
1290
|
+
"data-slot": "dropdown-item",
|
|
1291
|
+
className: utils.cn(dropdownVariants.item({ size }), className),
|
|
1292
|
+
...props,
|
|
1293
|
+
children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
|
|
1294
|
+
/* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center gap-0.5", children: [
|
|
1295
|
+
leftSlot && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1296
|
+
"span",
|
|
1297
|
+
{
|
|
1298
|
+
className: utils.cn(
|
|
1299
|
+
dropdownVariants.slotSize({ size }),
|
|
1300
|
+
"flex items-center justify-center text-icon-primary"
|
|
1301
|
+
),
|
|
1302
|
+
children: leftSlot
|
|
1303
|
+
}
|
|
1304
|
+
),
|
|
1305
|
+
/* @__PURE__ */ jsxRuntime.jsx("span", { className: "min-w-0 flex-1 truncate", children })
|
|
1306
|
+
] }),
|
|
1307
|
+
rightSlot && /* @__PURE__ */ jsxRuntime.jsx(
|
|
1308
|
+
"span",
|
|
1309
|
+
{
|
|
1310
|
+
className: utils.cn(
|
|
1311
|
+
dropdownVariants.slotSize({ size }),
|
|
1312
|
+
"flex items-center justify-center text-icon-primary"
|
|
1313
|
+
),
|
|
1314
|
+
children: rightSlot
|
|
1315
|
+
}
|
|
1316
|
+
)
|
|
1317
|
+
] })
|
|
1318
|
+
}
|
|
1319
|
+
);
|
|
1320
|
+
});
|
|
1321
|
+
Dropdown.Separator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1322
|
+
DropdownMenuPrimitive__namespace.Separator,
|
|
1323
|
+
{
|
|
1324
|
+
ref,
|
|
1325
|
+
"data-slot": "dropdown-separator",
|
|
1326
|
+
className: utils.cn(dropdownVariants.separator, className),
|
|
1327
|
+
...props
|
|
1328
|
+
}
|
|
1329
|
+
));
|
|
1330
|
+
Dropdown.Label = React.forwardRef(({ className, children, size: sizeProp, ...props }, ref) => {
|
|
1331
|
+
const { size: contextSize } = useDropdownContext();
|
|
1332
|
+
const size = sizeProp ?? contextSize;
|
|
1333
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
1334
|
+
DropdownMenuPrimitive__namespace.Label,
|
|
1335
|
+
{
|
|
1336
|
+
ref,
|
|
1337
|
+
"data-slot": "dropdown-label",
|
|
1338
|
+
className: utils.cn(dropdownVariants.label({ size }), className),
|
|
1339
|
+
...props,
|
|
1340
|
+
children
|
|
1341
|
+
}
|
|
1342
|
+
);
|
|
1343
|
+
});
|
|
1344
|
+
Dropdown.Group = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenuPrimitive__namespace.Group, { ref, "data-slot": "dropdown-group", ...props }));
|
|
1345
|
+
Dropdown.displayName = "Dropdown";
|
|
1346
|
+
Dropdown.Trigger.displayName = "Dropdown.Trigger";
|
|
1347
|
+
Dropdown.Content.displayName = "Dropdown.Content";
|
|
1348
|
+
Dropdown.Item.displayName = "Dropdown.Item";
|
|
1349
|
+
Dropdown.Separator.displayName = "Dropdown.Separator";
|
|
1350
|
+
Dropdown.Label.displayName = "Dropdown.Label";
|
|
1351
|
+
Dropdown.Group.displayName = "Dropdown.Group";
|
|
1210
1352
|
var TextAreaContext = React.createContext(null);
|
|
1211
1353
|
var useTextAreaContext = () => {
|
|
1212
1354
|
const context = React.useContext(TextAreaContext);
|
|
@@ -2469,6 +2611,7 @@ exports.ButtonGroup = ButtonGroup;
|
|
|
2469
2611
|
exports.Checkbox = Checkbox;
|
|
2470
2612
|
exports.DatePicker = DatePicker;
|
|
2471
2613
|
exports.DoubleTag = DoubleTag;
|
|
2614
|
+
exports.Dropdown = Dropdown;
|
|
2472
2615
|
exports.IconButton = IconButton;
|
|
2473
2616
|
exports.Loading = Loading;
|
|
2474
2617
|
exports.MessageBox = MessageBox;
|