@wallarm-org/design-system 0.87.0 → 0.88.0

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.
Files changed (114) hide show
  1. package/dist/components/Alert/Alert.d.ts +1 -1
  2. package/dist/components/AnimatedBackground/pixel/module/celebration.d.ts +2 -2
  3. package/dist/components/AnimatedBackground/pixel/module/game-logic.d.ts +1 -1
  4. package/dist/components/AppShell/story-content/_storyLib.d.ts +1 -1
  5. package/dist/components/Badge/classes.d.ts +2 -2
  6. package/dist/components/Badge/constants.d.ts +26 -26
  7. package/dist/components/Banner/classes.d.ts +4 -4
  8. package/dist/components/Button/Button.d.ts +2 -2
  9. package/dist/components/ButtonBase/classes.d.ts +1 -1
  10. package/dist/components/Calendar/CalendarContext.d.ts +4 -4
  11. package/dist/components/Calendar/CalendarTrigger.d.ts +4 -12
  12. package/dist/components/Calendar/const.d.ts +2 -2
  13. package/dist/components/Checkbox/CheckboxGroup.d.ts +1 -1
  14. package/dist/components/Code/Code.d.ts +3 -3
  15. package/dist/components/CodeSnippet/CodeSnippetRoot.d.ts +5 -8
  16. package/dist/components/CodeSnippet/lib/httpFolds.d.ts +2 -2
  17. package/dist/components/Country/Country.d.ts +1 -1
  18. package/dist/components/Country/CountryFlag.d.ts +1 -1
  19. package/dist/components/Country/countries.d.ts +497 -497
  20. package/dist/components/DropdownMenu/classes.d.ts +1 -1
  21. package/dist/components/DropdownMenu/classes.js +1 -1
  22. package/dist/components/Field/Field.d.ts +1 -1
  23. package/dist/components/FilterInput/FilterInputField/FilterInputChip/classes.d.ts +1 -1
  24. package/dist/components/FilterInput/FilterInputField/FilterInputChip/segmentVariant.d.ts +3 -3
  25. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/FlatValueMenu.js +1 -0
  26. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/NestedValueMenuItem.js +1 -26
  27. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.d.ts +2 -0
  28. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/ValueMenuItem.js +4 -3
  29. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/highlightMatch.d.ts +11 -0
  30. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/highlightMatch.js +28 -0
  31. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/useNestedValueMenuState.js +2 -2
  32. package/dist/components/FilterInput/FilterInputMenu/FilterInputValueMenu/valueOptionSearchText.d.ts +1 -1
  33. package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/lib/valueResolution.d.ts +1 -1
  34. package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useChipCascade.d.ts +1 -1
  35. package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useFilterInputAutocomplete.d.ts +2 -2
  36. package/dist/components/FilterInput/hooks/useFilterInputAutocomplete/useMenuPositioning.d.ts +1 -1
  37. package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.d.ts +1 -1
  38. package/dist/components/FilterInput/hooks/useFilterInputExpression/buildChips.js +1 -1
  39. package/dist/components/FilterInput/hooks/useFilterInputExpression/expression.d.ts +2 -2
  40. package/dist/components/FilterInput/hooks/useFilterInputExpression/useFilterInputExpression.d.ts +2 -2
  41. package/dist/components/FilterInput/hooks/useFilterInputPositioning.d.ts +1 -1
  42. package/dist/components/FilterInput/hooks/useFilterInputSelection/lib/serialize.d.ts +1 -1
  43. package/dist/components/FilterInput/lib/applyKnownFieldHelpers.d.ts +1 -1
  44. package/dist/components/FilterInput/lib/collapseValuesToLabels.d.ts +20 -18
  45. package/dist/components/FilterInput/lib/collapseValuesToLabels.js +12 -19
  46. package/dist/components/FilterInput/lib/conditions.d.ts +2 -2
  47. package/dist/components/FilterInput/lib/constants.d.ts +6 -3
  48. package/dist/components/FilterInput/lib/constants.js +1 -1
  49. package/dist/components/FilterInput/lib/index.d.ts +1 -1
  50. package/dist/components/FilterInput/lib/index.js +1 -1
  51. package/dist/components/FilterInput/lib/validation.d.ts +1 -1
  52. package/dist/components/Flex/Flex.d.ts +6 -6
  53. package/dist/components/Heading/Heading.d.ts +3 -3
  54. package/dist/components/InlineEdit/InlineEditSelect.d.ts +4 -4
  55. package/dist/components/Input/classes.d.ts +1 -1
  56. package/dist/components/InputGroup/InputGroup.d.ts +1 -1
  57. package/dist/components/InputGroup/InputGroupAddon.d.ts +2 -2
  58. package/dist/components/Ip/constants.d.ts +21 -21
  59. package/dist/components/Kbd/Kbd.d.ts +1 -1
  60. package/dist/components/Link/classes.d.ts +3 -3
  61. package/dist/components/Loader/Loader.d.ts +2 -2
  62. package/dist/components/Logo/classes.d.ts +1 -1
  63. package/dist/components/NumberInput/classes.d.ts +4 -4
  64. package/dist/components/NumericBadge/classes.d.ts +2 -2
  65. package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +4 -8
  66. package/dist/components/OverflowTooltip/OverflowTooltipContent.d.ts +4 -7
  67. package/dist/components/Pagination/classes.d.ts +2 -2
  68. package/dist/components/ParameterPath/constants.d.ts +7 -7
  69. package/dist/components/Popover/PopoverContent.js +5 -19
  70. package/dist/components/Popover/constants.d.ts +0 -1
  71. package/dist/components/Popover/constants.js +1 -2
  72. package/dist/components/Progress/classes.d.ts +2 -2
  73. package/dist/components/Progress/constants.d.ts +22 -22
  74. package/dist/components/Radio/RadioGroup.d.ts +1 -1
  75. package/dist/components/SegmentedControl/SegmentedControlSeparator.d.ts +1 -1
  76. package/dist/components/Select/Select.d.ts +4 -4
  77. package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.d.ts +1 -1
  78. package/dist/components/Selection/Selection.d.ts +4 -4
  79. package/dist/components/Separator/Separator.d.ts +1 -1
  80. package/dist/components/SimpleCharts/BarList/classes.d.ts +3 -3
  81. package/dist/components/SimpleCharts/LineChart/constants.d.ts +2 -2
  82. package/dist/components/SimpleCharts/PieChart/classes.d.ts +2 -2
  83. package/dist/components/Skeleton/Skeleton.d.ts +1 -1
  84. package/dist/components/SplashScreen/classes.d.ts +4 -4
  85. package/dist/components/Stack/Stack.d.ts +5 -5
  86. package/dist/components/Table/Table.d.ts +4 -4
  87. package/dist/components/Table/TableBody/TableBodyCell.d.ts +4 -4
  88. package/dist/components/Table/TableColumnMenu/TableColumnMenu.d.ts +4 -16
  89. package/dist/components/Table/TableHeadCell.d.ts +4 -4
  90. package/dist/components/Table/TableImperativeBridge.d.ts +4 -9
  91. package/dist/components/Table/TableMasterCellActions.d.ts +4 -4
  92. package/dist/components/Table/TableResizeHandler.d.ts +4 -4
  93. package/dist/components/Table/TableRow.d.ts +1 -1
  94. package/dist/components/Table/TableRowExpanded.d.ts +4 -4
  95. package/dist/components/Table/TableSettingsMenu/TableSettingsMenuItem.d.ts +4 -4
  96. package/dist/components/Table/TableSortHandler.d.ts +4 -4
  97. package/dist/components/Table/TableSortTrigger.d.ts +4 -19
  98. package/dist/components/Table/lib/detectDataChange.d.ts +1 -1
  99. package/dist/components/Table/lib/isLastPinnedLeft.d.ts +2 -2
  100. package/dist/components/Tabs/classes.d.ts +1 -1
  101. package/dist/components/Text/Text.d.ts +5 -5
  102. package/dist/components/Textarea/classes.d.ts +2 -2
  103. package/dist/components/Toast/Toast.d.ts +4 -4
  104. package/dist/components/Toast/ToastClose.d.ts +4 -4
  105. package/dist/components/Toast/useToast.d.ts +4 -4
  106. package/dist/components/ToggleButton/ToggleButton.d.ts +1 -1
  107. package/dist/components/Tour/lib/waitForStepEvent.d.ts +1 -1
  108. package/dist/components/WallyIcon/classes.d.ts +1 -1
  109. package/dist/icons/SvgIcon.d.ts +1 -1
  110. package/dist/metadata/components.json +39 -4
  111. package/dist/theme/index.css +22 -0
  112. package/dist/utils/hasNonTextEnd.d.ts +1 -1
  113. package/dist/utils/isIconOnly.d.ts +1 -1
  114. package/package.json +15 -17
@@ -1,27 +1,27 @@
1
1
  export declare const datacenters: {
2
- readonly alibaba: "Alibaba Cloud";
3
- readonly aws: "AWS";
4
- readonly azure: "Azure";
5
- readonly docean: "Digital Ocean";
6
- readonly gce: "GCP";
7
- readonly hetzner: "Hetzner";
8
- readonly huawei: "Huawei Cloud";
9
- readonly ibm: "IBM Cloud";
10
- readonly linode: "Linode";
11
- readonly oracle: "Oracle Cloud";
12
- readonly ovh: "OVHcloud";
13
- readonly plusserver: "PlusServer";
14
- readonly rackspace: "Rackspace";
15
- readonly tencent: "Tencent";
2
+ readonly alibaba: 'Alibaba Cloud';
3
+ readonly aws: 'AWS';
4
+ readonly azure: 'Azure';
5
+ readonly docean: 'Digital Ocean';
6
+ readonly gce: 'GCP';
7
+ readonly hetzner: 'Hetzner';
8
+ readonly huawei: 'Huawei Cloud';
9
+ readonly ibm: 'IBM Cloud';
10
+ readonly linode: 'Linode';
11
+ readonly oracle: 'Oracle Cloud';
12
+ readonly ovh: 'OVHcloud';
13
+ readonly plusserver: 'PlusServer';
14
+ readonly rackspace: 'Rackspace';
15
+ readonly tencent: 'Tencent';
16
16
  };
17
17
  export declare const proxyTypes: {
18
- readonly TOR: "Tor";
19
- readonly VPN: "VPN";
20
- readonly DCH: "DC";
21
- readonly SES: "Search engine spiders";
22
- readonly MIP: "Malicious IPs";
23
- readonly WEB: "Web proxy";
24
- readonly PUB: "Public proxy";
18
+ readonly TOR: 'Tor';
19
+ readonly VPN: 'VPN';
20
+ readonly DCH: 'DC';
21
+ readonly SES: 'Search engine spiders';
22
+ readonly MIP: 'Malicious IPs';
23
+ readonly WEB: 'Web proxy';
24
+ readonly PUB: 'Public proxy';
25
25
  };
26
26
  export type DatacenterKey = keyof typeof datacenters;
27
27
  export type ProxyTypeKey = keyof typeof proxyTypes;
@@ -2,7 +2,7 @@ import type { ComponentProps, FC } from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  import type { TestableProps } from '../../utils/testId';
4
4
  declare const kbdVariants: (props?: ({
5
- size?: "small" | "medium" | "xsmall" | null | undefined;
5
+ size?: "medium" | "small" | "xsmall" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  type KbdVariantsProps = VariantProps<typeof kbdVariants>;
8
8
  type KbdProps = ComponentProps<'kbd'> & KbdVariantsProps & TestableProps;
@@ -1,6 +1,6 @@
1
1
  export declare const linkVariants: (props?: ({
2
- type?: "table" | "alt" | "default" | "muted" | null | undefined;
3
- size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
4
- weight?: "regular" | "medium" | null | undefined;
2
+ type?: "alt" | "default" | "muted" | "table" | null | undefined;
3
+ size?: "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
4
+ weight?: "medium" | "regular" | null | undefined;
5
5
  disabled?: boolean | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -2,8 +2,8 @@ import type { FC } from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  import type { TestableProps } from '../../utils/testId';
4
4
  declare const loaderVariants: (props?: ({
5
- size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
6
- color?: "primary" | "primary-alt" | "danger" | "primary-alt-fixed" | "brand" | null | undefined;
5
+ size?: "2xl" | "3xl" | "lg" | "md" | "sm" | "xl" | null | undefined;
6
+ color?: "brand" | "danger" | "primary" | "primary-alt" | "primary-alt-fixed" | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  type LoaderType = 'circle' | 'sonner';
9
9
  type LoaderVariantsProps = VariantProps<typeof loaderVariants>;
@@ -1,3 +1,3 @@
1
1
  export declare const logoVariants: (props?: ({
2
- size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | null | undefined;
2
+ size?: "2xl" | "lg" | "md" | "sm" | "xl" | "xs" | null | undefined;
3
3
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,12 +1,12 @@
1
1
  export declare const numberInputRootVariants: (props?: ({
2
- size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
2
+ size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
3
3
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
4
  export declare const numberInputFieldVariants: (props?: ({
5
- size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
5
+ size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export declare const numberInputControlVariants: (props?: ({
8
- size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
8
+ size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
10
  export declare const numberInputTriggerVariants: (props?: ({
11
- size?: "small" | "medium" | "default" | "inline-edit" | null | undefined;
11
+ size?: "default" | "inline-edit" | "medium" | "small" | null | undefined;
12
12
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,5 +1,5 @@
1
1
  export declare const numericBadgeVariants: (props?: ({
2
- type?: "primary" | "destructive" | "info" | "primary-alt" | "brand" | "outline" | null | undefined;
3
- size?: "small" | "default" | null | undefined;
2
+ type?: "brand" | "destructive" | "info" | "outline" | "primary" | "primary-alt" | null | undefined;
3
+ size?: "default" | "small" | null | undefined;
4
4
  clickable?: boolean | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -5,11 +5,7 @@ export interface OverflowTooltipProps {
5
5
  forceTooltip?: boolean;
6
6
  positioning?: TooltipProps['positioning'];
7
7
  }
8
- /**
9
- * Root component for OverflowTooltip.
10
- * Automatically detects overflow in child elements.
11
- */
12
- export declare const OverflowTooltip: {
13
- ({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
14
- displayName: string;
15
- };
8
+ export declare function OverflowTooltip({ children, forceTooltip, positioning, }: OverflowTooltipProps): import("react").JSX.Element;
9
+ export declare namespace OverflowTooltip {
10
+ var displayName: string;
11
+ }
@@ -4,10 +4,7 @@ export interface OverflowTooltipContentProps {
4
4
  className?: string;
5
5
  maxWidth?: number;
6
6
  }
7
- /**
8
- * Content component for the overflow tooltip.
9
- */
10
- export declare const OverflowTooltipContent: {
11
- ({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
12
- displayName: string;
13
- };
7
+ export declare function OverflowTooltipContent({ children, className, maxWidth, }: OverflowTooltipContentProps): import("react").JSX.Element;
8
+ export declare namespace OverflowTooltipContent {
9
+ var displayName: string;
10
+ }
@@ -2,8 +2,8 @@ export declare const paginationVariants: (props?: ({
2
2
  align?: "center" | "left" | "right" | null | undefined;
3
3
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
4
  export declare const paginationItemVariants: (props?: ({
5
- size?: "small" | "medium" | null | undefined;
5
+ size?: "medium" | "small" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export declare const paginationEllipsisVariants: (props?: ({
8
- size?: "small" | "medium" | null | undefined;
8
+ size?: "medium" | "small" | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,12 +1,12 @@
1
1
  export declare const MEASURE: {
2
- readonly method: "method";
3
- readonly joint: "joint";
4
- readonly segment: "segment";
5
- readonly encoding: "encoding";
6
- readonly ellipsis: "ellipsis";
2
+ readonly method: 'method';
3
+ readonly joint: 'joint';
4
+ readonly segment: 'segment';
5
+ readonly encoding: 'encoding';
6
+ readonly ellipsis: 'ellipsis';
7
7
  };
8
8
  export declare const ROW: {
9
- readonly visible: "visible";
10
- readonly measure: "measure";
9
+ readonly visible: 'visible';
10
+ readonly measure: 'measure';
11
11
  };
12
12
  export declare const EXPAND_KEYS: readonly string[];
@@ -1,12 +1,11 @@
1
- import { jsx, jsxs } from "react/jsx-runtime";
1
+ import { jsx } from "react/jsx-runtime";
2
2
  import { useMemo } from "react";
3
3
  import { Popover, usePopoverContext } from "@ark-ui/react";
4
4
  import { Portal } from "@ark-ui/react/portal";
5
5
  import { cn } from "../../utils/cn.js";
6
6
  import { useTestId } from "../../utils/testId.js";
7
- import { ScrollArea, ScrollAreaContent, ScrollAreaScrollbar, ScrollAreaViewport } from "../ScrollArea/index.js";
8
- import { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_HEIGHT, POPOVER_MIN_WIDTH } from "./constants.js";
9
- const PopoverContent = ({ children, minHeight = POPOVER_MIN_HEIGHT, maxHeight = POPOVER_MAX_HEIGHT, minWidth = POPOVER_MIN_WIDTH, maxWidth = POPOVER_MAX_WIDTH, className, 'data-testid': testIdProp, ...rest })=>{
7
+ import { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_WIDTH } from "./constants.js";
8
+ const PopoverContent = ({ children, minHeight, maxHeight = POPOVER_MAX_HEIGHT, minWidth = POPOVER_MIN_WIDTH, maxWidth = POPOVER_MAX_WIDTH, className, 'data-testid': testIdProp, ...rest })=>{
10
9
  const testId = useTestId('content', testIdProp);
11
10
  const { getContentProps } = usePopoverContext();
12
11
  const { id } = getContentProps();
@@ -28,21 +27,8 @@ const PopoverContent = ({ children, minHeight = POPOVER_MIN_HEIGHT, maxHeight =
28
27
  id: id,
29
28
  "data-testid": testId,
30
29
  style: style,
31
- className: cn('flex flex-col', 'min-w-(--popover-min-width)', 'max-w-[clamp(var(--popover-min-width),var(--available-width),var(--popover-max-width))]', 'min-h-(--popover-min-height)', 'max-h-[clamp(var(--popover-min-height),var(--available-height),var(--popover-max-height))]', 'p-12 bg-bg-surface-2 rounded-12 border border-border-primary-light shadow-md text-text-primary', 'z-[calc(var(--drawer-positioner-z-index)+(var(--layer-index,0)*var(--drawer-level-ratio)))]', '[&_[data-part=viewport]]:overscroll-contain', 'animate-in fade-in-0 zoom-in-95 origin-[--radix-tooltip-content-transform-origin]', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2', className),
32
- asChild: true,
33
- children: /*#__PURE__*/ jsxs(ScrollArea, {
34
- ids: {
35
- root: id
36
- },
37
- children: [
38
- /*#__PURE__*/ jsx(ScrollAreaViewport, {
39
- children: /*#__PURE__*/ jsx(ScrollAreaContent, {
40
- children: children
41
- })
42
- }),
43
- /*#__PURE__*/ jsx(ScrollAreaScrollbar, {})
44
- ]
45
- })
30
+ className: cn('flex flex-col overflow-auto', 'min-w-(--popover-min-width)', 'max-w-[clamp(var(--popover-min-width),var(--available-width),var(--popover-max-width))]', 'min-h-(--popover-min-height)', 'max-h-[clamp(var(--popover-min-height,0px),var(--available-height),var(--popover-max-height))]', 'p-12 bg-bg-surface-2 rounded-12 border border-border-primary-light shadow-md text-text-primary', 'z-[calc(var(--drawer-positioner-z-index)+(var(--layer-index,0)*var(--drawer-level-ratio)))]', 'overscroll-contain', 'animate-in fade-in-0 zoom-in-95 origin-[--radix-tooltip-content-transform-origin]', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', 'data-[side=bottom]:slide-in-from-top-2', 'data-[side=left]:slide-in-from-right-2', 'data-[side=right]:slide-in-from-left-2', 'data-[side=top]:slide-in-from-bottom-2', className),
31
+ children: children
46
32
  })
47
33
  })
48
34
  });
@@ -1,5 +1,4 @@
1
1
  import type { PopoverSizeDimension } from './types';
2
- export declare const POPOVER_MIN_HEIGHT: PopoverSizeDimension;
3
2
  export declare const POPOVER_MAX_HEIGHT: PopoverSizeDimension;
4
3
  export declare const POPOVER_MIN_WIDTH: PopoverSizeDimension;
5
4
  export declare const POPOVER_MAX_WIDTH: PopoverSizeDimension;
@@ -1,5 +1,4 @@
1
- const POPOVER_MIN_HEIGHT = '156px';
2
1
  const POPOVER_MAX_HEIGHT = '560px';
3
2
  const POPOVER_MIN_WIDTH = '256px';
4
3
  const POPOVER_MAX_WIDTH = '560px';
5
- export { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_HEIGHT, POPOVER_MIN_WIDTH };
4
+ export { POPOVER_MAX_HEIGHT, POPOVER_MAX_WIDTH, POPOVER_MIN_WIDTH };
@@ -1,9 +1,9 @@
1
1
  import type { ProgressColor } from './types';
2
2
  export declare const progressTrackVariants: (props?: ({
3
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
3
+ size?: "lg" | "md" | "sm" | "xs" | null | undefined;
4
4
  color?: ProgressColor | null | undefined;
5
5
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
6
6
  export declare const progressRangeVariants: (props?: ({
7
- size?: "xs" | "sm" | "md" | "lg" | null | undefined;
7
+ size?: "lg" | "md" | "sm" | "xs" | null | undefined;
8
8
  color?: ProgressColor | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,24 +1,24 @@
1
1
  export declare const ProgressColorEnum: {
2
- readonly Brand: "brand";
3
- readonly Slate: "slate";
4
- readonly Red: "red";
5
- readonly WOrange: "w-orange";
6
- readonly Amber: "amber";
7
- readonly Yellow: "yellow";
8
- readonly Lime: "lime";
9
- readonly Green: "green";
10
- readonly Emerald: "emerald";
11
- readonly Teal: "teal";
12
- readonly Cyan: "cyan";
13
- readonly Sky: "sky";
14
- readonly Blue: "blue";
15
- readonly Indigo: "indigo";
16
- readonly Violet: "violet";
17
- readonly Fuchsia: "fuchsia";
18
- readonly Pink: "pink";
19
- readonly Rose: "rose";
20
- readonly Gray: "gray";
21
- readonly Zinc: "zinc";
22
- readonly Neutral: "neutral";
23
- readonly Stone: "stone";
2
+ readonly Brand: 'brand';
3
+ readonly Slate: 'slate';
4
+ readonly Red: 'red';
5
+ readonly WOrange: 'w-orange';
6
+ readonly Amber: 'amber';
7
+ readonly Yellow: 'yellow';
8
+ readonly Lime: 'lime';
9
+ readonly Green: 'green';
10
+ readonly Emerald: 'emerald';
11
+ readonly Teal: 'teal';
12
+ readonly Cyan: 'cyan';
13
+ readonly Sky: 'sky';
14
+ readonly Blue: 'blue';
15
+ readonly Indigo: 'indigo';
16
+ readonly Violet: 'violet';
17
+ readonly Fuchsia: 'fuchsia';
18
+ readonly Pink: 'pink';
19
+ readonly Rose: 'rose';
20
+ readonly Gray: 'gray';
21
+ readonly Zinc: 'zinc';
22
+ readonly Neutral: 'neutral';
23
+ readonly Stone: 'stone';
24
24
  };
@@ -2,7 +2,7 @@ import type { FC } from 'react';
2
2
  import { RadioGroup as ArkUiRadioGroup } from '@ark-ui/react/radio-group';
3
3
  import { type VariantProps } from 'class-variance-authority';
4
4
  declare const radioGroupVariants: (props?: ({
5
- variant?: "default" | "card" | null | undefined;
5
+ variant?: "card" | "default" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export type RadioGroupNativeProps = Omit<ArkUiRadioGroup.RootProps, 'className'>;
8
8
  export type RadioGroupVariantsProps = VariantProps<typeof radioGroupVariants>;
@@ -2,7 +2,7 @@ import type { ComponentRef, FC, Ref } from 'react';
2
2
  import { type VariantProps } from 'class-variance-authority';
3
3
  import { Separator, type SeparatorProps } from '../Separator';
4
4
  declare const segmentedControlSeparatorVariants: (props?: ({
5
- mx?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
5
+ mx?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  type SegmentedControlSeparatorVariants = VariantProps<typeof segmentedControlSeparatorVariants>;
8
8
  /**
@@ -5,8 +5,8 @@ export interface SelectBaseProps {
5
5
  loading?: boolean;
6
6
  }
7
7
  type SelectProps<T extends CollectionItem> = SelectNativeProps<T> & SelectBaseProps & TestableProps;
8
- export declare const Select: {
9
- <T extends unknown>({ children, loading, disabled, "data-testid": testId, ...props }: SelectProps<T>): import("react").JSX.Element;
10
- displayName: string;
11
- };
8
+ export declare function Select<T extends CollectionItem>({ children, loading, disabled, 'data-testid': testId, ...props }: SelectProps<T>): import("react").JSX.Element;
9
+ export declare namespace Select {
10
+ var displayName: string;
11
+ }
12
12
  export {};
@@ -1,2 +1,2 @@
1
1
  import type { SelectDataItem } from '../types';
2
- export declare const createSelectInputOverflowRenderer: (size: "small" | "medium" | "default" | "inline-edit") => (items: SelectDataItem[]) => import("react").JSX.Element;
2
+ export declare const createSelectInputOverflowRenderer: (size: 'small' | 'medium' | 'default' | 'inline-edit') => (items: SelectDataItem[]) => import("react").JSX.Element;
@@ -12,7 +12,7 @@ export interface SelectionProps<T> extends TestableProps {
12
12
  className?: string;
13
13
  children?: ReactNode;
14
14
  }
15
- export declare const Selection: {
16
- <T>({ items, getItemId, value, onChange, className, "data-testid": testId, children, }: SelectionProps<T>): import("react").JSX.Element;
17
- displayName: string;
18
- };
15
+ export declare function Selection<T>({ items, getItemId, value, onChange, className, 'data-testid': testId, children, }: SelectionProps<T>): import("react").JSX.Element;
16
+ export declare namespace Selection {
17
+ var displayName: string;
18
+ }
@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
3
3
  import type { TestableProps } from '../../utils/testId';
4
4
  declare const separatorVariants: (props?: ({
5
5
  orientation?: "horizontal" | "vertical" | null | undefined;
6
- spacing?: 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
6
+ spacing?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
7
7
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
8
8
  export type SeparatorProps = ComponentPropsWithoutRef<'div'> & VariantProps<typeof separatorVariants> & TestableProps & {
9
9
  ref?: Ref<HTMLDivElement>;
@@ -17,14 +17,14 @@ export declare const barListItemVariants: (props?: ({
17
17
  * `<BarListBar className='bg-sky-500/16' />`.
18
18
  */
19
19
  export declare const barListBarVariants: (props?: ({
20
- color?: "brand" | "blue" | "cyan" | "green" | "indigo" | "pink" | "purple" | "red" | "teal" | "slate" | "amber" | "rose" | null | undefined;
20
+ color?: "amber" | "blue" | "brand" | "cyan" | "green" | "indigo" | "pink" | "purple" | "red" | "rose" | "slate" | "teal" | null | undefined;
21
21
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
22
22
  export declare const barListLabelClasses: string;
23
23
  export declare const barListValueClasses: string;
24
24
  export declare const barListPercentVariants: (props?: ({
25
- variant?: "split" | "inherit" | "muted" | null | undefined;
25
+ variant?: "inherit" | "muted" | "split" | null | undefined;
26
26
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
27
27
  export declare const barListPercentSymbolVariants: (props?: ({
28
- variant?: "split" | "inherit" | "muted" | null | undefined;
28
+ variant?: "inherit" | "muted" | "split" | null | undefined;
29
29
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
30
30
  export declare const barListSkeletonRowClasses: string;
@@ -18,8 +18,8 @@ export declare const LINE_DEFAULT_BODY_MARGIN: {
18
18
  };
19
19
  export declare const HOVER_POPOVER_TOP = 8;
20
20
  export declare const LINE_AXIS_TICK_TEXT_PROPS: {
21
- readonly fill: "var(--color-text-secondary)";
21
+ readonly fill: 'var(--color-text-secondary)';
22
22
  readonly fontSize: 10;
23
- readonly fontFamily: "var(--font-sans)";
23
+ readonly fontFamily: 'var(--font-sans)';
24
24
  readonly fontWeight: 400;
25
25
  };
@@ -14,9 +14,9 @@ export declare const pieChartLegendValueClasses: string;
14
14
  export declare const pieChartLegendPercentClasses: string;
15
15
  export declare const legendDotClasses: string;
16
16
  export declare const pieChartLegendPercentValueVariants: (props?: ({
17
- variant?: "split" | "inherit" | "muted" | null | undefined;
17
+ variant?: "inherit" | "muted" | "split" | null | undefined;
18
18
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
19
19
  export declare const pieChartLegendPercentSymbolVariants: (props?: ({
20
- variant?: "split" | "inherit" | "muted" | null | undefined;
20
+ variant?: "inherit" | "muted" | "split" | null | undefined;
21
21
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
22
22
  export declare const pieChartSkeletonRowClasses: string;
@@ -3,7 +3,7 @@ import { type VariantProps } from 'class-variance-authority';
3
3
  import type { TestableProps } from '../../utils/testId';
4
4
  declare const skeletonVariants: (props?: ({
5
5
  transparent?: boolean | null | undefined;
6
- rounded?: 2 | 4 | 6 | "none" | 8 | 16 | 12 | 32 | 24 | "full" | null | undefined;
6
+ rounded?: "full" | "none" | 2 | 4 | 6 | 8 | 12 | 16 | 24 | 32 | null | undefined;
7
7
  withDimensions?: boolean | null | undefined;
8
8
  withChildren?: boolean | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -1,12 +1,12 @@
1
1
  export declare const splashContainerVariants: (props?: ({
2
- phase?: "enter-start" | "entered" | "content-fading" | "shrinking" | "settled" | "exiting" | null | undefined;
2
+ phase?: "content-fading" | "enter-start" | "entered" | "exiting" | "settled" | "shrinking" | null | undefined;
3
3
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
4
4
  export declare const splashContentVariants: (props?: ({
5
- phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
5
+ phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
6
6
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
7
7
  export declare const splashLogoVariants: (props?: ({
8
- phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
8
+ phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
9
9
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
10
10
  export declare const splashProgressVariants: (props?: ({
11
- phase?: "enter-start" | "entered" | "content-fading" | "exiting" | null | undefined;
11
+ phase?: "content-fading" | "enter-start" | "entered" | "exiting" | null | undefined;
12
12
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
@@ -3,14 +3,14 @@ import { type VariantProps } from 'class-variance-authority';
3
3
  import type { TestableProps } from '../../utils/testId';
4
4
  declare const stackVariants: (props?: ({
5
5
  inline?: boolean | null | undefined;
6
- direction?: "row" | "column" | "column-reverse" | "row-reverse" | null | undefined;
7
- align?: "center" | "end" | "baseline" | "start" | "stretch" | null | undefined;
8
- justify?: "center" | "end" | "start" | "between" | "around" | "evenly" | null | undefined;
9
- wrap?: "reverse" | "nowrap" | "wrap" | null | undefined;
6
+ direction?: "column" | "column-reverse" | "row" | "row-reverse" | null | undefined;
7
+ align?: "baseline" | "center" | "end" | "start" | "stretch" | null | undefined;
8
+ justify?: "around" | "between" | "center" | "end" | "evenly" | "start" | null | undefined;
9
+ wrap?: "nowrap" | "reverse" | "wrap" | null | undefined;
10
10
  fullWidth?: boolean | null | undefined;
11
11
  flexGrow?: boolean | null | undefined;
12
12
  flexShrink?: boolean | null | undefined;
13
- gap?: 0 | 1 | 2 | 4 | 6 | 8 | 16 | 44 | 80 | 12 | 20 | 32 | 40 | 24 | 56 | 48 | 28 | 36 | 64 | 96 | 112 | 128 | 144 | null | undefined;
13
+ gap?: 0 | 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 24 | 28 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
14
14
  } & import("class-variance-authority/types").ClassProp) | undefined) => string;
15
15
  type StackNativeProps = HTMLAttributes<HTMLDivElement>;
16
16
  type StackVariantProps = VariantProps<typeof stackVariants>;
@@ -1,5 +1,5 @@
1
1
  import type { TableProps } from './types';
2
- export declare const Table: {
3
- <T>(props: TableProps<T>): import("react").JSX.Element;
4
- displayName: string;
5
- };
2
+ export declare function Table<T>(props: TableProps<T>): import("react").JSX.Element;
3
+ export declare namespace Table {
4
+ var displayName: string;
5
+ }
@@ -5,8 +5,8 @@ interface TableBodyCellProps<T> {
5
5
  className?: string;
6
6
  disablePinnedShadow?: boolean;
7
7
  }
8
- export declare const TableBodyCell: {
9
- <T>({ cell, colSpan, className, disablePinnedShadow, }: TableBodyCellProps<T>): import("react").JSX.Element;
10
- displayName: string;
11
- };
8
+ export declare function TableBodyCell<T>({ cell, colSpan, className, disablePinnedShadow, }: TableBodyCellProps<T>): import("react").JSX.Element;
9
+ export declare namespace TableBodyCell {
10
+ var displayName: string;
11
+ }
12
12
  export {};
@@ -18,20 +18,8 @@ export interface TableColumnMenuProps<T = unknown> extends Omit<ButtonHTMLAttrib
18
18
  */
19
19
  children?: ReactNode;
20
20
  }
21
- /**
22
- * Per-column header menu ("…" trigger) with an optional consumer-controlled
23
- * item set. The trigger `<button>` accepts the full
24
- * `ButtonHTMLAttributes<HTMLButtonElement>` surface (minus `color` / `type` /
25
- * `children`) plus `TestableProps`, so `data-analytics-id`,
26
- * `data-analytics-props`, `aria-*`, `id`, `ref`, and any `data-*` reach the
27
- * underlying DOM node directly.
28
- *
29
- * The menu collapses to `null` when no action is available for the column
30
- * (sorting disabled, pinning disabled, hiding disabled, and DnD disabled) —
31
- * matching the behavior of the legacy `TableHeadCellMenu` it replaces.
32
- */
33
- export declare const TableColumnMenu: {
34
- <T>({ column, children, className, "data-testid": testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
35
- displayName: string;
36
- };
21
+ export declare function TableColumnMenu<T>({ column, children, className, 'data-testid': testIdProp, ...rest }: TableColumnMenuProps<T>): import("react").JSX.Element | null;
22
+ export declare namespace TableColumnMenu {
23
+ var displayName: string;
24
+ }
37
25
  export {};
@@ -3,8 +3,8 @@ interface TableHeadCellProps<T> {
3
3
  header: Header<T, unknown>;
4
4
  hasTextDescription?: boolean;
5
5
  }
6
- export declare const TableHeadCell: {
7
- <T>({ header, hasTextDescription }: TableHeadCellProps<T>): import("react").JSX.Element;
8
- displayName: string;
9
- };
6
+ export declare function TableHeadCell<T>({ header, hasTextDescription }: TableHeadCellProps<T>): import("react").JSX.Element;
7
+ export declare namespace TableHeadCell {
8
+ var displayName: string;
9
+ }
10
10
  export {};
@@ -3,13 +3,8 @@ import type { TableHandle } from './types';
3
3
  interface TableImperativeBridgeProps {
4
4
  handleRef: Ref<TableHandle>;
5
5
  }
6
- /**
7
- * Bridges the imperative ref forwarded to `<Table>` to context-backed
8
- * refs (`virtualizerRef`, `tbodyRef`). Mounted inside `TableProvider` so
9
- * it has access to the context; renders nothing.
10
- */
11
- export declare const TableImperativeBridge: {
12
- ({ handleRef }: TableImperativeBridgeProps): null;
13
- displayName: string;
14
- };
6
+ export declare function TableImperativeBridge({ handleRef }: TableImperativeBridgeProps): null;
7
+ export declare namespace TableImperativeBridge {
8
+ var displayName: string;
9
+ }
15
10
  export {};
@@ -2,8 +2,8 @@ import type { ReactNode } from 'react';
2
2
  interface TableMasterCellActionsProps {
3
3
  children: ReactNode;
4
4
  }
5
- export declare const TableMasterCellActions: {
6
- ({ children }: TableMasterCellActionsProps): import("react").JSX.Element;
7
- displayName: string;
8
- };
5
+ export declare function TableMasterCellActions({ children }: TableMasterCellActionsProps): import("react").JSX.Element;
6
+ export declare namespace TableMasterCellActions {
7
+ var displayName: string;
8
+ }
9
9
  export {};
@@ -2,8 +2,8 @@ import type { Header } from '@tanstack/react-table';
2
2
  interface TableResizeHandlerProps<T> {
3
3
  header: Header<T, unknown>;
4
4
  }
5
- export declare const TableResizeHandler: {
6
- <T>({ header }: TableResizeHandlerProps<T>): import("react").JSX.Element;
7
- displayName: string;
8
- };
5
+ export declare function TableResizeHandler<T>({ header }: TableResizeHandlerProps<T>): import("react").JSX.Element;
6
+ export declare namespace TableResizeHandler {
7
+ var displayName: string;
8
+ }
9
9
  export {};
@@ -6,7 +6,7 @@ interface TableRowProps<T> {
6
6
  'data-index'?: number;
7
7
  }
8
8
  declare const TableRowInner: {
9
- <T>({ row, ref, "data-index": dataIndex }: TableRowProps<T>): import("react").JSX.Element;
9
+ <T>({ row, ref, 'data-index': dataIndex }: TableRowProps<T>): import("react").JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  export declare const TableRow: typeof TableRowInner;
@@ -2,8 +2,8 @@ import type { Row } from '@tanstack/react-table';
2
2
  interface TableRowExpandedProps<T> {
3
3
  row: Row<T>;
4
4
  }
5
- export declare const TableRowExpanded: {
6
- <T>({ row }: TableRowExpandedProps<T>): import("react").JSX.Element | null;
7
- displayName: string;
8
- };
5
+ export declare function TableRowExpanded<T>({ row }: TableRowExpandedProps<T>): import("react").JSX.Element | null;
6
+ export declare namespace TableRowExpanded {
7
+ var displayName: string;
8
+ }
9
9
  export {};