@once-ui-system/core 1.7.6 → 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 (165) 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 +0 -8
  6. package/dist/modules/code/CodeBlock.impl.d.ts.map +1 -1
  7. package/dist/modules/code/CodeBlock.impl.js +24 -8
  8. package/dist/modules/code/CodeBlock.impl.js.map +1 -1
  9. package/dist/modules/data/rechartsLoader.d.ts.map +1 -1
  10. package/dist/modules/data/rechartsLoader.js +8 -2
  11. package/dist/modules/data/rechartsLoader.js.map +1 -1
  12. package/dist/modules/media/MediaUpload.impl.d.ts.map +1 -1
  13. package/dist/modules/media/MediaUpload.impl.js +8 -1
  14. package/dist/modules/media/MediaUpload.impl.js.map +1 -1
  15. package/dist/package.json +1 -1
  16. package/package.json +1 -1
  17. package/dist/src/__tests__/Dialog.test.d.ts +0 -1
  18. package/dist/src/components/Accordion.d.ts +0 -21
  19. package/dist/src/components/AccordionGroup.d.ts +0 -15
  20. package/dist/src/components/Animation.d.ts +0 -33
  21. package/dist/src/components/Arrow.d.ts +0 -10
  22. package/dist/src/components/ArrowNavigationContext.d.ts +0 -32
  23. package/dist/src/components/AutoScroll.d.ts +0 -13
  24. package/dist/src/components/Avatar.d.ts +0 -20
  25. package/dist/src/components/AvatarGroup.d.ts +0 -13
  26. package/dist/src/components/Background.d.ts +0 -48
  27. package/dist/src/components/Badge.d.ts +0 -16
  28. package/dist/src/components/Banner.d.ts +0 -5
  29. package/dist/src/components/BlobFx.d.ts +0 -7
  30. package/dist/src/components/BlockQuote.d.ts +0 -20
  31. package/dist/src/components/Button.d.ts +0 -26
  32. package/dist/src/components/Card.d.ts +0 -12
  33. package/dist/src/components/Carousel.d.ts +0 -31
  34. package/dist/src/components/CelebrationFx.d.ts +0 -16
  35. package/dist/src/components/Checkbox.d.ts +0 -10
  36. package/dist/src/components/Chip.d.ts +0 -16
  37. package/dist/src/components/ClientFlex.d.ts +0 -12
  38. package/dist/src/components/ClientGrid.d.ts +0 -12
  39. package/dist/src/components/ColorInput.d.ts +0 -10
  40. package/dist/src/components/Column.d.ts +0 -6
  41. package/dist/src/components/CompareImage.d.ts +0 -15
  42. package/dist/src/components/ContextMenu.d.ts +0 -21
  43. package/dist/src/components/CountFx.d.ts +0 -14
  44. package/dist/src/components/CountdownFx.d.ts +0 -10
  45. package/dist/src/components/Cursor.d.ts +0 -7
  46. package/dist/src/components/CursorCard.d.ts +0 -12
  47. package/dist/src/components/DateInput.d.ts +0 -17
  48. package/dist/src/components/DatePicker.d.ts +0 -32
  49. package/dist/src/components/DateRangeInput.d.ts +0 -14
  50. package/dist/src/components/DateRangePicker.d.ts +0 -16
  51. package/dist/src/components/Dialog.d.ts +0 -20
  52. package/dist/src/components/Dropdown.d.ts +0 -12
  53. package/dist/src/components/DropdownWrapper.d.ts +0 -28
  54. package/dist/src/components/ElementType.d.ts +0 -13
  55. package/dist/src/components/EmojiPicker.d.ts +0 -15
  56. package/dist/src/components/EmojiPickerDropdown.d.ts +0 -10
  57. package/dist/src/components/Fade.d.ts +0 -18
  58. package/dist/src/components/Feedback.d.ts +0 -15
  59. package/dist/src/components/Flex.d.ts +0 -10
  60. package/dist/src/components/FlipFx.d.ts +0 -16
  61. package/dist/src/components/GlitchFx.d.ts +0 -11
  62. package/dist/src/components/Grid.d.ts +0 -10
  63. package/dist/src/components/HoloFx.d.ts +0 -31
  64. package/dist/src/components/Hover.d.ts +0 -13
  65. package/dist/src/components/HoverCard.d.ts +0 -4
  66. package/dist/src/components/Icon.d.ts +0 -17
  67. package/dist/src/components/IconButton.d.ts +0 -22
  68. package/dist/src/components/InfiniteScroll.d.ts +0 -15
  69. package/dist/src/components/InlineCode.d.ts +0 -9
  70. package/dist/src/components/Input.d.ts +0 -23
  71. package/dist/src/components/InteractiveDetails.d.ts +0 -14
  72. package/dist/src/components/Kbd.d.ts +0 -11
  73. package/dist/src/components/Line.d.ts +0 -8
  74. package/dist/src/components/List.d.ts +0 -10
  75. package/dist/src/components/ListItem.d.ts +0 -9
  76. package/dist/src/components/Logo.d.ts +0 -17
  77. package/dist/src/components/LogoCloud.d.ts +0 -13
  78. package/dist/src/components/Mask.d.ts +0 -14
  79. package/dist/src/components/MasonryGrid.d.ts +0 -21
  80. package/dist/src/components/MatrixFx.d.ts +0 -26
  81. package/dist/src/components/Media.d.ts +0 -25
  82. package/dist/src/components/Modal.d.ts +0 -10
  83. package/dist/src/components/NavIcon.d.ts +0 -10
  84. package/dist/src/components/NumberInput.d.ts +0 -12
  85. package/dist/src/components/OTPInput.d.ts +0 -12
  86. package/dist/src/components/OgCard.d.ts +0 -33
  87. package/dist/src/components/Option.d.ts +0 -20
  88. package/dist/src/components/Particle.d.ts +0 -20
  89. package/dist/src/components/PasswordInput.d.ts +0 -3
  90. package/dist/src/components/ProgressBar.d.ts +0 -14
  91. package/dist/src/components/Pulse.d.ts +0 -12
  92. package/dist/src/components/RadioButton.d.ts +0 -14
  93. package/dist/src/components/RevealFx.d.ts +0 -15
  94. package/dist/src/components/Row.d.ts +0 -6
  95. package/dist/src/components/ScrollContainer.d.ts +0 -8
  96. package/dist/src/components/ScrollLock.integration.test.d.ts +0 -1
  97. package/dist/src/components/ScrollToTop.d.ts +0 -6
  98. package/dist/src/components/Scroller.d.ts +0 -13
  99. package/dist/src/components/SegmentedControl.d.ts +0 -17
  100. package/dist/src/components/Select.d.ts +0 -18
  101. package/dist/src/components/ShineFx.d.ts +0 -12
  102. package/dist/src/components/Skeleton.d.ts +0 -12
  103. package/dist/src/components/Slider.d.ts +0 -16
  104. package/dist/src/components/SmartLink.d.ts +0 -17
  105. package/dist/src/components/Spinner.d.ts +0 -10
  106. package/dist/src/components/SplitView.d.ts +0 -15
  107. package/dist/src/components/SplitView.js +0 -79
  108. package/dist/src/components/StatusIndicator.d.ts +0 -11
  109. package/dist/src/components/StyleOverlay.d.ts +0 -9
  110. package/dist/src/components/StylePanel.d.ts +0 -7
  111. package/dist/src/components/Swiper.d.ts +0 -16
  112. package/dist/src/components/Switch.d.ts +0 -16
  113. package/dist/src/components/Table.d.ts +0 -15
  114. package/dist/src/components/Tag.d.ts +0 -15
  115. package/dist/src/components/TagInput.d.ts +0 -8
  116. package/dist/src/components/Textarea.d.ts +0 -23
  117. package/dist/src/components/ThemeSwitcher.d.ts +0 -3
  118. package/dist/src/components/TiltFx.d.ts +0 -9
  119. package/dist/src/components/Timeline.d.ts +0 -17
  120. package/dist/src/components/Toast.d.ts +0 -11
  121. package/dist/src/components/Toaster.d.ts +0 -18
  122. package/dist/src/components/ToggleButton.d.ts +0 -24
  123. package/dist/src/components/Tooltip.d.ts +0 -12
  124. package/dist/src/components/TypeFx.d.ts +0 -14
  125. package/dist/src/components/User.d.ts +0 -15
  126. package/dist/src/components/UserMenu.d.ts +0 -12
  127. package/dist/src/components/WeatherFx.d.ts +0 -17
  128. package/dist/src/components/index.d.ts +0 -120
  129. package/dist/src/contexts/DataThemeProvider.d.ts +0 -25
  130. package/dist/src/contexts/ThemeProvider.d.ts +0 -48
  131. package/dist/src/contexts/ToastProvider.d.ts +0 -23
  132. package/dist/src/contexts/index.d.ts +0 -5
  133. package/dist/src/index.d.ts +0 -9
  134. package/dist/src/modules/code/CodeBlock.d.ts +0 -5
  135. package/dist/src/modules/code/CodeBlock.impl.d.ts +0 -33
  136. package/dist/src/modules/data/BarChart.d.ts +0 -5
  137. package/dist/src/modules/data/BarChart.impl.d.ts +0 -11
  138. package/dist/src/modules/data/ChartHeader.d.ts +0 -13
  139. package/dist/src/modules/data/ChartStatus.d.ts +0 -9
  140. package/dist/src/modules/data/DataTooltip.d.ts +0 -15
  141. package/dist/src/modules/data/Gradient.d.ts +0 -31
  142. package/dist/src/modules/data/Legend.d.ts +0 -14
  143. package/dist/src/modules/data/LineBarChart.d.ts +0 -5
  144. package/dist/src/modules/data/LineBarChart.impl.d.ts +0 -11
  145. package/dist/src/modules/data/LineChart.d.ts +0 -5
  146. package/dist/src/modules/data/LineChart.impl.d.ts +0 -16
  147. package/dist/src/modules/data/LinearGauge.d.ts +0 -17
  148. package/dist/src/modules/data/PieChart.d.ts +0 -5
  149. package/dist/src/modules/data/PieChart.impl.d.ts +0 -17
  150. package/dist/src/modules/data/RadialGauge.d.ts +0 -24
  151. package/dist/src/modules/data/Swatch.d.ts +0 -8
  152. package/dist/src/modules/data/index.d.ts +0 -13
  153. package/dist/src/modules/data/interfaces.d.ts +0 -52
  154. package/dist/src/modules/data/utils/formatDate.d.ts +0 -11
  155. package/dist/src/modules/index.d.ts +0 -7
  156. package/dist/src/modules/media/MediaUpload.d.ts +0 -5
  157. package/dist/src/modules/media/MediaUpload.impl.d.ts +0 -23
  158. package/dist/src/modules/navigation/HeadingLink.d.ts +0 -10
  159. package/dist/src/modules/navigation/HeadingNav.d.ts +0 -7
  160. package/dist/src/modules/navigation/Kbar.d.ts +0 -33
  161. package/dist/src/modules/navigation/MegaMenu.d.ts +0 -27
  162. package/dist/src/modules/navigation/MobileMegaMenu.d.ts +0 -27
  163. package/dist/src/modules/navigation/index.d.ts +0 -5
  164. package/dist/src/utils/MissingDependency.d.ts +0 -6
  165. package/dist/src/utils/index.d.ts +0 -2
@@ -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 };
@@ -1,21 +0,0 @@
1
- import React from "react";
2
- import type { CSSProperties, ReactNode } from "react";
3
- import { SpacingToken } from "../types";
4
- import { Flex } from "./Flex";
5
- interface MasonryBreakpointProps {
6
- columns?: number;
7
- hide?: boolean;
8
- }
9
- interface MasonryGridProps extends Omit<React.ComponentProps<typeof Flex>, 'l' | 'm' | 's' | 'xs'> {
10
- children: ReactNode;
11
- gap?: SpacingToken | "-1" | undefined;
12
- columns?: number;
13
- style?: CSSProperties;
14
- className?: string;
15
- l?: MasonryBreakpointProps;
16
- m?: MasonryBreakpointProps;
17
- s?: MasonryBreakpointProps;
18
- xs?: MasonryBreakpointProps;
19
- }
20
- declare const MasonryGrid: React.ForwardRefExoticComponent<Omit<MasonryGridProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
21
- export { MasonryGrid };
@@ -1,26 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- interface BulgeConfig {
4
- type?: "ripple" | "wave";
5
- duration?: number;
6
- intensity?: number;
7
- repeat?: boolean;
8
- delay?: number;
9
- }
10
- interface MatrixFxProps extends React.ComponentProps<typeof Flex> {
11
- speed?: number;
12
- colors?: string[];
13
- size?: number;
14
- spacing?: number;
15
- revealFrom?: "center" | "top" | "bottom" | "left" | "right";
16
- trigger?: "hover" | "instant" | "mount" | "click" | "manual";
17
- active?: boolean;
18
- flicker?: boolean;
19
- bulge?: BulgeConfig;
20
- fps?: number;
21
- reducedMotion?: boolean | "auto";
22
- children?: React.ReactNode;
23
- }
24
- declare const MatrixFx: React.ForwardRefExoticComponent<Omit<MatrixFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
25
- export { MatrixFx };
26
- export type { BulgeConfig };
@@ -1,25 +0,0 @@
1
- import React, { CSSProperties, ReactNode } from "react";
2
- import { Flex } from ".";
3
- export interface MediaProps extends React.ComponentProps<typeof Flex> {
4
- aspectRatio?: string;
5
- height?: number;
6
- alt?: string;
7
- loading?: boolean;
8
- objectFit?: CSSProperties["objectFit"];
9
- enlarge?: boolean;
10
- src: string;
11
- unoptimized?: boolean;
12
- sizes?: string | number;
13
- priority?: boolean;
14
- caption?: ReactNode;
15
- fill?: boolean;
16
- fillWidth?: boolean;
17
- loop?: boolean;
18
- autoplay?: boolean;
19
- sound?: boolean;
20
- controls?: boolean;
21
- style?: CSSProperties;
22
- className?: string;
23
- }
24
- declare const Media: React.FC<MediaProps>;
25
- export { Media };
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- export interface ModalProps {
3
- children: React.ReactNode;
4
- backdrop?: React.ReactNode;
5
- title: React.ReactNode;
6
- isOpen: boolean;
7
- onClose: () => void;
8
- }
9
- declare const Modal: React.FC<ModalProps>;
10
- export { Modal };
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- interface NavIconProps extends React.ComponentProps<typeof Flex> {
4
- className?: string;
5
- style?: React.CSSProperties;
6
- onClick?: () => void;
7
- isActive: boolean;
8
- }
9
- declare const NavIcon: React.ForwardRefExoticComponent<Omit<Partial<NavIconProps>, "ref"> & React.RefAttributes<HTMLDivElement>>;
10
- export { NavIcon };
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { Input } from ".";
3
- interface NumberInputProps extends Omit<React.ComponentProps<typeof Input>, "type" | "value" | "onChange"> {
4
- value?: number;
5
- onChange?: (value: number) => void;
6
- min?: number;
7
- max?: number;
8
- step?: number;
9
- padStart?: number;
10
- }
11
- declare const NumberInput: React.ForwardRefExoticComponent<Omit<NumberInputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
12
- export { NumberInput };
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- interface OTPInputProps extends React.HTMLAttributes<HTMLDivElement> {
3
- length?: number;
4
- onComplete?: (code: string) => void;
5
- error?: boolean;
6
- errorMessage?: React.ReactNode;
7
- disabled?: boolean;
8
- autoFocus?: boolean;
9
- }
10
- declare const OTPInput: React.ForwardRefExoticComponent<OTPInputProps & React.RefAttributes<HTMLDivElement>>;
11
- export { OTPInput };
12
- export type { OTPInputProps };
@@ -1,33 +0,0 @@
1
- import { CondensedTShirtSizes } from "@/types";
2
- import { Card } from ".";
3
- export interface OgServiceConfig {
4
- proxyImageUrl?: (url: string) => string;
5
- proxyFaviconUrl?: (url: string) => string;
6
- fetchOgUrl?: string;
7
- proxyOgUrl?: string;
8
- }
9
- export interface OgData {
10
- title: string;
11
- description: string;
12
- faviconUrl: string;
13
- image: string;
14
- url: string;
15
- }
16
- interface OgCardProps extends Omit<React.ComponentProps<typeof Card>, "title"> {
17
- url?: string;
18
- sizes?: string;
19
- size?: CondensedTShirtSizes;
20
- ogData?: Partial<OgData> | null;
21
- direction?: "column" | "row" | "column-reverse" | "row-reverse";
22
- serviceConfig?: OgServiceConfig;
23
- title?: string | false;
24
- description?: string | false;
25
- favicon?: string | false;
26
- image?: string | false;
27
- cardUrl?: string | false;
28
- }
29
- declare const OgCard: {
30
- ({ url, ogData: providedOgData, direction, sizes, size, serviceConfig, title, description, favicon, image, cardUrl, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
31
- displayName: string;
32
- };
33
- export { OgCard };
@@ -1,20 +0,0 @@
1
- import { Row } from ".";
2
- import React from "react";
3
- export interface OptionProps extends Omit<React.ComponentProps<typeof Row>, "onClick"> {
4
- label?: React.ReactNode;
5
- href?: string;
6
- value: string;
7
- hasPrefix?: React.ReactNode;
8
- hasSuffix?: React.ReactNode;
9
- description?: React.ReactNode;
10
- danger?: boolean;
11
- selected?: boolean;
12
- disabled?: boolean;
13
- highlighted?: boolean;
14
- tabIndex?: number;
15
- children?: React.ReactNode;
16
- onClick?: (value: string) => void;
17
- onLinkClick?: () => void;
18
- }
19
- declare const Option: React.ForwardRefExoticComponent<Omit<OptionProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
- export { Option };
@@ -1,20 +0,0 @@
1
- import React from "react";
2
- import { SpacingToken } from "../types";
3
- import { DisplayProps } from "../interfaces";
4
- import { Flex } from ".";
5
- interface ParticleProps extends React.ComponentProps<typeof Flex> {
6
- density?: number;
7
- color?: string;
8
- size?: SpacingToken;
9
- speed?: number;
10
- interactive?: boolean;
11
- mode?: "repel" | "attract";
12
- intensity?: number;
13
- opacity?: DisplayProps["opacity"];
14
- reducedMotion?: boolean | "auto";
15
- className?: string;
16
- style?: React.CSSProperties;
17
- children?: React.ReactNode;
18
- }
19
- declare const Particle: React.ForwardRefExoticComponent<Omit<ParticleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
20
- export { Particle };
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import { InputProps } from ".";
3
- export declare const PasswordInput: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- import { StyleProps } from "@/interfaces";
4
- interface ProgressBarProps extends React.ComponentProps<typeof Flex> {
5
- value: number;
6
- min?: number;
7
- max?: number;
8
- label?: boolean;
9
- barBackground?: StyleProps["solid"];
10
- className?: string;
11
- style?: React.CSSProperties;
12
- }
13
- declare const ProgressBar: React.ForwardRefExoticComponent<Omit<ProgressBarProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
14
- export { ProgressBar };
@@ -1,12 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { Row } from ".";
3
- import { CondensedTShirtSizes, ColorScheme } from "../types";
4
- interface PulseProps extends React.ComponentProps<typeof Row> {
5
- variant?: ColorScheme;
6
- size?: CondensedTShirtSizes;
7
- children?: ReactNode;
8
- className?: string;
9
- style?: React.CSSProperties;
10
- }
11
- declare const Pulse: import("react").ForwardRefExoticComponent<Omit<PulseProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
12
- export { Pulse };
@@ -1,14 +0,0 @@
1
- import React from "react";
2
- import { InteractiveDetailsProps } from ".";
3
- interface RadioButtonProps extends Omit<InteractiveDetailsProps, "onClick">, React.InputHTMLAttributes<HTMLInputElement> {
4
- style?: React.CSSProperties;
5
- className?: string;
6
- isChecked?: boolean;
7
- name?: string;
8
- value?: string;
9
- disabled?: boolean;
10
- onToggle?: () => void;
11
- }
12
- declare const RadioButton: React.FC<RadioButtonProps>;
13
- export { RadioButton };
14
- export type { RadioButtonProps };
@@ -1,15 +0,0 @@
1
- import React from "react";
2
- import { SpacingToken } from "../types";
3
- import { Flex } from ".";
4
- interface RevealFxProps extends React.ComponentProps<typeof Flex> {
5
- children: React.ReactNode;
6
- speed?: "slow" | "medium" | "fast" | number;
7
- delay?: number;
8
- revealedByDefault?: boolean;
9
- translateY?: number | SpacingToken;
10
- trigger?: boolean;
11
- style?: React.CSSProperties;
12
- className?: string;
13
- }
14
- declare const RevealFx: React.ForwardRefExoticComponent<Omit<RevealFxProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
15
- export { RevealFx };
@@ -1,6 +0,0 @@
1
- import { Flex } from ".";
2
- export interface RowProps extends React.ComponentProps<typeof Flex> {
3
- children?: React.ReactNode;
4
- }
5
- declare const Row: import("react").ForwardRefExoticComponent<Omit<RowProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
6
- export { Row };
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import { Row } from ".";
3
- export interface ScrollContainerProps extends React.ComponentProps<typeof Row> {
4
- items: React.ReactNode[];
5
- controlPlacement?: "top-start" | "top-center" | "top-end" | "top-between" | "bottom-start" | "bottom-center" | "bottom-end" | "bottom-between";
6
- }
7
- declare const ScrollContainer: React.FC<ScrollContainerProps>;
8
- export { ScrollContainer };
@@ -1 +0,0 @@
1
- export {};
@@ -1,6 +0,0 @@
1
- import { Flex } from ".";
2
- interface ScrollToTopProps extends React.ComponentProps<typeof Flex> {
3
- offset?: number;
4
- }
5
- export declare const ScrollToTop: ({ children, offset, className, ...rest }: ScrollToTopProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,13 +0,0 @@
1
- import React from "react";
2
- import { Flex, BaseColor } from ".";
3
- import { RadiusSize } from "@/types";
4
- interface ScrollerProps extends React.ComponentProps<typeof Flex> {
5
- children?: React.ReactNode;
6
- direction?: "row" | "column";
7
- fadeColor?: BaseColor;
8
- onItemClick?: (index: number) => void;
9
- radius?: RadiusSize;
10
- }
11
- declare const Scroller: React.FC<ScrollerProps>;
12
- export { Scroller };
13
- export type { ScrollerProps };
@@ -1,17 +0,0 @@
1
- import { Scroller, ToggleButtonProps } from ".";
2
- interface ButtonOption extends Omit<ToggleButtonProps, "selected"> {
3
- value: string;
4
- }
5
- interface SegmentedControlProps extends Omit<React.ComponentProps<typeof Scroller>, "onToggle"> {
6
- buttons: ButtonOption[];
7
- onToggle: (value: string, event?: React.MouseEvent<HTMLButtonElement>) => void;
8
- defaultSelected?: string;
9
- fillWidth?: boolean;
10
- selected?: string;
11
- compact?: boolean;
12
- className?: string;
13
- style?: React.CSSProperties;
14
- }
15
- declare const SegmentedControl: React.FC<SegmentedControlProps>;
16
- export { SegmentedControl };
17
- export type { SegmentedControlProps, ButtonOption };
@@ -1,18 +0,0 @@
1
- import React, { ReactNode } from "react";
2
- import { InputProps, OptionProps, DropdownWrapperProps } from ".";
3
- import { Placement } from "@floating-ui/react-dom";
4
- type SelectOptionType = Omit<OptionProps, "selected">;
5
- interface SelectProps extends Omit<InputProps, "onSelect" | "value">, Pick<DropdownWrapperProps, "minHeight" | "minWidth" | "maxWidth"> {
6
- options: SelectOptionType[];
7
- value?: string | string[];
8
- emptyState?: ReactNode;
9
- onSelect?: (value: any) => void;
10
- placement?: Placement;
11
- searchable?: boolean;
12
- className?: string;
13
- style?: React.CSSProperties;
14
- fillWidth?: boolean;
15
- multiple?: boolean;
16
- }
17
- declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLDivElement>>;
18
- export { Select };
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { Text } from ".";
3
- export interface ShineFxProps extends React.ComponentProps<typeof Text> {
4
- speed?: number;
5
- disabled?: boolean;
6
- inverse?: boolean;
7
- baseOpacity?: number;
8
- reducedMotion?: boolean | "auto";
9
- children?: React.ReactNode;
10
- }
11
- declare const ShineFx: React.FC<ShineFxProps>;
12
- export { ShineFx };
@@ -1,12 +0,0 @@
1
- import React from "react";
2
- import { Flex } from ".";
3
- interface SkeletonProps extends React.ComponentProps<typeof Flex> {
4
- shape: "line" | "circle" | "block";
5
- width?: "xl" | "l" | "m" | "s" | "xs";
6
- height?: "xl" | "l" | "m" | "s" | "xs";
7
- delay?: "1" | "2" | "3" | "4" | "5" | "6";
8
- style?: React.CSSProperties;
9
- className?: string;
10
- }
11
- declare const Skeleton: React.FC<SkeletonProps>;
12
- export { Skeleton };