@flikk/ui 1.0.0-beta.3 → 1.0.0-beta.5

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 (28) hide show
  1. package/dist/components/ai/PromptInput/PromptInput.js +4 -123
  2. package/dist/components/charts/DonutChart/DonutChart.types.d.ts +1 -2
  3. package/dist/components/charts/DonutChart/MultiSegmentDonutChart.types.d.ts +1 -2
  4. package/dist/components/core/Badge/Badge.d.ts +1 -1
  5. package/dist/components/core/Badge/Badge.types.d.ts +2 -3
  6. package/dist/components/core/Button/Button.d.ts +1 -1
  7. package/dist/components/core/Button/Button.types.d.ts +1 -2
  8. package/dist/components/core/Link/Link.d.ts +1 -1
  9. package/dist/components/core/Link/Link.types.d.ts +2 -2
  10. package/dist/components/effects/3d/index.d.ts +6 -0
  11. package/dist/components/effects/3d/index.js +3 -0
  12. package/dist/components/effects/CustomCursor/CustomCursor.d.ts +2 -2
  13. package/dist/components/effects/CustomCursor/CustomCursor.types.d.ts +3 -3
  14. package/dist/components/effects/index.d.ts +0 -6
  15. package/dist/components/effects/index.js +0 -3
  16. package/dist/components/forms/FileUpload/FileUpload.js +0 -78
  17. package/dist/components/forms/InputCounter/InputCounter.d.ts +1 -1
  18. package/dist/components/forms/InputCounter/InputCounter.types.d.ts +3 -2
  19. package/dist/components/forms/SelectableCard/SelectableCard.d.ts +1 -1
  20. package/dist/components/forms/SelectableCard/SelectableCard.types.d.ts +1 -2
  21. package/dist/components/forms/TimePicker/TimePickerContent.js +1 -78
  22. package/dist/components/forms/index.js +0 -78
  23. package/dist/components/layout/FormLayout/FormLayoutBody.js +1 -79
  24. package/dist/index.js +191 -200
  25. package/package.json +32 -27
  26. package/src/global.scss +674 -0
  27. package/src/styles/theme.css +366 -0
  28. package/src/theme-plugin.css +2 -0
package/dist/components/ai/PromptInput/PromptInput.js CHANGED
@@ -1,43 +1,11 @@
1
1
  import { jsxs, jsx } from 'react/jsx-runtime';
2
2
  import React__default, { useState, useRef, useId, useEffect, useCallback } from 'react';
3
3
  import { AnimatePresence, motion } from 'motion/react';
4
- import '../../forms/Input/Input.js';
5
- import '../../forms/Input/Input.theme.js';
6
- import '../../forms/Select/Select.js';
7
- import '../../forms/Select/Select.theme.js';
4
+ import { cn } from '../../../utils/cn.js';
5
+ import { CloudArrowUpIcon, DocumentIcon, XMarkIcon, PlusIcon, AdjustmentsHorizontalIcon, MicrophoneIcon, ChevronDownIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
6
+ import { promptInputTheme } from './PromptInput.theme.js';
8
7
  import { Textarea } from '../../forms/Textarea/Textarea.js';
9
8
  import '../../forms/Textarea/Textarea.theme.js';
10
- import '../../forms/FormLabel/FormLabel.js';
11
- import '../../forms/Radio/Radio.js';
12
- import '../../forms/Checkbox/Checkbox.js';
13
- import '../../forms/Switch/Switch.js';
14
- import '../../forms/DatePicker/DatePicker.js';
15
- import '../../forms/DatePicker/DatePicker.theme.js';
16
- import '../../forms/FileUpload/FileUpload.js';
17
- import '../../forms/TimePicker/TimePicker.js';
18
- import { CloudArrowUpIcon, DocumentIcon, XMarkIcon, PlusIcon, AdjustmentsHorizontalIcon, MicrophoneIcon, ChevronDownIcon, ArrowRightIcon } from '@heroicons/react/24/outline';
19
- import { cn } from '../../../utils/cn.js';
20
- import 'react-dom';
21
- import '../../core/Accordion/Accordion.js';
22
- import '../../core/AlertDialog/AlertDialog.js';
23
- import '../../core/AspectRatio/AspectRatio.js';
24
- import '../../core/Avatar/Avatar.js';
25
- import '../../core/AvatarGroup/AvatarGroup.js';
26
- import '../../core/Badge/Badge.js';
27
- import '../../core/Breadcrumbs/Breadcrumbs.js';
28
- import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
29
- import { Button } from '../../core/Button/Button.js';
30
- import '../../core/ButtonGroup/ButtonGroup.js';
31
- import '../../core/ButtonGroup/ButtonGroupSeparator.js';
32
- import '../../core/ButtonGroup/ButtonGroupText.js';
33
- import '../../core/Calendar/Calendar.js';
34
- import '../../core/Calendar/CalendarMini/CalendarMini.js';
35
- import '../../core/Card/Card.js';
36
- import '../../core/CardStack/CardStack.js';
37
- import '../../core/Carousel/Carousel.js';
38
- import '../../core/CommandPalette/CommandPalette.js';
39
- import '../../core/Separator/Separator.js';
40
- import '../../core/Drawer/Drawer.js';
41
9
  import { Dropdown } from '../../core/Dropdown/Dropdown.js';
42
10
  import '../../core/Dropdown/DropdownTrigger.js';
43
11
  import '../../core/Dropdown/DropdownMenu.js';
@@ -45,94 +13,7 @@ import '../../core/Dropdown/DropdownItem.js';
45
13
  import '../../core/Dropdown/DropdownSection.js';
46
14
  import '../../core/Dropdown/DropdownSeparator.js';
47
15
  import '../../core/Dropdown/Dropdown.theme.js';
48
- import '../../core/Kbd/Kbd.js';
49
- import '../../core/MenuItem/MenuItem.js';
50
- import '../../core/Link/Link.js';
51
- import '../../core/Loader/Loader.js';
52
- import '../../core/Modal/Modal.js';
53
- import '../../core/ModalStack/ModalStack.js';
54
- import '../../core/PageHeading/PageHeading.js';
55
- import '../../core/Pagination/Pagination.js';
56
- import '../../core/Popover/Popover.js';
57
- import '../../core/Popover/PopoverContext.js';
58
- import '../../core/Progress/Progress.js';
59
- import '../../core/Rating/Rating.js';
60
- import '../../core/ScrollArea/ScrollArea.js';
61
- import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
62
- import '../../core/Segmented/Segmented.js';
63
- import '../../core/Skeleton/Skeleton.js';
64
- import '../../core/SlidingNumber/SlidingNumber.js';
65
- import '../../core/Tabs/Tabs.js';
66
- import '../../core/Tabs/TabsList.js';
67
- import '../../core/Tabs/TabsTrigger.js';
68
- import '../../core/Tabs/TabsContent.js';
69
- import '../../core/Tabs/TabsContext.js';
70
- import '../../core/Tooltip/Tooltip.js';
71
- import '../../core/Tooltip/Tooltip.animations.js';
72
- import '../../core/Tree/Tree.js';
73
- import '../../core/Tag/Tag.js';
74
- import '../../core/Alert/Alert.js';
75
- import '../../core/Toast/Toast.js';
76
- import '../../core/Toast/ToastProvider.js';
77
- import '@heroicons/react/24/solid';
78
- import '../../core/Spinner/Spinner.js';
79
- import '../../core/Message/Message.js';
80
- import '../../core/Message/TypeWriter.js';
81
- import '../../core/Empty/Empty.js';
82
- import '../../core/Masonry/Masonry.js';
83
- import '../../core/DragDrop/DragDrop.js';
84
- import '../../core/Sortable/Sortable.js';
85
- import '../../core/NavItem/NavItem.js';
86
- import '../../core/Sidebar/Sidebar.js';
87
- import '../../core/Sidebar/SidebarHeader.js';
88
- import '../../core/Sidebar/SidebarContent.js';
89
- import '../../core/Sidebar/SidebarFooter.js';
90
- import '../../core/Sidebar/SidebarNav.js';
91
- import '../../core/Sidebar/SidebarNavGroup.js';
92
- import '../../core/Sidebar/SidebarToggle.js';
93
- import '../../core/Sidebar/SidebarContext.js';
94
- import '../../core/OfflineIndicator/OfflineIndicator.js';
95
- import '../../core/ContextMenu/ContextMenu.js';
96
- import '../../core/ContextMenu/ContextMenu.theme.js';
97
- import '../../core/Pill/Pill.js';
98
- import '../../core/SocialIcon/SocialIcon.js';
99
- import '../../forms/TimePicker/WheelColumn.js';
100
- import '../../forms/TimePicker/TimePicker.theme.js';
101
- import '../../forms/Slider/Slider.js';
102
- import '../../forms/Slider/Slider.theme.js';
103
- import '../../forms/Signature/Signature.js';
104
- import '../../forms/Signature/Signature.theme.js';
105
- import '../../forms/RichTextEditor/RichTextEditor.js';
106
- import '../../forms/RichTextEditor/RichTextEditor.theme.js';
107
- import '../../forms/InputOTP/InputOTP.js';
108
- import '../../forms/InputOTP/InputOTP.theme.js';
109
- import '../../forms/InputCreditCard/InputCreditCard.js';
110
- import '../../forms/InputCreditCard/InputCreditCard.theme.js';
111
- import '../../forms/InputAddress/InputAddress.js';
112
- import '../../forms/InputAddress/InputAddress.theme.js';
113
- import '../../forms/InputDate/InputDate.js';
114
- import '../../forms/InputCounter/InputCounter.js';
115
- import '../../forms/InputTag/InputTag.js';
116
- import '../../forms/InputTag/InputTag.theme.js';
117
- import '../../forms/Combobox/Combobox.js';
118
- import '../../forms/Combobox/Combobox.theme.js';
119
- import '../../forms/ColorPicker/ColorPicker.js';
120
- import '../../forms/ColorPicker/ColorPickerTrigger.js';
121
- import '../../forms/ColorPicker/ColorPickerContent.js';
122
- import '../../forms/ColorPicker/ColorPicker2DCanvas.js';
123
- import '../../forms/ColorPicker/ColorPickerSwatch.js';
124
- import '../../forms/ColorPicker/ColorPickerSliders.js';
125
- import '../../forms/ColorPicker/ColorPickerInput.js';
126
- import '../../forms/ColorPicker/ColorPickerFormatSelector.js';
127
- import '../../forms/ColorPicker/ColorPickerEyeDropper.js';
128
- import '../../forms/ColorPicker/ColorPickerPresets.js';
129
- import '../../forms/SelectableCard/SelectableCard.js';
130
- import '../../forms/TransferList/TransferList.js';
131
- import '../../forms/Mention/Mention.js';
132
- import '../../forms/Mention/Mention.theme.js';
133
- import '../../forms/CronInput/CronInput.js';
134
- import '../../forms/CronInput/CronInput.theme.js';
135
- import { promptInputTheme } from './PromptInput.theme.js';
16
+ import { Button } from '../../core/Button/Button.js';
136
17
 
137
18
  /**
138
19
  * Default model options for the model selector
package/dist/components/charts/DonutChart/DonutChart.types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { HTMLMotionProps } from "motion/react";
3
2
  /**
4
3
  * Color configuration for the donut chart
5
4
  */
@@ -41,7 +40,7 @@ export interface DonutChartThemeOverrides {
41
40
  /**
42
41
  * DonutChart component props
43
42
  */
44
- export interface DonutChartProps extends Omit<HTMLMotionProps<"div">, "children"> {
43
+ export interface DonutChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
45
44
  /**
46
45
  * Visual variant for the donut chart (solid or segmented)
47
46
  * @default "solid"
package/dist/components/charts/DonutChart/MultiSegmentDonutChart.types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { HTMLMotionProps } from "motion/react";
3
2
  /**
4
3
  * Data segment for the multi-segment donut chart
5
4
  */
@@ -52,7 +51,7 @@ export interface MultiSegmentDonutChartThemeOverrides {
52
51
  /**
53
52
  * MultiSegmentDonutChart component props
54
53
  */
55
- export interface MultiSegmentDonutChartProps extends Omit<HTMLMotionProps<"div">, "children"> {
54
+ export interface MultiSegmentDonutChartProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
56
55
  /**
57
56
  * Array of data segments to display
58
57
  * Each segment should have value and percentage
package/dist/components/core/Badge/Badge.d.ts CHANGED
@@ -11,4 +11,4 @@ import { BadgeProps } from "./Badge.types";
11
11
  * <Badge dismissible onDismiss={handleDismiss}>Removable</Badge>
12
12
  * ```
13
13
  */
14
- export declare const Badge: React.NamedExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
14
+ export declare const Badge: React.NamedExoticComponent<BadgeProps & React.RefAttributes<HTMLSpanElement>>;
package/dist/components/core/Badge/Badge.types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
- import { ReactNode, MouseEvent } from "react";
2
- import { HTMLMotionProps } from "motion/react";
1
+ import React, { ReactNode, MouseEvent } from "react";
3
2
  export type BadgeVariant = "filled" | "outline" | "ghost";
4
3
  export type BadgeColor = "neutral" | "primary" | "success" | "warning" | "danger";
5
4
  export type BadgeSize = "sm" | "md";
@@ -80,7 +79,7 @@ export interface BadgeThemeOverrides {
80
79
  hover: string;
81
80
  }>;
82
81
  }
83
- export interface BadgeProps extends Omit<HTMLMotionProps<"span">, "onSelect" | "inputMode" | "autoCapitalize" | "autoCorrect" | "autoComplete"> {
82
+ export interface BadgeProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, "onSelect" | "inputMode"> {
84
83
  /**
85
84
  * The content to be displayed inside the badge
86
85
  */
package/dist/components/core/Button/Button.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { ButtonProps } from "./Button.types";
3
- declare const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
3
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
4
4
  export { Button };
package/dist/components/core/Button/Button.types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import { HTMLMotionProps } from "motion/react";
3
2
  import { RippleEffectType } from "./Button.ripple";
4
3
  /**
5
4
  * Button component props
@@ -14,7 +13,7 @@ import { RippleEffectType } from "./Button.ripple";
14
13
  * @property {string} rippleClassName - Custom class name for ripple styling
15
14
  * @property {number} rippleScale - Scale multiplier for ripple expansion (default: 10)
16
15
  */
17
- export interface ButtonProps extends HTMLMotionProps<"button"> {
16
+ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
18
17
  /** The semantic color/intent of the button */
19
18
  color?: ButtonColor;
20
19
  /** The visual style variant of the button */
package/dist/components/core/Link/Link.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from "react";
2
2
  import { LinkProps } from "./Link.types";
3
- declare const Link: React.ForwardRefExoticComponent<Omit<LinkProps, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
3
+ declare const Link: React.ForwardRefExoticComponent<LinkProps & React.RefAttributes<HTMLAnchorElement>>;
4
4
  export { Link };
package/dist/components/core/Link/Link.types.d.ts CHANGED
@@ -1,11 +1,11 @@
1
- import { HTMLMotionProps } from "motion/react";
1
+ import React from "react";
2
2
  import { ButtonSize } from "../Button";
3
3
  export type LinkSize = ButtonSize | "inherit";
4
4
  /**
5
5
  * Link component props
6
6
  * Extends standard anchor attributes.
7
7
  */
8
- export interface LinkProps extends Omit<HTMLMotionProps<"a">, 'color'> {
8
+ export interface LinkProps extends Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'color'> {
9
9
  /**
10
10
  * The size of the link.
11
11
  * @default "inherit"
package/dist/components/effects/3d/index.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ export { AIOrb } from "../AIOrb";
2
+ export type { AIOrbProps, DotSphereProps, LiquidProps } from "../AIOrb";
3
+ export { Particles } from "../Particles";
4
+ export type { ParticlesProps } from "../Particles";
5
+ export { SpotlightBorder } from "../SpotlightBorder";
6
+ export type { SpotlightBorderProps, SpotlightBorderVariation, } from "../SpotlightBorder";
package/dist/components/effects/3d/index.js ADDED
@@ -0,0 +1,3 @@
1
+ export { AIOrb } from '../AIOrb/AIOrb.js';
2
+ export { Particles } from '../Particles/Particles.js';
3
+ export { SpotlightBorder } from '../SpotlightBorder/SpotlightBorder.js';
package/dist/components/effects/CustomCursor/CustomCursor.d.ts CHANGED
@@ -31,5 +31,5 @@ export declare const CustomCursorProvider: React.ForwardRefExoticComponent<Omit<
31
31
  * </CustomCursor>
32
32
  * ```
33
33
  */
34
- export declare const CustomCursor: React.ForwardRefExoticComponent<Omit<CustomCursorProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
35
- export declare const CustomCursorFollow: React.ForwardRefExoticComponent<Omit<CustomCursorFollowProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
34
+ export declare const CustomCursor: React.ForwardRefExoticComponent<CustomCursorProps & React.RefAttributes<HTMLDivElement>>;
35
+ export declare const CustomCursorFollow: React.ForwardRefExoticComponent<CustomCursorFollowProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/effects/CustomCursor/CustomCursor.types.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as React from 'react';
2
- import type { HTMLMotionProps, SpringOptions } from 'motion/react';
2
+ import type { SpringOptions } from 'motion/react';
3
3
  /**
4
4
  * Alignment positions for CustomCursorFollow relative to the main cursor
5
5
  */
@@ -48,7 +48,7 @@ export interface CustomCursorProviderProps extends React.ComponentProps<'div'> {
48
48
  /**
49
49
  * Props for CustomCursor component
50
50
  */
51
- export interface CustomCursorProps extends HTMLMotionProps<'div'> {
51
+ export interface CustomCursorProps extends React.HTMLAttributes<HTMLDivElement> {
52
52
  children?: React.ReactNode;
53
53
  size?: CustomCursorSize;
54
54
  color?: CustomCursorColor;
@@ -59,7 +59,7 @@ export interface CustomCursorProps extends HTMLMotionProps<'div'> {
59
59
  /**
60
60
  * Props for CustomCursorFollow component
61
61
  */
62
- export interface CustomCursorFollowProps extends HTMLMotionProps<'div'> {
62
+ export interface CustomCursorFollowProps extends React.HTMLAttributes<HTMLDivElement> {
63
63
  children?: React.ReactNode;
64
64
  sideOffset?: number;
65
65
  align?: AlignType;
package/dist/components/effects/index.d.ts CHANGED
@@ -4,12 +4,8 @@ export { GlassEffect } from "./GlassEffect";
4
4
  export type { GlassEffectProps, BlendMode } from "./GlassEffect";
5
5
  export { Overlay } from "./Overlay";
6
6
  export type { OverlayProps, OverlayPosition, OverlayAnimations, } from "./Overlay";
7
- export { SpotlightBorder } from "./SpotlightBorder";
8
- export type { SpotlightBorderProps, SpotlightBorderVariation, } from "./SpotlightBorder";
9
7
  export { GlassSurface } from "./GlassSurface";
10
8
  export type { GlassSurfaceProps, GlassChannel, GlassMixBlendMode, } from "./GlassSurface";
11
- export { AIOrb } from "./AIOrb";
12
- export type { AIOrbProps, DotSphereProps, LiquidProps } from "./AIOrb";
13
9
  export { Animated } from "./Animated";
14
10
  export type { AnimatedGroupProps, AnimatedItemProps, AnimationPreset, AnimatedElement, } from "./Animated";
15
11
  export { ProgressiveBlur } from "./ProgressiveBlur";
@@ -28,8 +24,6 @@ export { NoiseOverlay } from "./NoiseOverlay";
28
24
  export type { NoiseOverlayProps, NoiseBlendMode } from "./NoiseOverlay";
29
25
  export { Spotlight } from "./Spotlight";
30
26
  export type { SpotlightProps } from "./Spotlight";
31
- export { Particles } from "./Particles";
32
- export type { ParticlesProps } from "./Particles";
33
27
  export { ParallaxSection } from "./ParallaxSection";
34
28
  export type { ParallaxSectionProps } from "./ParallaxSection";
35
29
  export { ScrollReveal } from "./ScrollReveal";
package/dist/components/effects/index.js CHANGED
@@ -1,9 +1,7 @@
1
1
  export { CustomCursor } from './CustomCursor/CustomCursor.js';
2
2
  export { GlassEffect } from './GlassEffect/GlassEffect.js';
3
3
  export { Overlay } from './Overlay/Overlay.js';
4
- export { SpotlightBorder } from './SpotlightBorder/SpotlightBorder.js';
5
4
  export { GlassSurface } from './GlassSurface/GlassSurface.js';
6
- export { AIOrb } from './AIOrb/AIOrb.js';
7
5
  export { Animated } from './Animated/Animated.js';
8
6
  export { ProgressiveBlur } from './ProgressiveBlur/ProgressiveBlur.js';
9
7
  export { Aurora } from './Aurora/Aurora.js';
@@ -13,7 +11,6 @@ export { GridPattern } from './GridPattern/GridPattern.js';
13
11
  export { DotPattern } from './DotPattern/DotPattern.js';
14
12
  export { NoiseOverlay } from './NoiseOverlay/NoiseOverlay.js';
15
13
  export { Spotlight } from './Spotlight/Spotlight.js';
16
- export { Particles } from './Particles/Particles.js';
17
14
  export { ParallaxSection } from './ParallaxSection/ParallaxSection.js';
18
15
  export { ScrollReveal } from './ScrollReveal/ScrollReveal.js';
19
16
  export { StickyScroll } from './StickyScroll/StickyScroll.js';
package/dist/components/forms/FileUpload/FileUpload.js CHANGED
@@ -3,85 +3,7 @@ import React__default, { useMemo, useRef, useState, useCallback } from 'react';
3
3
  import { fileUploadTheme } from './FileUpload.theme.js';
4
4
  import { cn } from '../../../utils/cn.js';
5
5
  import { CloudArrowUpIcon, DocumentIcon, XMarkIcon } from '@heroicons/react/24/outline';
6
- import '../../core/Accordion/Accordion.js';
7
- import '../../core/AlertDialog/AlertDialog.js';
8
- import '../../core/AspectRatio/AspectRatio.js';
9
- import '../../core/Avatar/Avatar.js';
10
- import '../../core/AvatarGroup/AvatarGroup.js';
11
- import '../../core/Badge/Badge.js';
12
- import '../../core/Breadcrumbs/Breadcrumbs.js';
13
- import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
14
6
  import { Button } from '../../core/Button/Button.js';
15
- import '../../core/ButtonGroup/ButtonGroup.js';
16
- import '../../core/ButtonGroup/ButtonGroupSeparator.js';
17
- import '../../core/ButtonGroup/ButtonGroupText.js';
18
- import '../../core/Calendar/Calendar.js';
19
- import '../../core/Calendar/CalendarMini/CalendarMini.js';
20
- import '../../core/Card/Card.js';
21
- import '../../core/CardStack/CardStack.js';
22
- import '../../core/Carousel/Carousel.js';
23
- import '../../core/CommandPalette/CommandPalette.js';
24
- import '../../core/Separator/Separator.js';
25
- import '../../core/Drawer/Drawer.js';
26
- import '../../core/Dropdown/Dropdown.js';
27
- import '../../core/Dropdown/DropdownTrigger.js';
28
- import '../../core/Dropdown/DropdownMenu.js';
29
- import '../../core/Dropdown/DropdownItem.js';
30
- import '../../core/Dropdown/DropdownSection.js';
31
- import '../../core/Dropdown/DropdownSeparator.js';
32
- import '../../core/Dropdown/Dropdown.theme.js';
33
- import '../../core/Kbd/Kbd.js';
34
- import '../../core/MenuItem/MenuItem.js';
35
- import '../../core/Link/Link.js';
36
- import '../../core/Loader/Loader.js';
37
- import '../../core/Modal/Modal.js';
38
- import '../../core/ModalStack/ModalStack.js';
39
- import '../../core/PageHeading/PageHeading.js';
40
- import '../../core/Pagination/Pagination.js';
41
- import '../../core/Popover/Popover.js';
42
- import '../../core/Popover/PopoverContext.js';
43
- import '../../core/Progress/Progress.js';
44
- import '../../core/Rating/Rating.js';
45
- import '../../core/ScrollArea/ScrollArea.js';
46
- import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
47
- import '../../core/Segmented/Segmented.js';
48
- import '../../core/Skeleton/Skeleton.js';
49
- import '../../core/SlidingNumber/SlidingNumber.js';
50
- import '../../core/Tabs/Tabs.js';
51
- import '../../core/Tabs/TabsList.js';
52
- import '../../core/Tabs/TabsTrigger.js';
53
- import '../../core/Tabs/TabsContent.js';
54
- import '../../core/Tabs/TabsContext.js';
55
- import '../../core/Tooltip/Tooltip.js';
56
- import '../../core/Tooltip/Tooltip.animations.js';
57
- import '../../core/Tree/Tree.js';
58
- import '../../core/Tag/Tag.js';
59
- import '../../core/Alert/Alert.js';
60
- import '../../core/Toast/Toast.js';
61
- import '../../core/Toast/ToastProvider.js';
62
- import '@heroicons/react/24/solid';
63
- import '../../core/Spinner/Spinner.js';
64
- import '../../core/Message/Message.js';
65
- import '../../core/Message/TypeWriter.js';
66
- import '../../core/Empty/Empty.js';
67
- import '../../core/Masonry/Masonry.js';
68
- import '../../core/DragDrop/DragDrop.js';
69
- import '../../core/Sortable/Sortable.js';
70
- import '../../core/NavItem/NavItem.js';
71
- import '../../core/Sidebar/Sidebar.js';
72
- import '../../core/Sidebar/SidebarHeader.js';
73
- import '../../core/Sidebar/SidebarContent.js';
74
- import '../../core/Sidebar/SidebarFooter.js';
75
- import '../../core/Sidebar/SidebarNav.js';
76
- import '../../core/Sidebar/SidebarNavGroup.js';
77
- import 'motion/react';
78
- import '../../core/Sidebar/SidebarToggle.js';
79
- import '../../core/Sidebar/SidebarContext.js';
80
- import '../../core/OfflineIndicator/OfflineIndicator.js';
81
- import '../../core/ContextMenu/ContextMenu.js';
82
- import '../../core/ContextMenu/ContextMenu.theme.js';
83
- import '../../core/Pill/Pill.js';
84
- import '../../core/SocialIcon/SocialIcon.js';
85
7
 
86
8
  /**
87
9
  * FileUpload component - Drag-and-drop file uploader with previews
package/dist/components/forms/InputCounter/InputCounter.d.ts CHANGED
@@ -26,4 +26,4 @@ import { InputCounterProps } from "./InputCounter.types";
26
26
  * );
27
27
  * ```
28
28
  */
29
- export declare const InputCounter: React.ForwardRefExoticComponent<Omit<InputCounterProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
29
+ export declare const InputCounter: React.ForwardRefExoticComponent<InputCounterProps & React.RefAttributes<HTMLDivElement>>;
package/dist/components/forms/InputCounter/InputCounter.types.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { HTMLMotionProps, Transition } from 'motion/react';
1
+ import React from 'react';
2
+ import type { Transition } from 'motion/react';
2
3
  import { ButtonProps } from '../../core/Button/Button.types';
3
4
  /**
4
5
  * InputCounter component props
@@ -13,7 +14,7 @@ import { ButtonProps } from '../../core/Button/Button.types';
13
14
  * @property {object} theme - Theme overrides for styling
14
15
  * @property {object} transition - Custom Framer Motion transition
15
16
  */
16
- export interface InputCounterProps extends Omit<HTMLMotionProps<'div'>, 'onChange'> {
17
+ export interface InputCounterProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
17
18
  /** Current counter value (controlled) */
18
19
  value: number;
19
20
  /** Callback when value changes */
package/dist/components/forms/SelectableCard/SelectableCard.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from "react";
2
2
  import type { SelectableCardProps } from "./SelectableCard.types";
3
- export declare const SelectableCard: React.ForwardRefExoticComponent<Omit<SelectableCardProps, "ref"> & React.RefAttributes<HTMLDivElement>> & {
3
+ export declare const SelectableCard: React.ForwardRefExoticComponent<SelectableCardProps & React.RefAttributes<HTMLDivElement>> & {
4
4
  Group: React.ForwardRefExoticComponent<import("./SelectableCard.types").SelectableCardGroupProps & React.RefAttributes<HTMLDivElement>>;
5
5
  };
package/dist/components/forms/SelectableCard/SelectableCard.types.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  import React from "react";
2
- import type { HTMLMotionProps } from "motion/react";
3
2
  export type SelectableCardType = "single" | "multiple";
4
3
  export type SelectableCardIndicator = "radio" | "checkbox" | "none";
5
4
  export interface SelectableCardTheme {
@@ -28,7 +27,7 @@ export interface SelectableCardGroupProps extends Omit<React.HTMLAttributes<HTML
28
27
  name?: string;
29
28
  theme?: Partial<SelectableCardTheme>;
30
29
  }
31
- export interface SelectableCardProps extends Omit<HTMLMotionProps<"div">, "value"> {
30
+ export interface SelectableCardProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "value"> {
32
31
  value: string;
33
32
  disabled?: boolean;
34
33
  }
package/dist/components/forms/TimePicker/TimePickerContent.js CHANGED
@@ -6,85 +6,8 @@ import { cn } from '../../../utils/cn.js';
6
6
  import { TimePickerContext } from './TimePicker.js';
7
7
  import { useSelectPortal } from '../../../hooks/useSelectPortal.js';
8
8
  import { createDropdownAnimations } from '../Select/Select.animations.js';
9
- import '../../core/Accordion/Accordion.js';
10
- import '../../core/AlertDialog/AlertDialog.js';
11
- import '../../core/AspectRatio/AspectRatio.js';
12
- import '../../core/Avatar/Avatar.js';
13
- import '../../core/AvatarGroup/AvatarGroup.js';
14
- import '../../core/Badge/Badge.js';
15
- import '../../core/Breadcrumbs/Breadcrumbs.js';
16
- import '../../core/Breadcrumbs/Breadcrumbs.theme.js';
17
- import { Button } from '../../core/Button/Button.js';
18
- import '../../core/ButtonGroup/ButtonGroup.js';
19
- import '../../core/ButtonGroup/ButtonGroupSeparator.js';
20
- import '../../core/ButtonGroup/ButtonGroupText.js';
21
- import '../../core/Calendar/Calendar.js';
22
- import '../../core/Calendar/CalendarMini/CalendarMini.js';
23
- import '../../core/Card/Card.js';
24
- import '../../core/CardStack/CardStack.js';
25
- import '../../core/Carousel/Carousel.js';
26
- import '../../core/CommandPalette/CommandPalette.js';
27
- import '../../core/Separator/Separator.js';
28
- import '../../core/Drawer/Drawer.js';
29
- import '../../core/Dropdown/Dropdown.js';
30
- import '../../core/Dropdown/DropdownTrigger.js';
31
- import '../../core/Dropdown/DropdownMenu.js';
32
- import '../../core/Dropdown/DropdownItem.js';
33
- import '../../core/Dropdown/DropdownSection.js';
34
- import '../../core/Dropdown/DropdownSeparator.js';
35
- import '../../core/Dropdown/Dropdown.theme.js';
36
- import '../../core/Kbd/Kbd.js';
37
- import '../../core/MenuItem/MenuItem.js';
38
- import '../../core/Link/Link.js';
39
- import '../../core/Loader/Loader.js';
40
- import '../../core/Modal/Modal.js';
41
- import '../../core/ModalStack/ModalStack.js';
42
- import '../../core/PageHeading/PageHeading.js';
43
- import '../../core/Pagination/Pagination.js';
44
- import '../../core/Popover/Popover.js';
45
- import '../../core/Popover/PopoverContext.js';
46
- import '../../core/Progress/Progress.js';
47
- import '../../core/Rating/Rating.js';
48
- import '../../core/ScrollArea/ScrollArea.js';
49
- import '../../core/ScrollArea/smooth/SmoothScrollEngine.js';
50
- import '../../core/Segmented/Segmented.js';
51
- import '../../core/Skeleton/Skeleton.js';
52
- import '../../core/SlidingNumber/SlidingNumber.js';
53
- import '../../core/Tabs/Tabs.js';
54
- import '../../core/Tabs/TabsList.js';
55
- import '../../core/Tabs/TabsTrigger.js';
56
- import '../../core/Tabs/TabsContent.js';
57
- import '../../core/Tabs/TabsContext.js';
58
- import '../../core/Tooltip/Tooltip.js';
59
- import '../../core/Tooltip/Tooltip.animations.js';
60
- import '../../core/Tree/Tree.js';
61
- import '../../core/Tag/Tag.js';
62
- import '../../core/Alert/Alert.js';
63
- import '../../core/Toast/Toast.js';
64
- import '../../core/Toast/ToastProvider.js';
65
- import '@heroicons/react/24/solid';
66
- import '../../core/Spinner/Spinner.js';
67
- import '../../core/Message/Message.js';
68
- import '../../core/Message/TypeWriter.js';
69
- import '../../core/Empty/Empty.js';
70
- import '../../core/Masonry/Masonry.js';
71
- import '../../core/DragDrop/DragDrop.js';
72
- import '../../core/Sortable/Sortable.js';
73
- import '../../core/NavItem/NavItem.js';
74
- import '../../core/Sidebar/Sidebar.js';
75
- import '../../core/Sidebar/SidebarHeader.js';
76
- import '../../core/Sidebar/SidebarContent.js';
77
- import '../../core/Sidebar/SidebarFooter.js';
78
- import '../../core/Sidebar/SidebarNav.js';
79
- import '../../core/Sidebar/SidebarNavGroup.js';
80
- import '../../core/Sidebar/SidebarToggle.js';
81
- import '../../core/Sidebar/SidebarContext.js';
82
- import '../../core/OfflineIndicator/OfflineIndicator.js';
83
- import '../../core/ContextMenu/ContextMenu.js';
84
- import '../../core/ContextMenu/ContextMenu.theme.js';
85
- import '../../core/Pill/Pill.js';
86
- import '../../core/SocialIcon/SocialIcon.js';
87
9
  import { useIsClient } from '../../../hooks/useIsClient.js';
10
+ import { Button } from '../../core/Button/Button.js';
88
11
 
89
12
  /**
90
13
  * Hook to detect dark mode state from document