@orderly.network/ui 2.0.1 → 2.0.2

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 CHANGED
@@ -2970,6 +2970,7 @@ declare const Spinner: FC<SpinnerProps>;
2970
2970
 
2971
2971
  type InputFormatterOptions = {
2972
2972
  isFocused: boolean;
2973
+ originValue?: string;
2973
2974
  };
2974
2975
  type InputFormatter = {
2975
2976
  onRenderBefore: (value: string | number, options: InputFormatterOptions) => string;
@@ -3329,14 +3330,17 @@ declare const identifierFormatter: () => {
3329
3330
  onSendBefore: (value: string | number, options: InputFormatterOptions) => string;
3330
3331
  };
3331
3332
 
3333
+ declare const decimalPointFormatter: InputFormatter;
3334
+
3332
3335
  declare const index$2_createRegexInputFormatter: typeof createRegexInputFormatter;
3333
3336
  declare const index$2_currencyFormatter: typeof currencyFormatter;
3337
+ declare const index$2_decimalPointFormatter: typeof decimalPointFormatter;
3334
3338
  declare const index$2_dpFormatter: typeof dpFormatter;
3335
3339
  declare const index$2_identifierFormatter: typeof identifierFormatter;
3336
3340
  declare const index$2_numberFormatter: typeof numberFormatter;
3337
3341
  declare const index$2_rangeFormatter: typeof rangeFormatter;
3338
3342
  declare namespace index$2 {
3339
- export { index$2_createRegexInputFormatter as createRegexInputFormatter, index$2_currencyFormatter as currencyFormatter, index$2_dpFormatter as dpFormatter, index$2_identifierFormatter as identifierFormatter, index$2_numberFormatter as numberFormatter, index$2_rangeFormatter as rangeFormatter };
3343
+ export { index$2_createRegexInputFormatter as createRegexInputFormatter, index$2_currencyFormatter as currencyFormatter, index$2_decimalPointFormatter as decimalPointFormatter, index$2_dpFormatter as dpFormatter, index$2_identifierFormatter as identifierFormatter, index$2_numberFormatter as numberFormatter, index$2_rangeFormatter as rangeFormatter };
3340
3344
  }
3341
3345
 
3342
3346
  declare const textFieldVariants: tailwind_variants.TVReturnType<{
@@ -3698,10 +3702,6 @@ declare const Tooltip: React$1.ForwardRefExoticComponent<TooltipPrimitive.Toolti
3698
3702
  className?: string | undefined;
3699
3703
  content?: React$1.ReactNode;
3700
3704
  arrow?: TooltipPrimitive.TooltipArrowProps | undefined;
3701
- } & {
3702
- tooltipProps?: {
3703
- arrow?: TooltipPrimitive.TooltipContentProps | undefined;
3704
- } | undefined;
3705
3705
  } & React$1.RefAttributes<HTMLDivElement>>;
3706
3706
 
3707
3707
  type ColumnFixed = "left" | "right";
@@ -4215,11 +4215,372 @@ interface ScrollAreaProps extends React__default.ComponentPropsWithoutRef<typeof
4215
4215
  declare const ScrollArea: React__default.ForwardRefExoticComponent<ScrollAreaProps & React__default.RefAttributes<HTMLDivElement>>;
4216
4216
  declare const ScrollBar: React__default.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React__default.RefAttributes<HTMLDivElement>, "ref"> & React__default.RefAttributes<HTMLDivElement>>;
4217
4217
 
4218
+ declare const dialogVariants: tailwind_variants.TVReturnType<{
4219
+ size: {
4220
+ xs: {
4221
+ content: string[];
4222
+ };
4223
+ sm: {
4224
+ content: string[];
4225
+ };
4226
+ md: {
4227
+ content: string[];
4228
+ };
4229
+ lg: {
4230
+ content: string[];
4231
+ };
4232
+ xl: {
4233
+ content: string[];
4234
+ };
4235
+ };
4236
+ intensity: {
4237
+ 100: {
4238
+ content: string[];
4239
+ };
4240
+ 200: {
4241
+ content: string[];
4242
+ };
4243
+ 300: {
4244
+ content: string[];
4245
+ };
4246
+ 400: {
4247
+ content: string[];
4248
+ };
4249
+ 500: {
4250
+ content: string[];
4251
+ };
4252
+ 600: {
4253
+ content: string[];
4254
+ };
4255
+ 700: {
4256
+ content: string[];
4257
+ };
4258
+ 800: {
4259
+ content: string[];
4260
+ };
4261
+ 900: {
4262
+ content: string[];
4263
+ };
4264
+ };
4265
+ }, {
4266
+ overlay: string[];
4267
+ content: string[];
4268
+ body: string[];
4269
+ close: string[];
4270
+ header: string[];
4271
+ footer: string[];
4272
+ title: string[];
4273
+ desc: string[];
4274
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
4275
+ size: {
4276
+ xs: {
4277
+ content: string[];
4278
+ };
4279
+ sm: {
4280
+ content: string[];
4281
+ };
4282
+ md: {
4283
+ content: string[];
4284
+ };
4285
+ lg: {
4286
+ content: string[];
4287
+ };
4288
+ xl: {
4289
+ content: string[];
4290
+ };
4291
+ };
4292
+ intensity: {
4293
+ 100: {
4294
+ content: string[];
4295
+ };
4296
+ 200: {
4297
+ content: string[];
4298
+ };
4299
+ 300: {
4300
+ content: string[];
4301
+ };
4302
+ 400: {
4303
+ content: string[];
4304
+ };
4305
+ 500: {
4306
+ content: string[];
4307
+ };
4308
+ 600: {
4309
+ content: string[];
4310
+ };
4311
+ 700: {
4312
+ content: string[];
4313
+ };
4314
+ 800: {
4315
+ content: string[];
4316
+ };
4317
+ 900: {
4318
+ content: string[];
4319
+ };
4320
+ };
4321
+ }, {
4322
+ size: {
4323
+ xs: {
4324
+ content: string[];
4325
+ };
4326
+ sm: {
4327
+ content: string[];
4328
+ };
4329
+ md: {
4330
+ content: string[];
4331
+ };
4332
+ lg: {
4333
+ content: string[];
4334
+ };
4335
+ xl: {
4336
+ content: string[];
4337
+ };
4338
+ };
4339
+ intensity: {
4340
+ 100: {
4341
+ content: string[];
4342
+ };
4343
+ 200: {
4344
+ content: string[];
4345
+ };
4346
+ 300: {
4347
+ content: string[];
4348
+ };
4349
+ 400: {
4350
+ content: string[];
4351
+ };
4352
+ 500: {
4353
+ content: string[];
4354
+ };
4355
+ 600: {
4356
+ content: string[];
4357
+ };
4358
+ 700: {
4359
+ content: string[];
4360
+ };
4361
+ 800: {
4362
+ content: string[];
4363
+ };
4364
+ 900: {
4365
+ content: string[];
4366
+ };
4367
+ };
4368
+ }>, {
4369
+ size: {
4370
+ xs: {
4371
+ content: string[];
4372
+ };
4373
+ sm: {
4374
+ content: string[];
4375
+ };
4376
+ md: {
4377
+ content: string[];
4378
+ };
4379
+ lg: {
4380
+ content: string[];
4381
+ };
4382
+ xl: {
4383
+ content: string[];
4384
+ };
4385
+ };
4386
+ intensity: {
4387
+ 100: {
4388
+ content: string[];
4389
+ };
4390
+ 200: {
4391
+ content: string[];
4392
+ };
4393
+ 300: {
4394
+ content: string[];
4395
+ };
4396
+ 400: {
4397
+ content: string[];
4398
+ };
4399
+ 500: {
4400
+ content: string[];
4401
+ };
4402
+ 600: {
4403
+ content: string[];
4404
+ };
4405
+ 700: {
4406
+ content: string[];
4407
+ };
4408
+ 800: {
4409
+ content: string[];
4410
+ };
4411
+ 900: {
4412
+ content: string[];
4413
+ };
4414
+ };
4415
+ }, {
4416
+ overlay: string[];
4417
+ content: string[];
4418
+ body: string[];
4419
+ close: string[];
4420
+ header: string[];
4421
+ footer: string[];
4422
+ title: string[];
4423
+ desc: string[];
4424
+ }, tailwind_variants.TVReturnType<{
4425
+ size: {
4426
+ xs: {
4427
+ content: string[];
4428
+ };
4429
+ sm: {
4430
+ content: string[];
4431
+ };
4432
+ md: {
4433
+ content: string[];
4434
+ };
4435
+ lg: {
4436
+ content: string[];
4437
+ };
4438
+ xl: {
4439
+ content: string[];
4440
+ };
4441
+ };
4442
+ intensity: {
4443
+ 100: {
4444
+ content: string[];
4445
+ };
4446
+ 200: {
4447
+ content: string[];
4448
+ };
4449
+ 300: {
4450
+ content: string[];
4451
+ };
4452
+ 400: {
4453
+ content: string[];
4454
+ };
4455
+ 500: {
4456
+ content: string[];
4457
+ };
4458
+ 600: {
4459
+ content: string[];
4460
+ };
4461
+ 700: {
4462
+ content: string[];
4463
+ };
4464
+ 800: {
4465
+ content: string[];
4466
+ };
4467
+ 900: {
4468
+ content: string[];
4469
+ };
4470
+ };
4471
+ }, {
4472
+ overlay: string[];
4473
+ content: string[];
4474
+ body: string[];
4475
+ close: string[];
4476
+ header: string[];
4477
+ footer: string[];
4478
+ title: string[];
4479
+ desc: string[];
4480
+ }, undefined, tailwind_variants_dist_config.TVConfig<{
4481
+ size: {
4482
+ xs: {
4483
+ content: string[];
4484
+ };
4485
+ sm: {
4486
+ content: string[];
4487
+ };
4488
+ md: {
4489
+ content: string[];
4490
+ };
4491
+ lg: {
4492
+ content: string[];
4493
+ };
4494
+ xl: {
4495
+ content: string[];
4496
+ };
4497
+ };
4498
+ intensity: {
4499
+ 100: {
4500
+ content: string[];
4501
+ };
4502
+ 200: {
4503
+ content: string[];
4504
+ };
4505
+ 300: {
4506
+ content: string[];
4507
+ };
4508
+ 400: {
4509
+ content: string[];
4510
+ };
4511
+ 500: {
4512
+ content: string[];
4513
+ };
4514
+ 600: {
4515
+ content: string[];
4516
+ };
4517
+ 700: {
4518
+ content: string[];
4519
+ };
4520
+ 800: {
4521
+ content: string[];
4522
+ };
4523
+ 900: {
4524
+ content: string[];
4525
+ };
4526
+ };
4527
+ }, {
4528
+ size: {
4529
+ xs: {
4530
+ content: string[];
4531
+ };
4532
+ sm: {
4533
+ content: string[];
4534
+ };
4535
+ md: {
4536
+ content: string[];
4537
+ };
4538
+ lg: {
4539
+ content: string[];
4540
+ };
4541
+ xl: {
4542
+ content: string[];
4543
+ };
4544
+ };
4545
+ intensity: {
4546
+ 100: {
4547
+ content: string[];
4548
+ };
4549
+ 200: {
4550
+ content: string[];
4551
+ };
4552
+ 300: {
4553
+ content: string[];
4554
+ };
4555
+ 400: {
4556
+ content: string[];
4557
+ };
4558
+ 500: {
4559
+ content: string[];
4560
+ };
4561
+ 600: {
4562
+ content: string[];
4563
+ };
4564
+ 700: {
4565
+ content: string[];
4566
+ };
4567
+ 800: {
4568
+ content: string[];
4569
+ };
4570
+ 900: {
4571
+ content: string[];
4572
+ };
4573
+ };
4574
+ }>, unknown, unknown, undefined>>;
4218
4575
  declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
4219
4576
  declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
4220
4577
  declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
4221
4578
  declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
4222
4579
  declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
4580
+ type DialogContentProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content> & VariantProps<typeof dialogVariants> & {
4581
+ closable?: boolean;
4582
+ onClose?: () => void;
4583
+ };
4223
4584
  declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & VariantProps<tailwind_variants.TVReturnType<{
4224
4585
  size: {
4225
4586
  xs: {
@@ -4595,7 +4956,7 @@ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPr
4595
4956
  type DialogAction<T = any> = {
4596
4957
  label: string;
4597
4958
  onClick: (event: any) => Promise<T> | T;
4598
- } & Pick<ButtonProps, "size" | "disabled" | "className" | "fullWidth" | "data-testid" | "loading">;
4959
+ } & Pick<ButtonProps, "size" | "disabled" | "className" | "fullWidth" | "data-testid" | "loading" | "variant" | "color">;
4599
4960
  type SimpleDialogFooterProps = {
4600
4961
  actions?: {
4601
4962
  primary?: DialogAction;
@@ -4603,6 +4964,7 @@ type SimpleDialogFooterProps = {
4603
4964
  };
4604
4965
  className?: string;
4605
4966
  };
4967
+ declare const SimpleDialogFooter: FC<SimpleDialogFooterProps>;
4606
4968
 
4607
4969
  type SimpleDialogProps = {
4608
4970
  open?: boolean;
@@ -4616,6 +4978,8 @@ type SimpleDialogProps = {
4616
4978
  body?: string;
4617
4979
  footer?: string;
4618
4980
  };
4981
+ /** if provider, it will overrides others content props */
4982
+ contentProps?: DialogContentProps;
4619
4983
  } & SimpleDialogFooterProps;
4620
4984
  /**
4621
4985
  * Simplified dialog component.
@@ -8011,4 +8375,4 @@ declare function useScreen(): {
8011
8375
  isDesktop: boolean;
8012
8376
  };
8013
8377
 
8014
- export { ActionSheet, type ActionSheetItem, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItems, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, RefreshIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useModal, usePagination, useScreen };
8378
+ export { ActionSheet, type ActionSheetItem, AlertDialog, type AlertDialogProps, ArrowDownShortIcon, ArrowDownSquareFillIcon, ArrowDownUpIcon, ArrowLeftRightIcon, ArrowLeftShortIcon, ArrowRightShortIcon, ArrowUpShortIcon, ArrowUpSquareFillIcon, Avatar, Badge, type BaseActionSheetItem, type BaseIconProps, Box, type BoxProps, Button, type ButtonProps, Calendar, CalendarIcon, Card, CardBase, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, CaretDownIcon, CaretLeftIcon, CaretRightIcon, CaretUpIcon, ChainIcon, type ChainSelectProps, CheckIcon, CheckSquareEmptyIcon, Checkbox, CheckedCircleFillIcon, CheckedSquareFillIcon, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CircleOutlinedIcon, CloseCircleFillIcon, CloseIcon, CloseSquareFillIcon, Collapse, Collapsible, CollapsibleContent, CollapsibleTrigger, type Column, type ColumnFixed, ConfirmDialog, type ConfirmProps, CopyIcon, DataFilter, type DataFilterItems, DataTable, type DataTableClassNames, type DataTableProps, DatePicker, type DatePickerProps, Dialog, type DialogAction, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Divider, type DividerProps, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRoot, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuTrigger, EVMAvatar, EditIcon, Either, EmptyDataState, ExclamationFillIcon, type ExtensionPosition, ExtensionPositionEnum, ExtensionSlot, EyeCloseIcon, EyeIcon, FeeTierIcon, Flex, type FlexProps, Grid, HoverCard, HoverCardContent, type HoverCardProps, HoverCardRoot, HoverCardTrigger, Icon, type IconType, Input, InputAdditional, type InputFormatter, type InputFormatterOptions, type InputProps, ListView, Logo, type LogoProps, Match, type MenuItem, ModalContext, type ModalHocProps, ModalIdContext, ModalProvider, type NumeralProps, index as OUITailwind, OrderlyThemeProvider, PaginationItems, type PaginationMeta, Picker, PlusIcon, Popover, PopoverAnchor, PopoverContent, PopoverRoot, PopoverTrigger, QuestionFillIcon, RefreshIcon, ScrollArea, ScrollBar, Select, SelectItem, type SelectProps, ServerFillIcon, SettingFillIcon, SettingIcon, ShareIcon, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, SimpleDialog, SimpleDialogFooter, type SimpleDialogFooterProps, type SimpleDialogProps, SimpleDropdownMenu, SimpleSheet, type SizeType, Slider, type SliderMarks, type SortOrder, SortingAscIcon, SortingDescIcon, SortingIcon, Spinner, type SpinnerProps, SquareOutlinedIcon, Statistic, StatisticLabel, Switch, TabPanel, type TableCellFormatter, type TableCellPlainTextRenderer, type TableCellRenderer, index$1 as TableFeatures, type TableSort, Tabs, TabsBase, TabsContent, TabsList, TabsTrigger, Text, TextField, type TextFieldProps, type TextProps, type TextType, ThrottledButton, ToastTile, Toaster, TokenIcon, Tooltip, TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger, TriggerDialog, type TriggerDialogProps, WalletIcon, boxVariants, buttonVariants, capitalizeFirstLetter, convertValueToPercentage, formatAddress, gradientTextVariants, index$2 as inputFormatter, installExtension, modal, parseNumber, registerSimpleDialog, registerSimpleSheet, scrollAreaVariants, setExtensionBuilder, statisticVariants, textVariants, tv, useModal, usePagination, useScreen };