najm-kit 2.0.1 → 2.1.1
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.ts +34 -1
- package/dist/index.mjs +197 -54
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -506,6 +506,7 @@ declare namespace NPageHeaderTop {
|
|
|
506
506
|
declare function NPageHeader({ icon: Icon, title, subtitle, actions, filters, top, search, children, className, headerClassName, card, bordered }: NPageHeaderProps): react_jsx_runtime.JSX.Element;
|
|
507
507
|
|
|
508
508
|
type DialogActionMode = "auto" | "dialog" | "content";
|
|
509
|
+
type DialogVariant = "default" | "window";
|
|
509
510
|
interface ButtonConfig {
|
|
510
511
|
text: string;
|
|
511
512
|
variant?: "default" | "destructive" | "secondary" | "outline" | "tertiary" | "ghost";
|
|
@@ -543,6 +544,8 @@ interface DialogConfig {
|
|
|
543
544
|
width?: DialogWidth;
|
|
544
545
|
height?: DialogHeight;
|
|
545
546
|
className?: string;
|
|
547
|
+
/** Visual treatment for the dialog chrome. `window` adds a compact title bar with an inline bordered close button. */
|
|
548
|
+
variant?: DialogVariant;
|
|
546
549
|
actionMode?: DialogActionMode;
|
|
547
550
|
render?: DialogRenderer;
|
|
548
551
|
}
|
|
@@ -566,6 +569,8 @@ interface PushDialogOptions {
|
|
|
566
569
|
width?: DialogWidth;
|
|
567
570
|
height?: DialogHeight;
|
|
568
571
|
className?: string;
|
|
572
|
+
/** Visual treatment for the dialog chrome. `window` adds a compact title bar with an inline bordered close button. */
|
|
573
|
+
variant?: DialogVariant;
|
|
569
574
|
/**
|
|
570
575
|
* Controls which layer owns action buttons.
|
|
571
576
|
* - auto: hide dialog buttons when content declares its own actions
|
|
@@ -620,6 +625,7 @@ type DialogStore = ReturnType<typeof createDialogStore>;
|
|
|
620
625
|
declare function useDialogStore(): DialogStore;
|
|
621
626
|
|
|
622
627
|
declare const dialogVariants: (props?: {
|
|
628
|
+
variant?: "default" | "window";
|
|
623
629
|
size?: "sm" | "md" | "lg" | "xl" | "full" | "xxl";
|
|
624
630
|
width?: "auto" | "sm" | "md" | "lg" | "xl" | "full" | "xxl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl";
|
|
625
631
|
height?: "auto" | "sm" | "md" | "lg" | "xl" | "full" | "xxl";
|
|
@@ -884,6 +890,33 @@ interface NTabsProps<V extends string = string> {
|
|
|
884
890
|
}
|
|
885
891
|
declare function NTabs<V extends string = string>({ items, defaultValue, value, onValueChange, variant, orientation, color, accentColor, fullWidth, className, classNames, styles, }: NTabsProps<V>): react_jsx_runtime.JSX.Element;
|
|
886
892
|
|
|
893
|
+
type NEditorTab<V extends string = string> = {
|
|
894
|
+
value: V;
|
|
895
|
+
name: string;
|
|
896
|
+
icon?: NIconSource;
|
|
897
|
+
dirty?: boolean;
|
|
898
|
+
closable?: boolean;
|
|
899
|
+
disabled?: boolean;
|
|
900
|
+
content?: React__default.ReactNode;
|
|
901
|
+
};
|
|
902
|
+
interface NEditorTabsProps<V extends string = string> {
|
|
903
|
+
items: NEditorTab<V>[];
|
|
904
|
+
value?: V;
|
|
905
|
+
defaultValue?: V;
|
|
906
|
+
onValueChange?: (value: V) => void;
|
|
907
|
+
onClose?: (value: V) => void;
|
|
908
|
+
className?: string;
|
|
909
|
+
classNames?: NTabsClassNames;
|
|
910
|
+
styles?: NTabsStyles;
|
|
911
|
+
}
|
|
912
|
+
/**
|
|
913
|
+
* Given the tab list before a close, returns the value that should become
|
|
914
|
+
* active after `closedValue` is removed: the previous tab, else the first
|
|
915
|
+
* remaining one, else undefined when the list becomes empty.
|
|
916
|
+
*/
|
|
917
|
+
declare function getNextEditorTabValue<V extends string = string>(items: NEditorTab<V>[], closedValue: V): V | undefined;
|
|
918
|
+
declare function NEditorTabs<V extends string = string>({ items, value, defaultValue, onValueChange, onClose, className, classNames, styles, }: NEditorTabsProps<V>): react_jsx_runtime.JSX.Element;
|
|
919
|
+
|
|
887
920
|
declare function TooltipProvider({ delayDuration, ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Provider>): react_jsx_runtime.JSX.Element;
|
|
888
921
|
declare function Tooltip({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Root>): react_jsx_runtime.JSX.Element;
|
|
889
922
|
declare function TooltipTrigger({ ...props }: React$1.ComponentProps<typeof TooltipPrimitive.Trigger>): react_jsx_runtime.JSX.Element;
|
|
@@ -3363,4 +3396,4 @@ interface InspectorSheetProps {
|
|
|
3363
3396
|
}
|
|
3364
3397
|
declare function NInspectorSheet({ open, onClose, title, children }: InspectorSheetProps): react_jsx_runtime.JSX.Element;
|
|
3365
3398
|
|
|
3366
|
-
export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COMPONENT_NAMES, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, NCardFooter, type CardProps as NCardProps, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogDirectProps, type NDialogProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmAppearance, type NajmBorderSide, type NajmComponentName, type NajmComponentRadius, type NajmComponentStyleConfig, type NajmComponentThemeConfig, type NajmDensity, type NajmDesignConfig, NajmDesignProvider, type NajmDesignProviderProps, type NajmLayoutConfig, type NajmMode, type NajmPreset, type NajmRadiusScale, NajmScroll, type NajmScrollProps, type NajmSlotStyle, type NajmThemeConfig, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, type NajmTypographyConfig, type NajmVariantStyle, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|
|
3399
|
+
export { Alert, type AlertLook, type AlertOrientation, type AlertProps, type AlertSize, type AlertTone, type AlertVariant, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarProps$1 as AvatarProps, type AvatarShape$1 as AvatarShape, type AvatarSize, AvatarStatus, type AvatarStatusType, Badge, type BadgeColor, type BadgeIcon, type BadgeLook, type BadgeProps, type BadgeShape, type BadgeSize, type BadgeVariant, BaseInput, type BuildDefaultFileColumnsOptions, Button, type ButtonConfig, type ButtonIcon, type ButtonLoaderPosition, type ButtonProps, type ButtonRounded, type ButtonSize, type ButtonVariant, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, type CheckboxGroupInputProps, CheckboxInput, type CheckboxInputProps, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorArrayInput, type ColorArrayInputProps, type ColorFormat, ColorPickerInput, type ColorPickerInputProps, Combobox, ComboboxInput, type ComboboxInputProps, type ComboboxOption, type ComboboxProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type ContextMenuItem, DateInput, type DateInputProps, type DeleteDialogOptions, Dialog, type DialogActionMode, type DialogApi, DialogClose, type DialogConfig, DialogContent, type DialogContentProps, DialogDescription, DialogFooter, DialogHeader, type DialogHeight, DialogOverlay, type DialogPadding, DialogPortal, type DialogRenderContext, type DialogRenderer, type DialogSize, type DialogStore, DialogTitle, DialogTrigger, type DialogVariant, type DialogWidth, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray, type DynamicArrayProps, EmojiInput, type EmojiInputProps, type FileBrowserMode, FileImportButton, FileInput, type FileInputProps, type FileNode, Form, FormControl, FormDescription, FormField, FormInput, type FormInputProps, FormItem, FormLabel, FormMessage, type FormProps, type FormSlotClassNames, type FormVariant, IconButton, type IconButtonProps, type IconButtonSize, type IconButtonVariant, ImageInput, type ImageInputProps, Indicator, type IndicatorHorizontal, type IndicatorOverlay, type IndicatorPosition, type IndicatorProps, type IndicatorResponsivePosition, type IndicatorSize, type IndicatorVertical, Input, type InputIcon, Label, LangInput, type LangInputProps, type LinkComponentType, MultiSelectInput, type MultiSelectInputProps, NAJM_COMPONENT_NAMES, NAlert, type NAppCommandItem, NAppShell, type NAppShellAction, type NAppShellClassNames, type NAppShellProps, type NAppShellUser, NCard as NAsyncCard, type CardClassNames as NAsyncCardClassNames, type CardProps as NAsyncCardProps, NAvatar, type NAvatarClassNames, type NAvatarProps, type AvatarShape as NAvatarShape, NBadge, type NBadgeLook, type NBadgeProps, type NBulkAction, type NBulkActionButton, type NBulkActionSelect, NBulkActionsBar, type NBulkActionsBarProps, NButton, type NButtonProps, NCard, NCardAction, type CardClassNames as NCardClassNames, NCardFooter, type CardProps as NCardProps, NCommandPalette, type NCommandPaletteProps, NConfirmDialog, type NConfirmDialogProps, NContextMenu, type NContextMenuItem, type NContextMenuProps, NDataCardShell, type NDataCardShellActions, type NDataCardShellProps, NDeleteDialog, NDeleteDialogContent, type NDeleteDialogContentProps, type NDeleteDialogProps, NDetailCard, type NDetailCardClassNames, type NDetailCardProps, NDetailItem, type NDetailItemProps, NDetailList, type NDetailListItem, type NDetailListProps, NDialog, type NDialogDirectProps, type NDialogProps, type NEditorTab, NEditorTabs, type NEditorTabsProps, NEmptyState, type NEmptyStateProps, NErrorBoundary, NErrorState, type NErrorStateProps, NFileBrowser, type NFileBrowserCardProps, type NFileBrowserProps, type NFileBrowserRenderThumbProps, NFileTypeIcon, type NFileTypeIconProps, NFilterBar, NFolderIcon, type NFolderIconProps, NForm, NFormSectionHeader, type NFormSectionHeaderProps, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderFilters, type NPageHeaderProps, NPageHeaderTop, NPageLayout, type NPageLayoutProps, NPortalScopeProvider, NProgress, type NProgressProps, NRowActions, NSection, NSectionHeader, type NSectionHeaderActionsProps, type NSectionHeaderContentProps, type NSectionHeaderProps, type NSectionHeaderSubtitleProps, type NSectionHeaderTitleProps, NSectionInfo, type NSectionInfoProps, type NSectionProps, NSectionWithInfo, type NSectionWithInfoItem, type NSectionWithInfoProps, NSheet, type NSheetProps, NSidebar, NSidebarContent, type NSidebarContentProps, NSidebarFooter, type NSidebarFooterProps, NSidebarHeader, type NSidebarHeaderProps, NSidebarItem, NSidebarLogo, type NSidebarLogoProps, NSidebarMobile, type NSidebarMobileProps, NSidebarSection, type NSidebarSectionProps, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, type NSliderProps, NSmartPasteDialog, type NSmartPasteDialogProps, NSpinner, type NSpinnerProps, NStatCard, type NStatCardClassNames, type NStatCardProps, NStatCardSkeleton, type NStatCardVariant, Swap as NSwap, type NSwapProps, NTable, NTableCardRoot, type NTableCardRootProps, NTableCards, type NTableClassNames, NTableContent, NTableHeader, NTableLoadingSkeleton, type NTableMenu, type NTableMenuProp, NTablePagination, type NTableProps, NTableRowSkeleton, NTableSkeleton, type NTableState, NTabs, type NTabsClassNames, type NTabsColor, type NTabsItem, type NTabsProps, type NTabsStyles, NUploader, type NUploaderItem, type NUploaderItemStatus, type NUploaderProps, NViewBody, NViewToggle, type NajmAccent, type NajmAppearance, type NajmBorderSide, type NajmComponentName, type NajmComponentRadius, type NajmComponentStyleConfig, type NajmComponentThemeConfig, type NajmDensity, type NajmDesignConfig, NajmDesignProvider, type NajmDesignProviderProps, type NajmLayoutConfig, type NajmMode, type NajmPreset, type NajmRadiusScale, NajmScroll, type NajmScrollProps, type NajmSlotStyle, type NajmThemeConfig, NajmThemeProvider, type NajmThemeProviderProps, type NajmThemeTokens, type NajmTypographyConfig, type NajmVariantStyle, NativeSelect, type NativeSelectOption, type NativeSelectProps, type NavItem, type NavItemGroup, NumberInput, type NumberInputProps, PasswordInput, type PasswordInputProps, PhoneInput, type PhoneInputProps, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, type ProgressColor, type ProgressLabelPosition, type ProgressProps, type ProgressSize, type PushDialogOptions, RADIUS_VALUE_MAP, RadioGroup, RadioGroupInput, type RadioGroupInputProps, RadioGroupItem, type RenderSlot, RepeatingFields, type RepeatingFieldsProps, ScrollArea, type ScrollAreaProps, SearchField, SearchField as SearchInput, SegmentedControl, type SegmentedControlOption, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectInput, type SelectInputProps, SelectItem, type SelectItemType$1 as SelectItemDataType, type SelectItemType, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, type SidebarItemProps, type SidebarProps, type SidebarWidths, SimpleTooltip, type SimpleTooltipProps, NSkeleton as Skeleton, Slider, SliderInput, type SliderInputProps, type SliderOrientation, type SliderProps, type SliderSize, type SliderVariant, type SmartPastePreview, type SpinnerVariant, StarRatingInput, type StarRatingInputProps, StatusPill, type StatusPillProps, type StatusPillTone, type StepConfig, StepIndicator, type StepMeta, StepsHeader, StepsProgress, type StorageMenuAction, type StorageSortOption, type StorageTarget, Swap, type SwapEffect, SwapIndeterminate, SwapOff, SwapOn, type SwapProps, type SwapSize, type SwapState, Switch, type SwitchColor, SwitchInput, type SwitchInputProps, type SwitchSize, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, type TableHeaderColor, TableRow, type TableState, type TableStore, TableStoreContext, Tabs, TabsContent, TabsList, type TabsListProps, type TabsOrientation, type TabsProps, TabsTrigger, type TabsTriggerProps, type TabsVariant, TextAreaInput, type TextAreaInputProps, TextInput, type TextInputProps, Textarea, TimeInput, type TimeInputProps, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseContextMenuResult, type UseNFormOptions, type UseStorageContextMenuOptions, type UseStorageContextMenuResult, type UserMenuAction, VariantProvider, type WizardClassNames, WizardForm, type WizardFormProps, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNextEditorTabValue, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|
package/dist/index.mjs
CHANGED
|
@@ -1944,14 +1944,18 @@ var IconButton = React.forwardRef(
|
|
|
1944
1944
|
active = false,
|
|
1945
1945
|
type = "button",
|
|
1946
1946
|
children,
|
|
1947
|
+
style,
|
|
1947
1948
|
...props
|
|
1948
1949
|
}, ref) => {
|
|
1950
|
+
const recipe = useNajmComponentStyle("button");
|
|
1951
|
+
const recipeRadius = resolveRadiusValue(recipe?.radius);
|
|
1949
1952
|
return /* @__PURE__ */ jsx(
|
|
1950
1953
|
"button",
|
|
1951
1954
|
{
|
|
1952
1955
|
ref,
|
|
1953
1956
|
type,
|
|
1954
1957
|
"aria-pressed": active || void 0,
|
|
1958
|
+
style: recipeRadius ? { borderRadius: recipeRadius, ...style } : style,
|
|
1955
1959
|
className: cn(
|
|
1956
1960
|
"inline-flex shrink-0 cursor-pointer items-center justify-center rounded-md transition-colors",
|
|
1957
1961
|
"outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background",
|
|
@@ -2247,6 +2251,10 @@ var dialogVariants = cva(
|
|
|
2247
2251
|
"flex flex-col w-full max-w-[95vw] h-full max-h-screen",
|
|
2248
2252
|
{
|
|
2249
2253
|
variants: {
|
|
2254
|
+
variant: {
|
|
2255
|
+
default: "",
|
|
2256
|
+
window: "rounded-sm"
|
|
2257
|
+
},
|
|
2250
2258
|
size: {
|
|
2251
2259
|
sm: "lg:max-w-md",
|
|
2252
2260
|
md: "lg:max-w-lg",
|
|
@@ -2280,6 +2288,7 @@ var dialogVariants = cva(
|
|
|
2280
2288
|
}
|
|
2281
2289
|
},
|
|
2282
2290
|
defaultVariants: {
|
|
2291
|
+
variant: "default",
|
|
2283
2292
|
size: "xl",
|
|
2284
2293
|
width: "3xl",
|
|
2285
2294
|
height: "auto"
|
|
@@ -2322,7 +2331,13 @@ function shouldRenderDialogButtons(showButtons, actionMode = "auto", contentOwns
|
|
|
2322
2331
|
if (actionMode === "auto" && contentOwnsActions) return false;
|
|
2323
2332
|
return true;
|
|
2324
2333
|
}
|
|
2325
|
-
|
|
2334
|
+
var windowHeaderSpacing = {
|
|
2335
|
+
none: "px-3 py-2",
|
|
2336
|
+
sm: "-mx-3 -mt-3 px-3 py-2",
|
|
2337
|
+
md: "-mx-6 -mt-6 px-3 py-2",
|
|
2338
|
+
lg: "-mx-8 -mt-8 px-3 py-2"
|
|
2339
|
+
};
|
|
2340
|
+
function DialogChrome({ pageHeader, title, description, padding, variant = "default", contentRef, children }) {
|
|
2326
2341
|
const noTitle = !title || title.trim() === "";
|
|
2327
2342
|
const noDescription = !description || description.trim() === "";
|
|
2328
2343
|
const noHeader = noTitle && noDescription;
|
|
@@ -2342,7 +2357,31 @@ function DialogChrome({ pageHeader, title, description, padding, contentRef, chi
|
|
|
2342
2357
|
] })
|
|
2343
2358
|
}
|
|
2344
2359
|
) })
|
|
2345
|
-
] }) : /* @__PURE__ */ jsxs(
|
|
2360
|
+
] }) : variant === "window" ? /* @__PURE__ */ jsxs(
|
|
2361
|
+
DialogHeader,
|
|
2362
|
+
{
|
|
2363
|
+
className: cn(
|
|
2364
|
+
"flex-row items-center justify-between gap-3 border-b border-border bg-secondary text-left text-secondary-foreground",
|
|
2365
|
+
windowHeaderSpacing[padding ?? "md"]
|
|
2366
|
+
),
|
|
2367
|
+
children: [
|
|
2368
|
+
/* @__PURE__ */ jsxs("div", { className: "min-w-0 space-y-1", children: [
|
|
2369
|
+
/* @__PURE__ */ jsx(DialogTitle, { className: cn("truncate text-sm", noTitle && "sr-only"), children: title || "Dialog" }),
|
|
2370
|
+
/* @__PURE__ */ jsx(DialogDescription, { className: cn("text-xs", noDescription && "sr-only"), children: description })
|
|
2371
|
+
] }),
|
|
2372
|
+
/* @__PURE__ */ jsx(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx(
|
|
2373
|
+
IconButton,
|
|
2374
|
+
{
|
|
2375
|
+
"aria-label": "Close",
|
|
2376
|
+
variant: "ghost",
|
|
2377
|
+
size: "sm",
|
|
2378
|
+
className: "border border-border bg-background text-foreground hover:bg-accent",
|
|
2379
|
+
children: /* @__PURE__ */ jsx(X, { className: "h-3.5 w-3.5" })
|
|
2380
|
+
}
|
|
2381
|
+
) })
|
|
2382
|
+
]
|
|
2383
|
+
}
|
|
2384
|
+
) : /* @__PURE__ */ jsxs(DialogHeader, { className: cn(noHeader && "sr-only"), children: [
|
|
2346
2385
|
/* @__PURE__ */ jsx(DialogTitle, { className: cn(noTitle && "sr-only"), children: title }),
|
|
2347
2386
|
/* @__PURE__ */ jsx(DialogDescription, { className: cn(noDescription && "sr-only"), children: description })
|
|
2348
2387
|
] }),
|
|
@@ -2378,6 +2417,7 @@ function DialogItem({ dialog, index, store }) {
|
|
|
2378
2417
|
width,
|
|
2379
2418
|
height,
|
|
2380
2419
|
className,
|
|
2420
|
+
variant = "default",
|
|
2381
2421
|
actionMode = "auto"
|
|
2382
2422
|
} = dialog;
|
|
2383
2423
|
const { contentOwnsActions, setContentElement } = useContentOwnsActions();
|
|
@@ -2396,9 +2436,10 @@ function DialogItem({ dialog, index, store }) {
|
|
|
2396
2436
|
DialogContent,
|
|
2397
2437
|
{
|
|
2398
2438
|
"data-dialog-id": id,
|
|
2439
|
+
"data-variant": variant,
|
|
2399
2440
|
padding,
|
|
2400
|
-
hideClose: !!pageHeader,
|
|
2401
|
-
className: cn(dialogVariants({ size, width, height }), className),
|
|
2441
|
+
hideClose: !!pageHeader || variant === "window",
|
|
2442
|
+
className: cn(dialogVariants({ variant, size, width, height }), className),
|
|
2402
2443
|
style: { zIndex: 9990 + index },
|
|
2403
2444
|
children: [
|
|
2404
2445
|
/* @__PURE__ */ jsx(
|
|
@@ -2408,6 +2449,7 @@ function DialogItem({ dialog, index, store }) {
|
|
|
2408
2449
|
title,
|
|
2409
2450
|
description,
|
|
2410
2451
|
padding,
|
|
2452
|
+
variant,
|
|
2411
2453
|
contentRef: setContentElement,
|
|
2412
2454
|
children
|
|
2413
2455
|
}
|
|
@@ -2460,7 +2502,7 @@ var buildButtonConfig2 = (partial, defaults) => {
|
|
|
2460
2502
|
return { ...defaults, ...partial };
|
|
2461
2503
|
};
|
|
2462
2504
|
var isDirectDialogProps = (props) => {
|
|
2463
|
-
return "trigger" in props || "open" in props || "defaultOpen" in props || "onOpenChange" in props || "title" in props || "description" in props || "children" in props || "primaryButton" in props || "secondaryButton" in props || "showButtons" in props || "size" in props || "width" in props || "height" in props || "className" in props || "pageHeader" in props || "padding" in props;
|
|
2505
|
+
return "trigger" in props || "open" in props || "defaultOpen" in props || "onOpenChange" in props || "title" in props || "description" in props || "children" in props || "primaryButton" in props || "secondaryButton" in props || "showButtons" in props || "size" in props || "width" in props || "height" in props || "className" in props || "variant" in props || "pageHeader" in props || "padding" in props;
|
|
2464
2506
|
};
|
|
2465
2507
|
function NDirectDialog({
|
|
2466
2508
|
trigger,
|
|
@@ -2479,6 +2521,7 @@ function NDirectDialog({
|
|
|
2479
2521
|
width,
|
|
2480
2522
|
height,
|
|
2481
2523
|
className,
|
|
2524
|
+
variant = "default",
|
|
2482
2525
|
actionMode = "auto",
|
|
2483
2526
|
closeOnPrimary = true,
|
|
2484
2527
|
closeOnSecondary = true
|
|
@@ -2537,53 +2580,63 @@ function NDirectDialog({
|
|
|
2537
2580
|
};
|
|
2538
2581
|
return /* @__PURE__ */ jsxs(Dialog, { open: currentOpen, onOpenChange: setOpen, children: [
|
|
2539
2582
|
trigger ? /* @__PURE__ */ jsx(DialogTrigger, { asChild: true, children: trigger }) : null,
|
|
2540
|
-
/* @__PURE__ */ jsxs(
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2583
|
+
/* @__PURE__ */ jsxs(
|
|
2584
|
+
DialogContent,
|
|
2585
|
+
{
|
|
2586
|
+
"data-variant": variant,
|
|
2587
|
+
padding,
|
|
2588
|
+
hideClose: !!pageHeader || variant === "window",
|
|
2589
|
+
className: cn(dialogVariants({ variant, size, width, height }), className),
|
|
2590
|
+
children: [
|
|
2591
|
+
/* @__PURE__ */ jsx(
|
|
2592
|
+
DialogChrome,
|
|
2593
|
+
{
|
|
2594
|
+
pageHeader,
|
|
2595
|
+
title,
|
|
2596
|
+
description,
|
|
2597
|
+
padding,
|
|
2598
|
+
variant,
|
|
2599
|
+
contentRef: setContentElement,
|
|
2600
|
+
children
|
|
2601
|
+
}
|
|
2602
|
+
),
|
|
2603
|
+
/* @__PURE__ */ jsx(DialogFooter, { className: cn(!renderDialogButtons && "sr-only"), children: renderDialogButtons && /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
2604
|
+
/* @__PURE__ */ jsx(
|
|
2605
|
+
Button,
|
|
2606
|
+
{
|
|
2607
|
+
type: resolvedSecondaryButton.form ? "submit" : "button",
|
|
2608
|
+
"data-button-type": "secondary",
|
|
2609
|
+
onClick: resolvedSecondaryButton.form ? void 0 : handleSecondary,
|
|
2610
|
+
disabled: resolvedSecondaryButton.disabled || resolvedSecondaryButton.loading || false,
|
|
2611
|
+
variant: resolvedSecondaryButton.variant || "outline",
|
|
2612
|
+
leftIcon: resolvedSecondaryButton.icon,
|
|
2613
|
+
loading: resolvedSecondaryButton.loading,
|
|
2614
|
+
loadingText: resolvedSecondaryButton.loadingText,
|
|
2615
|
+
form: resolvedSecondaryButton.form,
|
|
2616
|
+
className: "w-auto",
|
|
2617
|
+
children: resolvedSecondaryButton.text
|
|
2618
|
+
}
|
|
2619
|
+
),
|
|
2620
|
+
/* @__PURE__ */ jsx(
|
|
2621
|
+
Button,
|
|
2622
|
+
{
|
|
2623
|
+
type: resolvedPrimaryButton.form ? "submit" : "button",
|
|
2624
|
+
"data-button-type": "primary",
|
|
2625
|
+
onClick: resolvedPrimaryButton.form ? void 0 : handlePrimary,
|
|
2626
|
+
disabled: resolvedPrimaryButton.disabled || isPrimaryLoading || false,
|
|
2627
|
+
variant: resolvedPrimaryButton.variant || "default",
|
|
2628
|
+
leftIcon: resolvedPrimaryButton.icon,
|
|
2629
|
+
loading: isPrimaryLoading,
|
|
2630
|
+
loadingText: resolvedPrimaryButton.loadingText,
|
|
2631
|
+
form: resolvedPrimaryButton.form,
|
|
2632
|
+
className: "w-auto",
|
|
2633
|
+
children: resolvedPrimaryButton.text
|
|
2634
|
+
}
|
|
2635
|
+
)
|
|
2636
|
+
] }) })
|
|
2637
|
+
]
|
|
2638
|
+
}
|
|
2639
|
+
)
|
|
2587
2640
|
] });
|
|
2588
2641
|
}
|
|
2589
2642
|
function NDialog(props) {
|
|
@@ -3334,7 +3387,7 @@ function TabsTrigger({
|
|
|
3334
3387
|
{
|
|
3335
3388
|
"data-slot": "tabs-trigger",
|
|
3336
3389
|
className: cn(
|
|
3337
|
-
"inline-flex items-center justify-center gap-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
3390
|
+
"inline-flex cursor-pointer items-center justify-center gap-1.5 text-sm font-medium whitespace-nowrap text-muted-foreground transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
|
|
3338
3391
|
triggerVariantMap[variant],
|
|
3339
3392
|
className
|
|
3340
3393
|
),
|
|
@@ -3510,6 +3563,96 @@ function SimpleTooltip({
|
|
|
3510
3563
|
/* @__PURE__ */ jsx(TooltipContent, { side, align, variant, children: content })
|
|
3511
3564
|
] });
|
|
3512
3565
|
}
|
|
3566
|
+
function getNextEditorTabValue(items, closedValue) {
|
|
3567
|
+
const next = items.filter((item) => item.value !== closedValue);
|
|
3568
|
+
const closedIndex = items.findIndex((item) => item.value === closedValue);
|
|
3569
|
+
return (next[closedIndex - 1] ?? next[0])?.value;
|
|
3570
|
+
}
|
|
3571
|
+
function NEditorTabLabel({ tab, onClose }) {
|
|
3572
|
+
const nameRef = useRef(null);
|
|
3573
|
+
const [isNameTruncated, setIsNameTruncated] = useState(false);
|
|
3574
|
+
useLayoutEffect(() => {
|
|
3575
|
+
const name = nameRef.current;
|
|
3576
|
+
if (!name || typeof ResizeObserver === "undefined") return;
|
|
3577
|
+
const updateTruncation = () => {
|
|
3578
|
+
setIsNameTruncated(name.scrollWidth > name.clientWidth);
|
|
3579
|
+
};
|
|
3580
|
+
updateTruncation();
|
|
3581
|
+
const observer = new ResizeObserver(updateTruncation);
|
|
3582
|
+
observer.observe(name);
|
|
3583
|
+
return () => observer.disconnect();
|
|
3584
|
+
}, [tab.name]);
|
|
3585
|
+
return /* @__PURE__ */ jsxs("div", { className: "flex w-full min-w-0 items-center gap-1.5 leading-none", children: [
|
|
3586
|
+
/* @__PURE__ */ jsxs("div", { className: "flex min-w-0 flex-1 items-center gap-1.5", children: [
|
|
3587
|
+
tab.icon != null && /* @__PURE__ */ jsx(NIcon, { icon: tab.icon, size: 14, className: "shrink-0" }),
|
|
3588
|
+
/* @__PURE__ */ jsx(
|
|
3589
|
+
SimpleTooltip,
|
|
3590
|
+
{
|
|
3591
|
+
content: tab.name,
|
|
3592
|
+
side: "bottom",
|
|
3593
|
+
delayDuration: 300,
|
|
3594
|
+
disabled: !isNameTruncated,
|
|
3595
|
+
children: /* @__PURE__ */ jsx("div", { ref: nameRef, className: "min-w-0 flex-1 truncate text-left leading-none", children: tab.name })
|
|
3596
|
+
}
|
|
3597
|
+
)
|
|
3598
|
+
] }),
|
|
3599
|
+
tab.closable !== false ? /* @__PURE__ */ jsx(
|
|
3600
|
+
"div",
|
|
3601
|
+
{
|
|
3602
|
+
role: "button",
|
|
3603
|
+
tabIndex: -1,
|
|
3604
|
+
"aria-label": `Close ${tab.name}`,
|
|
3605
|
+
className: "flex size-4 shrink-0 items-center justify-center rounded-sm hover:bg-foreground/10",
|
|
3606
|
+
onPointerDown: (event) => event.stopPropagation(),
|
|
3607
|
+
onClick: (event) => {
|
|
3608
|
+
event.stopPropagation();
|
|
3609
|
+
onClose?.(tab.value);
|
|
3610
|
+
},
|
|
3611
|
+
children: tab.dirty ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
3612
|
+
/* @__PURE__ */ jsx("span", { className: "size-2 rounded-full bg-amber-500 group-hover/tab:hidden", "aria-hidden": true }),
|
|
3613
|
+
/* @__PURE__ */ jsx(X, { className: "hidden size-3 group-hover/tab:block", "aria-hidden": true })
|
|
3614
|
+
] }) : /* @__PURE__ */ jsx(X, { className: "size-3", "aria-hidden": true })
|
|
3615
|
+
}
|
|
3616
|
+
) : null
|
|
3617
|
+
] });
|
|
3618
|
+
}
|
|
3619
|
+
function NEditorTabs({
|
|
3620
|
+
items,
|
|
3621
|
+
value,
|
|
3622
|
+
defaultValue,
|
|
3623
|
+
onValueChange,
|
|
3624
|
+
onClose,
|
|
3625
|
+
className,
|
|
3626
|
+
classNames,
|
|
3627
|
+
styles
|
|
3628
|
+
}) {
|
|
3629
|
+
return /* @__PURE__ */ jsx(
|
|
3630
|
+
NTabs,
|
|
3631
|
+
{
|
|
3632
|
+
value,
|
|
3633
|
+
defaultValue,
|
|
3634
|
+
onValueChange,
|
|
3635
|
+
variant: "bordered",
|
|
3636
|
+
items: items.map((tab) => ({
|
|
3637
|
+
value: tab.value,
|
|
3638
|
+
disabled: tab.disabled,
|
|
3639
|
+
content: tab.content ?? null,
|
|
3640
|
+
label: /* @__PURE__ */ jsx(NEditorTabLabel, { tab, onClose })
|
|
3641
|
+
})),
|
|
3642
|
+
className,
|
|
3643
|
+
classNames: {
|
|
3644
|
+
...classNames,
|
|
3645
|
+
root: cn("w-full gap-0", classNames?.root),
|
|
3646
|
+
list: cn("w-full justify-start gap-px border-b border-border px-2", classNames?.list),
|
|
3647
|
+
trigger: cn(
|
|
3648
|
+
"group/tab h-8 w-40 min-w-40 items-center rounded-t-xl px-3 py-0 text-xs font-normal leading-none border-border/40 bg-secondary/40 text-muted-foreground hover:text-foreground data-[state=active]:border-border data-[state=active]:bg-card data-[state=active]:text-card-foreground",
|
|
3649
|
+
classNames?.trigger
|
|
3650
|
+
)
|
|
3651
|
+
},
|
|
3652
|
+
styles
|
|
3653
|
+
}
|
|
3654
|
+
);
|
|
3655
|
+
}
|
|
3513
3656
|
var colorTrackMap = {
|
|
3514
3657
|
primary: "bg-primary/20",
|
|
3515
3658
|
secondary: "bg-secondary/20",
|
|
@@ -11122,4 +11265,4 @@ function NInspectorSheet({ open, onClose, title, children }) {
|
|
|
11122
11265
|
] }) });
|
|
11123
11266
|
}
|
|
11124
11267
|
|
|
11125
|
-
export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarStatus, Badge, BaseInput, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator, Input, Label, LangInput, MultiSelectInput, NAJM_COMPONENT_NAMES, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBulkActionsBar, NButton, NCard, NCardAction, NCardFooter, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NIcon, NIndicator, NInspectorSheet, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarLogo, NSidebarMobile, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableJson, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NUploader, NViewBody, NViewToggle, NajmDesignProvider, NajmScroll, NajmThemeProvider, NativeSelect, NumberInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RADIUS_VALUE_MAP, RadioGroup2 as RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStoreContext, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|
|
11268
|
+
export { Alert, NCard as AsyncCard, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarStatus, Badge, BaseInput, Button, Calendar, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CheckboxGroupInput, CheckboxInput, Collapsible, CollapsibleContent2 as CollapsibleContent, CollapsibleTrigger2 as CollapsibleTrigger, ColorArrayInput, ColorPickerInput, Combobox, ComboboxInput, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DateInput, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, DynamicArray_default as DynamicArray, EmojiInput, FileImportButton, FileInput, Form, FormControl, FormDescription, FormField, FormInput, FormItem, FormLabel, FormMessage, IconButton, ImageInput, Indicator, Input, Label, LangInput, MultiSelectInput, NAJM_COMPONENT_NAMES, NAlert, NAppShell, NCard as NAsyncCard, NAvatar, NBadge, NBulkActionsBar, NButton, NCard, NCardAction, NCardFooter, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NIcon, NIndicator, NInspectorSheet, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderFilters, NPageHeaderTop, NPageLayout, NPortalScopeProvider, NProgress, NRowActions, NSection, NSectionHeader, NSectionInfo, NSectionWithInfo, NSheet, NSidebar, NSidebarContent, NSidebarFooter, NSidebarHeader, NSidebarItem, NSidebarLogo, NSidebarMobile, NSidebarSection, NSkeleton, NSkeletonCalendar, NSkeletonChart, NSkeletonDonut, NSkeletonEventList, NSkeletonWidget, NSkeletonWidgets, NSlider, NSmartPasteDialog, NSpinner, NStatCard, NStatCardSkeleton, Swap as NSwap, NTable, NTableCardRoot, NTableCards, NTableContent, NTableHeader, NTableJson, NTableLoadingSkeleton, NTablePagination, NTableRowSkeleton, NTableSkeleton, NTabs, NUploader, NViewBody, NViewToggle, NajmDesignProvider, NajmScroll, NajmThemeProvider, NativeSelect, NumberInput, PasswordInput, PhoneInput, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, PrefixProvider, Progress, RADIUS_VALUE_MAP, RadioGroup2 as RadioGroup, RadioGroupInput, RadioGroupItem, RepeatingFields, ScrollArea, SearchField, SearchField as SearchInput, SegmentedControl, Select, SelectContent, SelectGroup, SelectInput, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator3 as Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleTooltip, NSkeleton as Skeleton, Slider, SliderInput, StarRatingInput, StatusPill, StepIndicator, StepsHeader, StepsProgress, Swap, SwapIndeterminate, SwapOff, SwapOn, Switch, SwitchInput, TAB_COLORS, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, TableStoreContext, Tabs, TabsContent, TabsList, TabsTrigger, TextAreaInput, TextInput, Textarea, TimeInput, Toaster, Toggle, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, VariantProvider, WizardForm, alertVariants, avatarVariants, badgeColorVariants, badgeVariants, buildDefaultFileColumns, buttonVariants, cn, composePreset, createDialogStore, createTableStore, defineNajmDesignConfig, defineNajmThemeConfig, detectFormat, dialogVariants, formatColor, formatFileBytes, formatFileRelative, getIconColorProps, getNextEditorTabValue, indicatorVariants, inputBorderClasses, parseColor, parseNajmDesignConfig, parseNajmThemeConfig, resolvePreset, resolveRadiusValue, resolveSlot, resolveVariantAlias, sidebarBorderClasses, sliderVariants, stringifyNajmDesignConfig, stringifyNajmThemeConfig, surfaceBorderClasses, swapVariants, toPickerHex, toggleVariants, tooltipContentVariants, truncateByCharacters, useClickOutside, useContextMenu, useDebouncedValue, useDelayedLoading, useDialog, useDialogStore, useDynamicPageSize, useFormField, useFormSubmission, useInfiniteScroll, useKeyboard, useLocalStorageState, useNForm, useNPortalScope, useNajmAppearance, useNajmComponentStyle, useNajmDesign, usePrefix, useSelection, useStepNavigation, useStorageContextMenu, useStoreSync, useTable, useTableKeyboard, useTableStore, useVariant, useVariantPreset };
|