@once-ui-system/core 1.7.7 → 1.7.8

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 (157) hide show
  1. package/dist/components/Accordion.d.ts +6 -3
  2. package/dist/components/Accordion.d.ts.map +1 -1
  3. package/dist/components/Accordion.js +43 -15
  4. package/dist/components/Accordion.js.map +1 -1
  5. package/dist/data/emoji-data.json +18 -8
  6. package/dist/package.json +1 -1
  7. package/package.json +1 -1
  8. package/dist/src/__tests__/Dialog.test.d.ts +0 -1
  9. package/dist/src/components/Accordion.d.ts +0 -21
  10. package/dist/src/components/AccordionGroup.d.ts +0 -15
  11. package/dist/src/components/Animation.d.ts +0 -33
  12. package/dist/src/components/Arrow.d.ts +0 -10
  13. package/dist/src/components/ArrowNavigationContext.d.ts +0 -32
  14. package/dist/src/components/AutoScroll.d.ts +0 -13
  15. package/dist/src/components/Avatar.d.ts +0 -20
  16. package/dist/src/components/AvatarGroup.d.ts +0 -13
  17. package/dist/src/components/Background.d.ts +0 -48
  18. package/dist/src/components/Badge.d.ts +0 -16
  19. package/dist/src/components/Banner.d.ts +0 -5
  20. package/dist/src/components/BlobFx.d.ts +0 -7
  21. package/dist/src/components/BlockQuote.d.ts +0 -20
  22. package/dist/src/components/Button.d.ts +0 -26
  23. package/dist/src/components/Card.d.ts +0 -12
  24. package/dist/src/components/Carousel.d.ts +0 -31
  25. package/dist/src/components/CelebrationFx.d.ts +0 -16
  26. package/dist/src/components/Checkbox.d.ts +0 -10
  27. package/dist/src/components/Chip.d.ts +0 -16
  28. package/dist/src/components/ClientFlex.d.ts +0 -12
  29. package/dist/src/components/ClientGrid.d.ts +0 -12
  30. package/dist/src/components/ColorInput.d.ts +0 -10
  31. package/dist/src/components/Column.d.ts +0 -6
  32. package/dist/src/components/CompareImage.d.ts +0 -15
  33. package/dist/src/components/ContextMenu.d.ts +0 -21
  34. package/dist/src/components/CountFx.d.ts +0 -14
  35. package/dist/src/components/CountdownFx.d.ts +0 -10
  36. package/dist/src/components/Cursor.d.ts +0 -7
  37. package/dist/src/components/CursorCard.d.ts +0 -12
  38. package/dist/src/components/DateInput.d.ts +0 -17
  39. package/dist/src/components/DatePicker.d.ts +0 -32
  40. package/dist/src/components/DateRangeInput.d.ts +0 -14
  41. package/dist/src/components/DateRangePicker.d.ts +0 -16
  42. package/dist/src/components/Dialog.d.ts +0 -20
  43. package/dist/src/components/Dropdown.d.ts +0 -12
  44. package/dist/src/components/DropdownWrapper.d.ts +0 -28
  45. package/dist/src/components/ElementType.d.ts +0 -13
  46. package/dist/src/components/EmojiPicker.d.ts +0 -15
  47. package/dist/src/components/EmojiPickerDropdown.d.ts +0 -10
  48. package/dist/src/components/Fade.d.ts +0 -18
  49. package/dist/src/components/Feedback.d.ts +0 -15
  50. package/dist/src/components/Flex.d.ts +0 -10
  51. package/dist/src/components/FlipFx.d.ts +0 -16
  52. package/dist/src/components/GlitchFx.d.ts +0 -11
  53. package/dist/src/components/Grid.d.ts +0 -10
  54. package/dist/src/components/HoloFx.d.ts +0 -31
  55. package/dist/src/components/Hover.d.ts +0 -13
  56. package/dist/src/components/HoverCard.d.ts +0 -4
  57. package/dist/src/components/Icon.d.ts +0 -17
  58. package/dist/src/components/IconButton.d.ts +0 -22
  59. package/dist/src/components/InfiniteScroll.d.ts +0 -15
  60. package/dist/src/components/InlineCode.d.ts +0 -9
  61. package/dist/src/components/Input.d.ts +0 -23
  62. package/dist/src/components/InteractiveDetails.d.ts +0 -14
  63. package/dist/src/components/Kbd.d.ts +0 -11
  64. package/dist/src/components/Line.d.ts +0 -8
  65. package/dist/src/components/List.d.ts +0 -10
  66. package/dist/src/components/ListItem.d.ts +0 -9
  67. package/dist/src/components/Logo.d.ts +0 -17
  68. package/dist/src/components/LogoCloud.d.ts +0 -13
  69. package/dist/src/components/Mask.d.ts +0 -14
  70. package/dist/src/components/MasonryGrid.d.ts +0 -21
  71. package/dist/src/components/MatrixFx.d.ts +0 -26
  72. package/dist/src/components/Media.d.ts +0 -25
  73. package/dist/src/components/Modal.d.ts +0 -10
  74. package/dist/src/components/NavIcon.d.ts +0 -10
  75. package/dist/src/components/NumberInput.d.ts +0 -12
  76. package/dist/src/components/OTPInput.d.ts +0 -12
  77. package/dist/src/components/OgCard.d.ts +0 -33
  78. package/dist/src/components/Option.d.ts +0 -20
  79. package/dist/src/components/Particle.d.ts +0 -20
  80. package/dist/src/components/PasswordInput.d.ts +0 -3
  81. package/dist/src/components/ProgressBar.d.ts +0 -14
  82. package/dist/src/components/Pulse.d.ts +0 -12
  83. package/dist/src/components/RadioButton.d.ts +0 -14
  84. package/dist/src/components/RevealFx.d.ts +0 -15
  85. package/dist/src/components/Row.d.ts +0 -6
  86. package/dist/src/components/ScrollContainer.d.ts +0 -8
  87. package/dist/src/components/ScrollLock.integration.test.d.ts +0 -1
  88. package/dist/src/components/ScrollToTop.d.ts +0 -6
  89. package/dist/src/components/Scroller.d.ts +0 -13
  90. package/dist/src/components/SegmentedControl.d.ts +0 -17
  91. package/dist/src/components/Select.d.ts +0 -18
  92. package/dist/src/components/ShineFx.d.ts +0 -12
  93. package/dist/src/components/Skeleton.d.ts +0 -12
  94. package/dist/src/components/Slider.d.ts +0 -16
  95. package/dist/src/components/SmartLink.d.ts +0 -17
  96. package/dist/src/components/Spinner.d.ts +0 -10
  97. package/dist/src/components/SplitView.d.ts +0 -15
  98. package/dist/src/components/SplitView.js +0 -79
  99. package/dist/src/components/StatusIndicator.d.ts +0 -11
  100. package/dist/src/components/StyleOverlay.d.ts +0 -9
  101. package/dist/src/components/StylePanel.d.ts +0 -7
  102. package/dist/src/components/Swiper.d.ts +0 -16
  103. package/dist/src/components/Switch.d.ts +0 -16
  104. package/dist/src/components/Table.d.ts +0 -15
  105. package/dist/src/components/Tag.d.ts +0 -15
  106. package/dist/src/components/TagInput.d.ts +0 -8
  107. package/dist/src/components/Textarea.d.ts +0 -23
  108. package/dist/src/components/ThemeSwitcher.d.ts +0 -3
  109. package/dist/src/components/TiltFx.d.ts +0 -9
  110. package/dist/src/components/Timeline.d.ts +0 -17
  111. package/dist/src/components/Toast.d.ts +0 -11
  112. package/dist/src/components/Toaster.d.ts +0 -18
  113. package/dist/src/components/ToggleButton.d.ts +0 -24
  114. package/dist/src/components/Tooltip.d.ts +0 -12
  115. package/dist/src/components/TypeFx.d.ts +0 -14
  116. package/dist/src/components/User.d.ts +0 -15
  117. package/dist/src/components/UserMenu.d.ts +0 -12
  118. package/dist/src/components/WeatherFx.d.ts +0 -17
  119. package/dist/src/components/index.d.ts +0 -120
  120. package/dist/src/contexts/DataThemeProvider.d.ts +0 -25
  121. package/dist/src/contexts/ThemeProvider.d.ts +0 -48
  122. package/dist/src/contexts/ToastProvider.d.ts +0 -23
  123. package/dist/src/contexts/index.d.ts +0 -5
  124. package/dist/src/data/emoji-data.json +0 -16044
  125. package/dist/src/index.d.ts +0 -9
  126. package/dist/src/modules/code/CodeBlock.d.ts +0 -5
  127. package/dist/src/modules/code/CodeBlock.impl.d.ts +0 -33
  128. package/dist/src/modules/data/BarChart.d.ts +0 -5
  129. package/dist/src/modules/data/BarChart.impl.d.ts +0 -11
  130. package/dist/src/modules/data/ChartHeader.d.ts +0 -13
  131. package/dist/src/modules/data/ChartStatus.d.ts +0 -9
  132. package/dist/src/modules/data/DataTooltip.d.ts +0 -15
  133. package/dist/src/modules/data/Gradient.d.ts +0 -31
  134. package/dist/src/modules/data/Legend.d.ts +0 -14
  135. package/dist/src/modules/data/LineBarChart.d.ts +0 -5
  136. package/dist/src/modules/data/LineBarChart.impl.d.ts +0 -11
  137. package/dist/src/modules/data/LineChart.d.ts +0 -5
  138. package/dist/src/modules/data/LineChart.impl.d.ts +0 -16
  139. package/dist/src/modules/data/LinearGauge.d.ts +0 -17
  140. package/dist/src/modules/data/PieChart.d.ts +0 -5
  141. package/dist/src/modules/data/PieChart.impl.d.ts +0 -17
  142. package/dist/src/modules/data/RadialGauge.d.ts +0 -24
  143. package/dist/src/modules/data/Swatch.d.ts +0 -8
  144. package/dist/src/modules/data/index.d.ts +0 -13
  145. package/dist/src/modules/data/interfaces.d.ts +0 -52
  146. package/dist/src/modules/data/utils/formatDate.d.ts +0 -11
  147. package/dist/src/modules/index.d.ts +0 -7
  148. package/dist/src/modules/media/MediaUpload.d.ts +0 -5
  149. package/dist/src/modules/media/MediaUpload.impl.d.ts +0 -23
  150. package/dist/src/modules/navigation/HeadingLink.d.ts +0 -10
  151. package/dist/src/modules/navigation/HeadingNav.d.ts +0 -7
  152. package/dist/src/modules/navigation/Kbar.d.ts +0 -33
  153. package/dist/src/modules/navigation/MegaMenu.d.ts +0 -27
  154. package/dist/src/modules/navigation/MobileMegaMenu.d.ts +0 -27
  155. package/dist/src/modules/navigation/index.d.ts +0 -5
  156. package/dist/src/utils/MissingDependency.d.ts +0 -6
  157. package/dist/src/utils/index.d.ts +0 -2
@@ -1,6 +0,0 @@
1
- import { Flex } from ".";
2
- export interface ColumnProps extends React.ComponentProps<typeof Flex> {
3
- children?: React.ReactNode;
4
- }
5
- declare const Column: import("react").ForwardRefExoticComponent<Omit<ColumnProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
- export { Column };
@@ -1,15 +0,0 @@
1
- import { Flex } from ".";
2
- interface SideContent {
3
- src: string | React.ReactNode;
4
- alt?: string;
5
- }
6
- interface CompareImageProps extends React.ComponentProps<typeof Flex> {
7
- leftContent: SideContent;
8
- rightContent: SideContent;
9
- aspectRatio?: string;
10
- }
11
- declare const CompareImage: {
12
- ({ leftContent, rightContent, aspectRatio, ...rest }: CompareImageProps): import("react/jsx-runtime").JSX.Element;
13
- displayName: string;
14
- };
15
- export { CompareImage };
@@ -1,21 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Placement } from "@floating-ui/react-dom";
3
- export interface ContextMenuProps {
4
- children: ReactNode;
5
- dropdown: ReactNode;
6
- placement?: Placement;
7
- fillWidth?: boolean;
8
- minWidth?: number;
9
- maxWidth?: number;
10
- minHeight?: number;
11
- style?: React.CSSProperties;
12
- className?: string;
13
- onSelect?: (value: string) => void;
14
- closeAfterClick?: boolean;
15
- isOpen?: boolean;
16
- onOpenChange?: (isOpen: boolean) => void;
17
- selectedOption?: string;
18
- disabled?: boolean;
19
- }
20
- declare const ContextMenu: React.ForwardRefExoticComponent<ContextMenuProps & React.RefAttributes<HTMLDivElement>>;
21
- export { ContextMenu };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { Text } from ".";
3
- export interface CountFxProps extends React.ComponentProps<typeof Text> {
4
- value: number;
5
- speed?: number;
6
- easing?: "linear" | "ease-out" | "ease-in-out";
7
- format?: (value: number) => string;
8
- separator?: string;
9
- decimals?: number;
10
- effect?: "simple" | "wheel" | "smooth";
11
- children?: React.ReactNode;
12
- }
13
- declare const CountFx: React.FC<CountFxProps>;
14
- export { CountFx };
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { CountFxProps } from ".";
3
- export interface CountdownFxProps extends Omit<CountFxProps, 'value' | 'format' | 'separator' | 'effect'> {
4
- targetDate: Date | string;
5
- format?: "HH:MM:SS" | "DD:HH:MM:SS" | "MM:SS";
6
- effect?: CountFxProps['effect'];
7
- onComplete?: () => void;
8
- }
9
- declare const CountdownFx: React.FC<CountdownFxProps>;
10
- export { CountdownFx };
@@ -1,7 +0,0 @@
1
- import React from "react";
2
- interface CursorProps {
3
- cursor: React.ReactNode;
4
- elementRef: React.RefObject<HTMLElement | null>;
5
- }
6
- export declare const Cursor: React.FC<CursorProps>;
7
- export default Cursor;
@@ -1,12 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Placement } from "@floating-ui/react-dom";
3
- import { Flex } from ".";
4
- export interface CursorCardProps extends React.ComponentProps<typeof Flex> {
5
- trigger?: ReactNode;
6
- overlay?: ReactNode;
7
- placement?: Placement;
8
- className?: string;
9
- style?: React.CSSProperties;
10
- }
11
- declare const CursorCard: React.ForwardRefExoticComponent<Omit<CursorCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
12
- export { CursorCard };
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { Input } from ".";
3
- interface DateInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "value"> {
4
- id: string;
5
- label?: string;
6
- placeholder?: string;
7
- value?: Date;
8
- onChange?: (date: Date) => void;
9
- minHeight?: number;
10
- className?: string;
11
- style?: React.CSSProperties;
12
- timePicker?: boolean;
13
- minDate?: Date;
14
- maxDate?: Date;
15
- }
16
- export declare const DateInput: React.FC<DateInputProps>;
17
- export {};
@@ -1,32 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- export interface DatePickerProps extends Omit<React.ComponentProps<typeof Flex>, "onChange"> {
4
- value?: Date;
5
- onChange?: (date: Date) => void;
6
- minDate?: Date;
7
- maxDate?: Date;
8
- previousMonth?: boolean;
9
- nextMonth?: boolean;
10
- timePicker?: boolean;
11
- defaultDate?: Date;
12
- defaultTime?: {
13
- hours: number;
14
- minutes: number;
15
- };
16
- size?: "s" | "m" | "l";
17
- isNested?: boolean;
18
- className?: string;
19
- style?: React.CSSProperties;
20
- currentMonth?: number;
21
- currentYear?: number;
22
- onMonthChange?: (increment: number) => void;
23
- range?: {
24
- startDate?: Date;
25
- endDate?: Date;
26
- };
27
- onHover?: (date: Date | null) => void;
28
- autoFocus?: boolean;
29
- isOpen?: boolean;
30
- }
31
- declare const DatePicker: React.ForwardRefExoticComponent<Omit<DatePickerProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
32
- export { DatePicker };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { Input, DateRange } from ".";
3
- interface DateRangeInputProps extends Omit<React.ComponentProps<typeof Input>, "onChange" | "value" | "label"> {
4
- id: string;
5
- startLabel: string;
6
- endLabel: string;
7
- value?: DateRange;
8
- onChange?: (range: DateRange) => void;
9
- minHeight?: number;
10
- className?: string;
11
- style?: React.CSSProperties;
12
- }
13
- export declare const DateRangeInput: React.FC<DateRangeInputProps>;
14
- export {};
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- export interface DateRange {
4
- startDate: Date | undefined;
5
- endDate: Date | undefined;
6
- }
7
- export interface DateRangePickerProps extends Omit<React.ComponentProps<typeof Flex>, "onChange"> {
8
- value?: DateRange;
9
- onChange?: (range: DateRange) => void;
10
- minDate?: Date;
11
- maxDate?: Date;
12
- dual?: boolean;
13
- size?: "s" | "m" | "l";
14
- }
15
- declare const DateRangePicker: React.FC<DateRangePickerProps>;
16
- export { DateRangePicker };
@@ -1,20 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- interface DialogProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
4
- isOpen: boolean;
5
- onClose: () => void;
6
- title: ReactNode | string;
7
- description?: ReactNode;
8
- children?: ReactNode;
9
- footer?: ReactNode;
10
- base?: boolean;
11
- stack?: boolean;
12
- onHeightChange?: (height: number) => void;
13
- minHeight?: number;
14
- closeOnClickaway?: boolean;
15
- }
16
- export declare const DialogProvider: React.FC<{
17
- children: React.ReactNode;
18
- }>;
19
- declare const Dialog: React.FC<DialogProps>;
20
- export { Dialog };
@@ -1,12 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Row } from ".";
3
- interface DropdownProps extends Omit<React.ComponentProps<typeof Row>, "onSelect"> {
4
- selectedOption?: string;
5
- children?: ReactNode;
6
- onEscape?: () => void;
7
- onSelect?: (event: string) => void;
8
- disabled?: boolean;
9
- }
10
- declare const Dropdown: React.ForwardRefExoticComponent<Omit<DropdownProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- export { Dropdown };
12
- export type { DropdownProps };
@@ -1,28 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Placement } from "@floating-ui/react-dom";
3
- import { NavigationLayout } from "../hooks/useArrowNavigation";
4
- export interface DropdownWrapperProps {
5
- fillWidth?: boolean;
6
- minWidth?: number;
7
- maxWidth?: number;
8
- minHeight?: number;
9
- placement?: Placement;
10
- trigger: ReactNode;
11
- dropdown: ReactNode;
12
- selectedOption?: string;
13
- style?: React.CSSProperties;
14
- className?: string;
15
- onSelect?: (value: string) => void;
16
- closeAfterClick?: boolean;
17
- handleArrowNavigation?: boolean;
18
- isOpen?: boolean;
19
- onOpenChange?: (isOpen: boolean) => void;
20
- isNested?: boolean;
21
- navigationLayout?: NavigationLayout;
22
- columns?: number | string;
23
- optionsCount?: number;
24
- dropdownId?: string;
25
- disableTriggerClick?: boolean;
26
- }
27
- declare const DropdownWrapper: React.ForwardRefExoticComponent<DropdownWrapperProps & React.RefAttributes<HTMLDivElement>>;
28
- export { DropdownWrapper };
@@ -1,13 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- interface ElementTypeProps {
3
- href?: string;
4
- onClick?: () => void;
5
- onLinkClick?: () => void;
6
- children: ReactNode;
7
- className?: string;
8
- style?: React.CSSProperties;
9
- type?: "button" | "submit" | "reset";
10
- [key: string]: any;
11
- }
12
- declare const ElementType: React.ForwardRefExoticComponent<Omit<ElementTypeProps, "ref"> & React.RefAttributes<HTMLElement>>;
13
- export { ElementType };
@@ -1,15 +0,0 @@
1
- import { Flex } from ".";
2
- import { StyleProps, gridSize } from "../";
3
- export interface EmojiPickerProps extends Omit<React.ComponentProps<typeof Flex>, "onSelect"> {
4
- onSelect: (emoji: string) => void;
5
- onClose?: () => void;
6
- className?: string;
7
- background?: StyleProps["background"];
8
- columns?: gridSize;
9
- style?: React.CSSProperties;
10
- }
11
- declare const EmojiPicker: {
12
- ({ onSelect, onClose, className, background, columns, style, ...flex }: EmojiPickerProps): import("react/jsx-runtime").JSX.Element;
13
- displayName: string;
14
- };
15
- export { EmojiPicker };
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { DropdownWrapper } from ".";
3
- import { StyleProps, gridSize } from "..";
4
- export interface EmojiPickerDropdownProps extends Omit<React.ComponentProps<typeof DropdownWrapper>, "dropdown"> {
5
- onSelect: (emoji: string) => void;
6
- background?: StyleProps["background"];
7
- columns?: gridSize;
8
- }
9
- declare const EmojiPickerDropdown: React.FC<EmojiPickerDropdownProps>;
10
- export { EmojiPickerDropdown };
@@ -1,18 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- import { ColorScheme, ColorWeight, SpacingToken } from "../types";
4
- export type BaseColor = `${ColorScheme}-${ColorWeight}` | `${ColorScheme}-alpha-${ColorWeight}` | "surface" | "overlay" | "page" | "transparent";
5
- interface FadeProps extends React.ComponentProps<typeof Flex> {
6
- className?: string;
7
- to?: "bottom" | "top" | "left" | "right";
8
- base?: BaseColor;
9
- blur?: number;
10
- pattern?: {
11
- display?: boolean;
12
- size?: SpacingToken;
13
- };
14
- style?: React.CSSProperties;
15
- children?: ReactNode;
16
- }
17
- declare const Fade: React.ForwardRefExoticComponent<Omit<FadeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- export { Fade };
@@ -1,15 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- interface FeedbackProps extends Omit<React.ComponentProps<typeof Flex>, "title"> {
4
- variant?: "info" | "danger" | "warning" | "success";
5
- icon?: boolean;
6
- title?: string;
7
- description?: string;
8
- showCloseButton?: boolean;
9
- onClose?: () => void;
10
- className?: string;
11
- style?: React.CSSProperties;
12
- children?: ReactNode;
13
- }
14
- declare const Feedback: React.ForwardRefExoticComponent<Omit<FeedbackProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- export { Feedback };
@@ -1,10 +0,0 @@
1
- import { FlexProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps, FlexBreakpointProps } from "../interfaces";
2
- interface SmartFlexProps extends FlexProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps {
3
- xl?: FlexBreakpointProps;
4
- l?: FlexBreakpointProps;
5
- m?: FlexBreakpointProps;
6
- s?: FlexBreakpointProps;
7
- xs?: FlexBreakpointProps;
8
- }
9
- declare const Flex: import("react").ForwardRefExoticComponent<SmartFlexProps & import("react").RefAttributes<HTMLDivElement>>;
10
- export { Flex };
@@ -1,16 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- export interface FlipFxProps extends React.ComponentProps<typeof Flex> {
4
- flipDirection?: "horizontal" | "vertical";
5
- timing?: number;
6
- flipped?: boolean;
7
- onFlip?: (flipped: boolean) => void;
8
- disableClickFlip?: boolean;
9
- autoFlipInterval?: number;
10
- front: React.ReactNode;
11
- back: React.ReactNode;
12
- className?: string;
13
- style?: React.CSSProperties;
14
- }
15
- declare const FlipFx: React.ForwardRefExoticComponent<Omit<FlipFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
16
- export { FlipFx };
@@ -1,11 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- interface GlitchFxProps extends React.ComponentProps<typeof Flex> {
4
- children: React.ReactNode;
5
- speed?: "slow" | "medium" | "fast";
6
- interval?: number;
7
- trigger?: "instant" | "hover" | "custom";
8
- continuous?: boolean;
9
- }
10
- declare const GlitchFx: React.ForwardRefExoticComponent<Omit<GlitchFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
11
- export { GlitchFx };
@@ -1,10 +0,0 @@
1
- import { GridProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps, GridBreakpointProps } from "../interfaces";
2
- interface SmartGridProps extends GridProps, StyleProps, SpacingProps, SizeProps, CommonProps, DisplayProps {
3
- xl?: GridBreakpointProps;
4
- l?: GridBreakpointProps;
5
- m?: GridBreakpointProps;
6
- s?: GridBreakpointProps;
7
- xs?: GridBreakpointProps;
8
- }
9
- declare const Grid: import("react").ForwardRefExoticComponent<SmartGridProps & import("react").RefAttributes<HTMLDivElement>>;
10
- export { Grid };
@@ -1,31 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- import { CSSProperties } from "react";
4
- interface MaskOptions {
5
- maskPosition?: string;
6
- }
7
- interface HoloFxProps extends React.ComponentProps<typeof Flex> {
8
- children: React.ReactNode;
9
- reducedMotion?: boolean | "auto";
10
- shine?: {
11
- opacity?: number;
12
- filter?: string;
13
- blending?: CSSProperties["mixBlendMode"];
14
- mask?: MaskOptions;
15
- };
16
- burn?: {
17
- opacity?: number;
18
- filter?: string;
19
- blending?: CSSProperties["mixBlendMode"];
20
- mask?: MaskOptions;
21
- };
22
- texture?: {
23
- opacity?: number;
24
- filter?: string;
25
- blending?: CSSProperties["mixBlendMode"];
26
- image?: string;
27
- mask?: MaskOptions;
28
- };
29
- }
30
- declare const HoloFx: React.FC<HoloFxProps>;
31
- export { HoloFx };
@@ -1,13 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- export interface HoverProps extends React.ComponentProps<typeof Flex> {
4
- trigger: ReactNode;
5
- overlay: ReactNode;
6
- interactive?: boolean;
7
- delay?: number;
8
- hideDelay?: number;
9
- disabled?: boolean;
10
- touch?: "disable" | "enable" | "display";
11
- }
12
- declare const Hover: React.ForwardRefExoticComponent<Omit<HoverProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- export { Hover };
@@ -1,4 +0,0 @@
1
- import { AnimationProps } from ".";
2
- type HoverCardProps = Omit<AnimationProps, 'triggerType' | 'portal'>;
3
- declare const HoverCard: import("react").ForwardRefExoticComponent<Omit<HoverCardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
4
- export { HoverCard };
@@ -1,17 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { IconName } from "../icons";
3
- import { ColorScheme, ColorWeight } from "../types";
4
- import { Flex } from ".";
5
- interface IconProps extends React.ComponentProps<typeof Flex> {
6
- name: IconName;
7
- onBackground?: `${ColorScheme}-${ColorWeight}`;
8
- onSolid?: `${ColorScheme}-${ColorWeight}`;
9
- size?: "xs" | "s" | "m" | "l" | "xl";
10
- decorative?: boolean;
11
- tooltip?: ReactNode;
12
- tooltipPosition?: "top" | "bottom" | "left" | "right";
13
- className?: string;
14
- style?: React.CSSProperties;
15
- }
16
- declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
17
- export { Icon };
@@ -1,22 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { IconName } from "../icons";
3
- interface CommonProps {
4
- icon?: IconName;
5
- id?: string;
6
- size?: "xs" | "s" | "m" | "l" | "xl";
7
- radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
8
- rounded?: boolean;
9
- tooltip?: ReactNode;
10
- tooltipPosition?: "top" | "bottom" | "left" | "right";
11
- variant?: "primary" | "secondary" | "tertiary" | "danger" | "ghost";
12
- loading?: boolean;
13
- disabled?: boolean;
14
- className?: string;
15
- style?: React.CSSProperties;
16
- href?: string;
17
- children?: ReactNode;
18
- }
19
- export type IconButtonProps = CommonProps & React.ButtonHTMLAttributes<HTMLButtonElement>;
20
- type AnchorProps = CommonProps & React.AnchorHTMLAttributes<HTMLAnchorElement>;
21
- declare const IconButton: React.ForwardRefExoticComponent<(IconButtonProps | AnchorProps) & React.RefAttributes<HTMLButtonElement>>;
22
- export { IconButton };
@@ -1,15 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Row } from ".";
3
- export interface InfiniteScrollProps<T> extends React.ComponentProps<typeof Row> {
4
- items: T[];
5
- renderItem: (item: T, index: number) => ReactNode;
6
- loadMore: () => Promise<boolean>;
7
- loading?: boolean;
8
- threshold?: number;
9
- className?: string;
10
- }
11
- declare function InfiniteScroll<T>({ items, renderItem, loadMore, loading, threshold, ...flex }: InfiniteScrollProps<T>): import("react/jsx-runtime").JSX.Element;
12
- declare namespace InfiniteScroll {
13
- var displayName: string;
14
- }
15
- export { InfiniteScroll };
@@ -1,9 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- interface InlineCodeProps extends React.ComponentProps<typeof Flex> {
4
- children: ReactNode;
5
- className?: string;
6
- style?: React.CSSProperties;
7
- }
8
- declare const InlineCode: React.ForwardRefExoticComponent<Omit<InlineCodeProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
9
- export { InlineCode };
@@ -1,23 +0,0 @@
1
- import React, { InputHTMLAttributes, ReactNode } from "react";
2
- interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
3
- id: string;
4
- label?: string;
5
- placeholder?: string;
6
- height?: "xs" | "s" | "m" | "l" | "xl";
7
- error?: boolean;
8
- errorMessage?: ReactNode;
9
- description?: ReactNode;
10
- radius?: "none" | "top" | "right" | "bottom" | "left" | "top-left" | "top-right" | "bottom-right" | "bottom-left";
11
- className?: string;
12
- style?: React.CSSProperties;
13
- hasPrefix?: ReactNode;
14
- hasSuffix?: ReactNode;
15
- variant?: "default" | "ghost";
16
- characterCount?: boolean;
17
- cursor?: undefined | "interactive";
18
- validate?: (value: ReactNode) => ReactNode | null;
19
- loading?: boolean;
20
- }
21
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
22
- export { Input };
23
- export type { InputProps };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { IconButtonProps } from ".";
3
- interface InteractiveDetailsProps {
4
- label?: React.ReactNode;
5
- description?: React.ReactNode;
6
- disabled?: boolean;
7
- iconButtonProps?: IconButtonProps;
8
- onClick: () => void;
9
- className?: string;
10
- id?: string;
11
- }
12
- declare const InteractiveDetails: React.FC<InteractiveDetailsProps>;
13
- export { InteractiveDetails };
14
- export type { InteractiveDetailsProps };
@@ -1,11 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { Flex } from ".";
3
- interface KbdProps extends React.ComponentProps<typeof Flex> {
4
- label?: string;
5
- children?: ReactNode;
6
- className?: string;
7
- style?: React.CSSProperties;
8
- }
9
- declare const Kbd: React.ForwardRefExoticComponent<Omit<KbdProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export { Kbd };
11
- export type { KbdProps };
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- interface LineProps extends React.ComponentProps<typeof Flex> {
4
- vert?: boolean;
5
- style?: React.CSSProperties;
6
- }
7
- declare const Line: React.ForwardRefExoticComponent<Omit<LineProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
8
- export { Line };
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { Column } from ".";
3
- interface ListProps extends React.ComponentProps<typeof Column> {
4
- as?: "ul" | "ol";
5
- children?: React.ReactNode;
6
- className?: string;
7
- style?: React.CSSProperties;
8
- }
9
- declare const List: React.ForwardRefExoticComponent<Omit<ListProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export { List };
@@ -1,9 +0,0 @@
1
- import React from "react";
2
- import { Text } from ".";
3
- interface ListItemProps extends React.ComponentProps<typeof Text> {
4
- children?: React.ReactNode;
5
- className?: string;
6
- style?: React.CSSProperties;
7
- }
8
- declare const ListItem: React.ForwardRefExoticComponent<Omit<ListItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;
9
- export { ListItem };
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- interface LogoProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- className?: string;
4
- size?: "xs" | "s" | "m" | "l" | "xl";
5
- style?: React.CSSProperties;
6
- icon?: string;
7
- wordmark?: string;
8
- href?: string;
9
- dark?: boolean;
10
- light?: boolean;
11
- brand?: {
12
- copy?: boolean;
13
- url?: string;
14
- };
15
- }
16
- declare const Logo: React.FC<LogoProps>;
17
- export { Logo };
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { Grid, Logo } from ".";
3
- import type { ComponentProps } from "react";
4
- type LogoProps = ComponentProps<typeof Logo>;
5
- interface LogoCloudProps extends React.ComponentProps<typeof Grid> {
6
- logos: LogoProps[];
7
- className?: string;
8
- style?: React.CSSProperties;
9
- limit?: number;
10
- rotationInterval?: number;
11
- }
12
- declare const LogoCloud: React.ForwardRefExoticComponent<Omit<LogoCloudProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- export { LogoCloud };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- export interface MaskProps extends Omit<React.ComponentProps<typeof Flex>, "radius" | "cursor"> {
4
- cursor?: boolean;
5
- x?: number;
6
- y?: number;
7
- radius?: number;
8
- reducedMotion?: boolean | "auto";
9
- className?: string;
10
- style?: React.CSSProperties;
11
- children?: React.ReactNode;
12
- }
13
- declare const Mask: React.ForwardRefExoticComponent<Omit<MaskProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
- export { Mask };