najm-kit 2.1.32 → 2.1.34
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 +14 -2
- package/dist/index.mjs +166 -96
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -267,6 +267,12 @@ interface NThemeCustomizerProps {
|
|
|
267
267
|
onPreviewModeChange: (mode: NajmMode) => void;
|
|
268
268
|
/** Whether to show the light/dark preview-mode control in the theme tab. */
|
|
269
269
|
showPreviewMode?: boolean;
|
|
270
|
+
/**
|
|
271
|
+
* Whether to render the internal Theme/Typography tab bar. Defaults to `true`.
|
|
272
|
+
* When `false`, the first resolved entry from `tabs` is rendered directly so
|
|
273
|
+
* a host application can present a single section inside its own tabs.
|
|
274
|
+
*/
|
|
275
|
+
showTabs?: boolean;
|
|
270
276
|
tabs?: readonly NThemeCustomizerTab[];
|
|
271
277
|
fontOptions?: readonly NThemeCustomizerFontOption[];
|
|
272
278
|
labels?: Partial<NThemeCustomizerLabels>;
|
|
@@ -274,7 +280,7 @@ interface NThemeCustomizerProps {
|
|
|
274
280
|
className?: string;
|
|
275
281
|
}
|
|
276
282
|
|
|
277
|
-
declare function NThemeCustomizer({ value, factoryValue, onChange, previewMode, onPreviewModeChange, showPreviewMode, tabs, fontOptions, labels, disabled, className, }: NThemeCustomizerProps): react_jsx_runtime.JSX.Element;
|
|
283
|
+
declare function NThemeCustomizer({ value, factoryValue, onChange, previewMode, onPreviewModeChange, showPreviewMode, showTabs, tabs, fontOptions, labels, disabled, className, }: NThemeCustomizerProps): react_jsx_runtime.JSX.Element;
|
|
278
284
|
|
|
279
285
|
/** Keeps authored TypeScript theme objects type-checked without changing them. */
|
|
280
286
|
declare function defineNajmThemeConfig(config: NajmThemeConfig): NajmThemeConfig;
|
|
@@ -2131,6 +2137,9 @@ interface TimeInputProps extends BaseProps {
|
|
|
2131
2137
|
showSeconds?: boolean;
|
|
2132
2138
|
disabled?: boolean;
|
|
2133
2139
|
}
|
|
2140
|
+
interface TimeZoneInputProps extends Omit<SelectInputProps, "items"> {
|
|
2141
|
+
items?: SelectItemType[];
|
|
2142
|
+
}
|
|
2134
2143
|
interface ImageInputProps extends BaseProps {
|
|
2135
2144
|
value: File | string | null;
|
|
2136
2145
|
onChange: (file: File | null) => void;
|
|
@@ -2274,6 +2283,8 @@ declare function PhoneInput({ value, onChange, defaultCountry, placeholder, disa
|
|
|
2274
2283
|
|
|
2275
2284
|
declare const TimeInput: React__default.FC<TimeInputProps>;
|
|
2276
2285
|
|
|
2286
|
+
declare const TimeZoneInput: React__default.FC<TimeZoneInputProps>;
|
|
2287
|
+
|
|
2277
2288
|
declare function getIconColorProps(iconColor?: string, baseClassName?: string): {
|
|
2278
2289
|
className: string;
|
|
2279
2290
|
style: {
|
|
@@ -2383,6 +2394,7 @@ type InputTypeMap = {
|
|
|
2383
2394
|
lang: FormInputSpecificProps<LangInputProps>;
|
|
2384
2395
|
phone: FormInputSpecificProps<PhoneInputProps>;
|
|
2385
2396
|
time: FormInputSpecificProps<TimeInputProps>;
|
|
2397
|
+
timeZone: FormInputSpecificProps<TimeZoneInputProps>;
|
|
2386
2398
|
slider: FormInputSpecificProps<SliderInputProps>;
|
|
2387
2399
|
};
|
|
2388
2400
|
type FormInputProps = {
|
|
@@ -3684,4 +3696,4 @@ interface NGridItemProps extends Omit<React$1.AllHTMLAttributes<HTMLDivElement>,
|
|
|
3684
3696
|
declare function NGrid({ as: Comp, children, cols, smCols, mdCols, lgCols, xlCols, gap, className, style, ...props }: NGridProps): react_jsx_runtime.JSX.Element;
|
|
3685
3697
|
declare function NGridItem({ children, span, smSpan, mdSpan, lgSpan, xlSpan, className, ...props }: NGridItemProps): react_jsx_runtime.JSX.Element;
|
|
3686
3698
|
|
|
3687
|
-
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 FormInputBackground, 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, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, 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 NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, 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, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, 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, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, 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 NajmResponsiveBreakpoint, type NajmResponsiveValue, 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 SidebarWidth, 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 };
|
|
3699
|
+
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 FormInputBackground, 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, type NCardDensity, NCardFooter, NCardInfo, type NCardInfoProps, NCardMedia, type NCardMediaAspect, type NCardMediaPlacement, type NCardMediaProps, type NCardMediaSize, type NCardMediaVariant, type CardProps as NCardProps, NCardSection, type NCardSectionProps, type NCardSectionSurface, 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 NDialogActionProps, NDialogDescription, type NDialogDescriptionProps, type NDialogDirectProps, NDialogHeader, type NDialogHeaderProps, NDialogPrimaryButton, type NDialogProps, NDialogSecondaryButton, NDonutCard, type NDonutCardClassNames, type NDonutCardItem, type NDonutCardLayout, type NDonutCardLegendMarker, type NDonutCardProps, type NDonutCardVariant, 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, NGrid, type NGridCols, NGridItem, type NGridItemProps, type NGridProps, type NGridSpan, NIcon, type NIconProps, type NIconSource, NIndicator, NInspectorSheet, NLoadingState, type NLoadingStateProps, NMultiDialog, type NMultiDialogProps, NNavbar, NPageHeader, NPageHeaderActions, type NPageHeaderBreakpoint, NPageHeaderCompactActions, 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, NThemeCustomizer, type NThemeCustomizerFontOption, type NThemeCustomizerLabels, type NThemeCustomizerProps, type NThemeCustomizerTab, 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 NajmResponsiveBreakpoint, type NajmResponsiveValue, 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 SidebarWidth, 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, TimeZoneInput, type TimeZoneInputProps, 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
|
@@ -2702,7 +2702,7 @@ function CollapsibleSection({
|
|
|
2702
2702
|
]
|
|
2703
2703
|
}
|
|
2704
2704
|
) }),
|
|
2705
|
-
/* @__PURE__ */ jsx(CollapsibleContent2, { className: "overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out", children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-col
|
|
2705
|
+
/* @__PURE__ */ jsx(CollapsibleContent2, { className: "overflow-hidden data-[state=open]:animate-in data-[state=closed]:animate-out", children: /* @__PURE__ */ jsx("div", { className: cn("flex flex-col px-3 ", disabled && "pointer-events-none opacity-60"), children }) })
|
|
2706
2706
|
]
|
|
2707
2707
|
}
|
|
2708
2708
|
);
|
|
@@ -3000,7 +3000,7 @@ function TokenGroupSection({
|
|
|
3000
3000
|
"div",
|
|
3001
3001
|
{
|
|
3002
3002
|
className: cn(
|
|
3003
|
-
"grid grid-cols-1 gap-2 px-3 pb-3
|
|
3003
|
+
"grid grid-cols-1 gap-2 px-3 pb-3 @min-[720px]:grid-cols-2",
|
|
3004
3004
|
disabled && "pointer-events-none opacity-60"
|
|
3005
3005
|
),
|
|
3006
3006
|
children: children ?? tokens?.map((tokenKey) => /* @__PURE__ */ jsx(
|
|
@@ -3289,6 +3289,7 @@ function NThemeCustomizer({
|
|
|
3289
3289
|
previewMode,
|
|
3290
3290
|
onPreviewModeChange,
|
|
3291
3291
|
showPreviewMode = true,
|
|
3292
|
+
showTabs = true,
|
|
3292
3293
|
tabs,
|
|
3293
3294
|
fontOptions,
|
|
3294
3295
|
labels,
|
|
@@ -3350,115 +3351,119 @@ function NThemeCustomizer({
|
|
|
3350
3351
|
}
|
|
3351
3352
|
return out;
|
|
3352
3353
|
}, [labels]);
|
|
3354
|
+
const themeContent = /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
|
|
3355
|
+
/* @__PURE__ */ jsx(
|
|
3356
|
+
ThemeCustomizerThemeTab,
|
|
3357
|
+
{
|
|
3358
|
+
value,
|
|
3359
|
+
factoryValue,
|
|
3360
|
+
onChange,
|
|
3361
|
+
previewMode,
|
|
3362
|
+
onPreviewModeChange,
|
|
3363
|
+
showPreviewMode,
|
|
3364
|
+
disabled,
|
|
3365
|
+
labels: {
|
|
3366
|
+
resetField: resetFieldLabel,
|
|
3367
|
+
resetSection: resetSectionLabel,
|
|
3368
|
+
colorSwatchFallback: colorSwatchFallbackLabel,
|
|
3369
|
+
defaultOption: defaultOptionLabel,
|
|
3370
|
+
lightMode: resolveLabel("lightMode", labels),
|
|
3371
|
+
darkMode: resolveLabel("darkMode", labels),
|
|
3372
|
+
surfaceGroup: resolveLabel("surfaceGroup", labels),
|
|
3373
|
+
brandGroup: resolveLabel("brandGroup", labels),
|
|
3374
|
+
feedbackGroup: resolveLabel("feedbackGroup", labels),
|
|
3375
|
+
borderFocusGroup: resolveLabel("borderFocusGroup", labels),
|
|
3376
|
+
sidebarGroup: resolveLabel("sidebarGroup", labels),
|
|
3377
|
+
chartsGroup: resolveLabel("chartsGroup", labels),
|
|
3378
|
+
globalBorderWidth: resolveLabel("globalBorderWidth", labels),
|
|
3379
|
+
tableSubsection: resolveLabel("tableSubsection", labels),
|
|
3380
|
+
tableHeaderColor: resolveLabel("tableHeaderColor", labels),
|
|
3381
|
+
tableHeaderTextColor: resolveLabel("tableHeaderTextColor", labels),
|
|
3382
|
+
tableBorderColor: resolveLabel("tableBorderColor", labels),
|
|
3383
|
+
previewMode: resolveLabel("previewMode", labels),
|
|
3384
|
+
tokens: tokenLabels,
|
|
3385
|
+
options: labels?.options ?? {}
|
|
3386
|
+
}
|
|
3387
|
+
}
|
|
3388
|
+
),
|
|
3389
|
+
/* @__PURE__ */ jsx("div", { className: "border-t border-border pt-4", children: /* @__PURE__ */ jsx(
|
|
3390
|
+
ThemeCustomizerComponentsLayoutTab,
|
|
3391
|
+
{
|
|
3392
|
+
value,
|
|
3393
|
+
factoryValue,
|
|
3394
|
+
onChange,
|
|
3395
|
+
disabled,
|
|
3396
|
+
showTableColors: false,
|
|
3397
|
+
labels: {
|
|
3398
|
+
resetField: resetFieldLabel,
|
|
3399
|
+
defaultOption: defaultOptionLabel,
|
|
3400
|
+
layoutSubsection: resolveLabel("layoutSubsection", labels),
|
|
3401
|
+
pageHeaderSubsection: resolveLabel("pageHeaderSubsection", labels),
|
|
3402
|
+
sidebarSubsection: resolveLabel("sidebarSubsection", labels),
|
|
3403
|
+
tableSubsection: resolveLabel("tableSubsection", labels),
|
|
3404
|
+
inputSubsection: resolveLabel("inputSubsection", labels),
|
|
3405
|
+
pageGutter: resolveLabel("pageGutter", labels),
|
|
3406
|
+
sectionGap: resolveLabel("sectionGap", labels),
|
|
3407
|
+
pageHeaderCard: resolveLabel("pageHeaderCard", labels),
|
|
3408
|
+
sidebarSectionLabels: resolveLabel("sidebarSectionLabels", labels),
|
|
3409
|
+
sidebarSectionSeparators: resolveLabel("sidebarSectionSeparators", labels),
|
|
3410
|
+
tableHeaderColor: resolveLabel("tableHeaderColor", labels),
|
|
3411
|
+
tableHeaderTextColor: resolveLabel("tableHeaderTextColor", labels),
|
|
3412
|
+
tableBorderColor: resolveLabel("tableBorderColor", labels),
|
|
3413
|
+
inputBorderWidth: resolveLabel("inputBorderWidth", labels),
|
|
3414
|
+
globalBorderWidth: resolveLabel("globalBorderWidth", labels),
|
|
3415
|
+
globalRadius: resolveLabel("globalRadius", labels)
|
|
3416
|
+
}
|
|
3417
|
+
}
|
|
3418
|
+
) })
|
|
3419
|
+
] });
|
|
3420
|
+
const typographyContent = /* @__PURE__ */ jsx(
|
|
3421
|
+
ThemeCustomizerTypographyTab,
|
|
3422
|
+
{
|
|
3423
|
+
value,
|
|
3424
|
+
factoryValue,
|
|
3425
|
+
onChange,
|
|
3426
|
+
fontOptions,
|
|
3427
|
+
disabled,
|
|
3428
|
+
labels: {
|
|
3429
|
+
resetField: resetFieldLabel,
|
|
3430
|
+
defaultOption: defaultOptionLabel,
|
|
3431
|
+
fontSans: resolveLabel("fontSans", labels),
|
|
3432
|
+
fontHeading: resolveLabel("fontHeading", labels),
|
|
3433
|
+
fontMono: resolveLabel("fontMono", labels),
|
|
3434
|
+
advancedTypography: resolveLabel("advancedTypography", labels),
|
|
3435
|
+
baseSize: resolveLabel("baseSize", labels),
|
|
3436
|
+
scale: resolveLabel("scale", labels),
|
|
3437
|
+
options: labels?.options ?? {},
|
|
3438
|
+
lineHeight: resolveLabel("lineHeight", labels),
|
|
3439
|
+
letterSpacing: resolveLabel("letterSpacing", labels)
|
|
3440
|
+
}
|
|
3441
|
+
}
|
|
3442
|
+
);
|
|
3353
3443
|
const items = visibleTabs.map((tab) => {
|
|
3354
3444
|
if (tab === "theme") {
|
|
3355
3445
|
return {
|
|
3356
3446
|
value: TAB_VALUE.theme,
|
|
3357
3447
|
label: themeLabel,
|
|
3358
3448
|
disabled,
|
|
3359
|
-
content:
|
|
3360
|
-
/* @__PURE__ */ jsx(
|
|
3361
|
-
ThemeCustomizerThemeTab,
|
|
3362
|
-
{
|
|
3363
|
-
value,
|
|
3364
|
-
factoryValue,
|
|
3365
|
-
onChange,
|
|
3366
|
-
previewMode,
|
|
3367
|
-
onPreviewModeChange,
|
|
3368
|
-
showPreviewMode,
|
|
3369
|
-
disabled,
|
|
3370
|
-
labels: {
|
|
3371
|
-
resetField: resetFieldLabel,
|
|
3372
|
-
resetSection: resetSectionLabel,
|
|
3373
|
-
colorSwatchFallback: colorSwatchFallbackLabel,
|
|
3374
|
-
defaultOption: defaultOptionLabel,
|
|
3375
|
-
lightMode: resolveLabel("lightMode", labels),
|
|
3376
|
-
darkMode: resolveLabel("darkMode", labels),
|
|
3377
|
-
surfaceGroup: resolveLabel("surfaceGroup", labels),
|
|
3378
|
-
brandGroup: resolveLabel("brandGroup", labels),
|
|
3379
|
-
feedbackGroup: resolveLabel("feedbackGroup", labels),
|
|
3380
|
-
borderFocusGroup: resolveLabel("borderFocusGroup", labels),
|
|
3381
|
-
sidebarGroup: resolveLabel("sidebarGroup", labels),
|
|
3382
|
-
chartsGroup: resolveLabel("chartsGroup", labels),
|
|
3383
|
-
globalBorderWidth: resolveLabel("globalBorderWidth", labels),
|
|
3384
|
-
tableSubsection: resolveLabel("tableSubsection", labels),
|
|
3385
|
-
tableHeaderColor: resolveLabel("tableHeaderColor", labels),
|
|
3386
|
-
tableHeaderTextColor: resolveLabel("tableHeaderTextColor", labels),
|
|
3387
|
-
tableBorderColor: resolveLabel("tableBorderColor", labels),
|
|
3388
|
-
previewMode: resolveLabel("previewMode", labels),
|
|
3389
|
-
tokens: tokenLabels,
|
|
3390
|
-
options: labels?.options ?? {}
|
|
3391
|
-
}
|
|
3392
|
-
}
|
|
3393
|
-
),
|
|
3394
|
-
/* @__PURE__ */ jsx("div", { className: "border-t border-border pt-4", children: /* @__PURE__ */ jsx(
|
|
3395
|
-
ThemeCustomizerComponentsLayoutTab,
|
|
3396
|
-
{
|
|
3397
|
-
value,
|
|
3398
|
-
factoryValue,
|
|
3399
|
-
onChange,
|
|
3400
|
-
disabled,
|
|
3401
|
-
showTableColors: false,
|
|
3402
|
-
labels: {
|
|
3403
|
-
resetField: resetFieldLabel,
|
|
3404
|
-
defaultOption: defaultOptionLabel,
|
|
3405
|
-
layoutSubsection: resolveLabel("layoutSubsection", labels),
|
|
3406
|
-
pageHeaderSubsection: resolveLabel("pageHeaderSubsection", labels),
|
|
3407
|
-
sidebarSubsection: resolveLabel("sidebarSubsection", labels),
|
|
3408
|
-
tableSubsection: resolveLabel("tableSubsection", labels),
|
|
3409
|
-
inputSubsection: resolveLabel("inputSubsection", labels),
|
|
3410
|
-
pageGutter: resolveLabel("pageGutter", labels),
|
|
3411
|
-
sectionGap: resolveLabel("sectionGap", labels),
|
|
3412
|
-
pageHeaderCard: resolveLabel("pageHeaderCard", labels),
|
|
3413
|
-
sidebarSectionLabels: resolveLabel("sidebarSectionLabels", labels),
|
|
3414
|
-
sidebarSectionSeparators: resolveLabel("sidebarSectionSeparators", labels),
|
|
3415
|
-
tableHeaderColor: resolveLabel("tableHeaderColor", labels),
|
|
3416
|
-
tableHeaderTextColor: resolveLabel("tableHeaderTextColor", labels),
|
|
3417
|
-
tableBorderColor: resolveLabel("tableBorderColor", labels),
|
|
3418
|
-
inputBorderWidth: resolveLabel("inputBorderWidth", labels),
|
|
3419
|
-
globalBorderWidth: resolveLabel("globalBorderWidth", labels),
|
|
3420
|
-
globalRadius: resolveLabel("globalRadius", labels)
|
|
3421
|
-
}
|
|
3422
|
-
}
|
|
3423
|
-
) })
|
|
3424
|
-
] })
|
|
3449
|
+
content: themeContent
|
|
3425
3450
|
};
|
|
3426
3451
|
}
|
|
3427
3452
|
return {
|
|
3428
3453
|
value: TAB_VALUE.typography,
|
|
3429
3454
|
label: typographyLabel,
|
|
3430
3455
|
disabled,
|
|
3431
|
-
content:
|
|
3432
|
-
ThemeCustomizerTypographyTab,
|
|
3433
|
-
{
|
|
3434
|
-
value,
|
|
3435
|
-
factoryValue,
|
|
3436
|
-
onChange,
|
|
3437
|
-
fontOptions,
|
|
3438
|
-
disabled,
|
|
3439
|
-
labels: {
|
|
3440
|
-
resetField: resetFieldLabel,
|
|
3441
|
-
defaultOption: defaultOptionLabel,
|
|
3442
|
-
fontSans: resolveLabel("fontSans", labels),
|
|
3443
|
-
fontHeading: resolveLabel("fontHeading", labels),
|
|
3444
|
-
fontMono: resolveLabel("fontMono", labels),
|
|
3445
|
-
advancedTypography: resolveLabel("advancedTypography", labels),
|
|
3446
|
-
baseSize: resolveLabel("baseSize", labels),
|
|
3447
|
-
scale: resolveLabel("scale", labels),
|
|
3448
|
-
options: labels?.options ?? {},
|
|
3449
|
-
lineHeight: resolveLabel("lineHeight", labels),
|
|
3450
|
-
letterSpacing: resolveLabel("letterSpacing", labels)
|
|
3451
|
-
}
|
|
3452
|
-
}
|
|
3453
|
-
)
|
|
3456
|
+
content: typographyContent
|
|
3454
3457
|
};
|
|
3455
3458
|
});
|
|
3456
3459
|
const handleResetTheme = () => onChange(resetComponentsLayoutSection(resetThemeSection(value, factoryValue), factoryValue));
|
|
3457
3460
|
const handleResetTypography = () => onChange(resetTypographySection(value, factoryValue));
|
|
3458
3461
|
const handleReset = () => {
|
|
3459
|
-
|
|
3462
|
+
const target = showTabs ? activeTab : TAB_VALUE[firstTab];
|
|
3463
|
+
if (target === TAB_VALUE.theme) handleResetTheme();
|
|
3460
3464
|
else handleResetTypography();
|
|
3461
3465
|
};
|
|
3466
|
+
const directContent = items[0]?.content ?? themeContent;
|
|
3462
3467
|
return /* @__PURE__ */ jsxs(
|
|
3463
3468
|
"div",
|
|
3464
3469
|
{
|
|
@@ -3469,7 +3474,7 @@ function NThemeCustomizer({
|
|
|
3469
3474
|
className
|
|
3470
3475
|
),
|
|
3471
3476
|
children: [
|
|
3472
|
-
/* @__PURE__ */ jsx(
|
|
3477
|
+
showTabs ? /* @__PURE__ */ jsx(
|
|
3473
3478
|
NTabs,
|
|
3474
3479
|
{
|
|
3475
3480
|
items,
|
|
@@ -3483,7 +3488,7 @@ function NThemeCustomizer({
|
|
|
3483
3488
|
trigger: "min-w-0 px-1.5 text-xs"
|
|
3484
3489
|
}
|
|
3485
3490
|
}
|
|
3486
|
-
),
|
|
3491
|
+
) : directContent,
|
|
3487
3492
|
/* @__PURE__ */ jsx("div", { className: "flex items-center justify-end", children: /* @__PURE__ */ jsxs(
|
|
3488
3493
|
NButton,
|
|
3489
3494
|
{
|
|
@@ -4264,7 +4269,7 @@ function NSheet({
|
|
|
4264
4269
|
/* @__PURE__ */ jsx(SheetTitle, { className: "text-sm font-semibold text-foreground", children: title }),
|
|
4265
4270
|
description && /* @__PURE__ */ jsx(SheetDescription, { className: "text-xs text-muted-foreground", children: description })
|
|
4266
4271
|
] }),
|
|
4267
|
-
/* @__PURE__ */ jsx(NajmScroll, { axis: "y", className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: cn("px-
|
|
4272
|
+
/* @__PURE__ */ jsx(NajmScroll, { axis: "y", className: "min-h-0 flex-1", children: /* @__PURE__ */ jsx("div", { className: cn("px-2", bodyClassName), children }) }),
|
|
4268
4273
|
footer && /* @__PURE__ */ jsx("div", { className: "shrink-0 border-t border-border px-6 py-3", children: footer })
|
|
4269
4274
|
]
|
|
4270
4275
|
}
|
|
@@ -9670,6 +9675,70 @@ var TimeInput = ({ value = "", onChange, placeholder = "", icon, showIcon = true
|
|
|
9670
9675
|
}, onBlur: handleBlur, disabled, className: cn("p-0 border-0 shadow-none bg-transparent dark:bg-transparent focus-visible:ring-0 placeholder:text-muted-foreground", !isValid ? "text-red-500" : "text-foreground") })
|
|
9671
9676
|
] });
|
|
9672
9677
|
};
|
|
9678
|
+
var timeZoneValues = [
|
|
9679
|
+
"UTC",
|
|
9680
|
+
"Atlantic/Azores",
|
|
9681
|
+
"America/Los_Angeles",
|
|
9682
|
+
"America/Denver",
|
|
9683
|
+
"America/Chicago",
|
|
9684
|
+
"America/New_York",
|
|
9685
|
+
"America/Sao_Paulo",
|
|
9686
|
+
"Pacific/Honolulu",
|
|
9687
|
+
"Europe/London",
|
|
9688
|
+
"Europe/Paris",
|
|
9689
|
+
"Africa/Casablanca",
|
|
9690
|
+
"Africa/Tunis",
|
|
9691
|
+
"Africa/Cairo",
|
|
9692
|
+
"Africa/Nairobi",
|
|
9693
|
+
"Asia/Riyadh",
|
|
9694
|
+
"Asia/Dubai",
|
|
9695
|
+
"Asia/Kolkata",
|
|
9696
|
+
"Asia/Bangkok",
|
|
9697
|
+
"Asia/Shanghai",
|
|
9698
|
+
"Asia/Tokyo",
|
|
9699
|
+
"Australia/Sydney",
|
|
9700
|
+
"Pacific/Auckland"
|
|
9701
|
+
];
|
|
9702
|
+
var timeZoneFormatter = new Intl.DateTimeFormat("en-US", {
|
|
9703
|
+
timeZone: "UTC",
|
|
9704
|
+
timeZoneName: "longOffset"
|
|
9705
|
+
});
|
|
9706
|
+
function getTimeZoneLabel(timeZone) {
|
|
9707
|
+
const offset = new Intl.DateTimeFormat(timeZoneFormatter.resolvedOptions().locale, {
|
|
9708
|
+
timeZone,
|
|
9709
|
+
timeZoneName: "longOffset"
|
|
9710
|
+
}).formatToParts(/* @__PURE__ */ new Date()).find((part) => part.type === "timeZoneName")?.value ?? "GMT";
|
|
9711
|
+
return `${timeZone} (${offset})`;
|
|
9712
|
+
}
|
|
9713
|
+
var timeZones = timeZoneValues.map((value) => ({
|
|
9714
|
+
value,
|
|
9715
|
+
label: getTimeZoneLabel(value)
|
|
9716
|
+
}));
|
|
9717
|
+
var TimeZoneInput = ({
|
|
9718
|
+
value = "",
|
|
9719
|
+
onChange,
|
|
9720
|
+
items = timeZones,
|
|
9721
|
+
placeholder = "Select time zone",
|
|
9722
|
+
disabled = false,
|
|
9723
|
+
...props
|
|
9724
|
+
}) => {
|
|
9725
|
+
const localizedItems = useMemo(
|
|
9726
|
+
() => items.map((item) => ({ ...item, label: item.label || getTimeZoneLabel(item.value) })),
|
|
9727
|
+
[items]
|
|
9728
|
+
);
|
|
9729
|
+
return /* @__PURE__ */ jsx(
|
|
9730
|
+
SelectInput,
|
|
9731
|
+
{
|
|
9732
|
+
...props,
|
|
9733
|
+
value,
|
|
9734
|
+
onChange,
|
|
9735
|
+
items: localizedItems,
|
|
9736
|
+
placeholder,
|
|
9737
|
+
showIcon: false,
|
|
9738
|
+
disabled
|
|
9739
|
+
}
|
|
9740
|
+
);
|
|
9741
|
+
};
|
|
9673
9742
|
var RANGE_COLOR = {
|
|
9674
9743
|
default: "bg-primary",
|
|
9675
9744
|
secondary: "bg-secondary",
|
|
@@ -10188,6 +10257,7 @@ var Inputs = {
|
|
|
10188
10257
|
emoji: EmojiInput,
|
|
10189
10258
|
lang: LangInput,
|
|
10190
10259
|
phone: PhoneInput,
|
|
10260
|
+
timeZone: TimeZoneInput,
|
|
10191
10261
|
time: TimeInput,
|
|
10192
10262
|
slider: SliderInput
|
|
10193
10263
|
};
|
|
@@ -14019,4 +14089,4 @@ function NGridItem({
|
|
|
14019
14089
|
return /* @__PURE__ */ jsx("div", { className: itemClassName, ...props, children });
|
|
14020
14090
|
}
|
|
14021
14091
|
|
|
14022
|
-
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, NCardInfo, NCardMedia, NCardSection, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NIcon, NIndicator, NInspectorSheet, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, 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, NThemeCustomizer, 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 };
|
|
14092
|
+
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, NCardInfo, NCardMedia, NCardSection, NCommandPalette, NConfirmDialog, NContextMenu, NDataCardShell, NDeleteDialog, NDeleteDialogContent, NDetailCard, NDetailItem, NDetailList, NDialog, NDialogDescription, NDialogHeader, NDialogPrimaryButton, NDialogSecondaryButton, NDonutCard, NEditorTabs, NEmptyState, NErrorBoundary, NErrorState, NFileBrowser, NFileTypeIcon, NFilterBar, NFolderIcon, NForm, NFormSectionHeader, NGrid, NGridItem, NIcon, NIndicator, NInspectorSheet, NLoadingState, NMultiDialog, NNavbar, NPageHeader, NPageHeaderActions, NPageHeaderCompactActions, 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, NThemeCustomizer, 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, TimeZoneInput, 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 };
|