noorui-rtl 0.3.13 → 0.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/README.md +1 -1
  3. package/dist/index.d.mts +622 -285
  4. package/dist/index.d.ts +622 -285
  5. package/dist/index.js +1361 -691
  6. package/dist/index.js.map +1 -1
  7. package/dist/index.mjs +1349 -692
  8. package/dist/index.mjs.map +1 -1
  9. package/dist/styles.css +1 -1
  10. package/package.json +2 -1
package/dist/index.d.mts CHANGED
@@ -1,16 +1,16 @@
1
- import * as React from 'react';
1
+ import * as React$1 from 'react';
2
2
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
3
3
  import * as class_variance_authority_types from 'class-variance-authority/types';
4
4
  import * as class_variance_authority from 'class-variance-authority';
5
5
  import { VariantProps } from 'class-variance-authority';
6
6
  import * as AvatarPrimitive from '@radix-ui/react-avatar';
7
+ import { LucideIcon } from 'lucide-react';
7
8
  import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
8
9
  import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
9
10
  import * as DialogPrimitive from '@radix-ui/react-dialog';
10
11
  import { DialogProps } from '@radix-ui/react-dialog';
11
12
  import * as ContextMenuPrimitive from '@radix-ui/react-context-menu';
12
13
  import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
13
- import { LucideIcon } from 'lucide-react';
14
14
  import * as _radix_ui_react_label from '@radix-ui/react-label';
15
15
  import * as PopoverPrimitive from '@radix-ui/react-popover';
16
16
  import * as ProgressPrimitive from '@radix-ui/react-progress';
@@ -36,37 +36,37 @@ interface DirectionContextType {
36
36
  setLocale: (locale: 'en' | 'ar') => void;
37
37
  }
38
38
  declare function DirectionProvider({ children }: {
39
- children: React.ReactNode;
40
- }): React.JSX.Element;
39
+ children: React$1.ReactNode;
40
+ }): React$1.JSX.Element;
41
41
  declare function useDirection(): DirectionContextType;
42
42
 
43
43
  declare function ClientProviders({ children }: {
44
- children: React.ReactNode;
45
- }): React.JSX.Element;
44
+ children: React$1.ReactNode;
45
+ }): React$1.JSX.Element;
46
46
 
47
47
  interface DesignSystemContextType {
48
48
  designTheme: Theme;
49
49
  setDesignTheme: (theme: Theme) => void;
50
50
  }
51
51
  interface DesignSystemProviderProps {
52
- children: React.ReactNode;
52
+ children: React$1.ReactNode;
53
53
  defaultTheme?: Theme;
54
54
  }
55
- declare function DesignSystemProvider({ children, defaultTheme }: DesignSystemProviderProps): React.JSX.Element;
55
+ declare function DesignSystemProvider({ children, defaultTheme }: DesignSystemProviderProps): React$1.JSX.Element;
56
56
  declare function useDesignSystem(): DesignSystemContextType;
57
57
 
58
- declare const Accordion: React.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React.RefAttributes<HTMLDivElement>>;
59
- declare const AccordionItem: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
60
- declare const AccordionTrigger: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
61
- declare const AccordionContent: React.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
58
+ declare const Accordion: React$1.ForwardRefExoticComponent<(AccordionPrimitive.AccordionSingleProps | AccordionPrimitive.AccordionMultipleProps) & React$1.RefAttributes<HTMLDivElement>>;
59
+ declare const AccordionItem: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
60
+ declare const AccordionTrigger: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
61
+ declare const AccordionContent: React$1.ForwardRefExoticComponent<Omit<AccordionPrimitive.AccordionContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
62
62
 
63
- declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
63
+ declare const Alert: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
64
64
  variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
65
- } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLDivElement>>;
66
- declare const AlertTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
67
- declare const AlertDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
65
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLDivElement>>;
66
+ declare const AlertTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
67
+ declare const AlertDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
68
68
 
69
- interface ArabicNumberProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof arabicNumberVariants> {
69
+ interface ArabicNumberProps extends React$1.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof arabicNumberVariants> {
70
70
  /** The number to display */
71
71
  value: number;
72
72
  /** Format type */
@@ -83,26 +83,65 @@ interface ArabicNumberProps extends React.HTMLAttributes<HTMLSpanElement>, Varia
83
83
  declare const arabicNumberVariants: (props?: ({
84
84
  variant?: "default" | "inline" | "badge" | null | undefined;
85
85
  } & class_variance_authority_types.ClassProp) | undefined) => string;
86
- declare const ArabicNumber: React.ForwardRefExoticComponent<ArabicNumberProps & React.RefAttributes<HTMLSpanElement>>;
86
+ declare const ArabicNumber: React$1.ForwardRefExoticComponent<ArabicNumberProps & React$1.RefAttributes<HTMLSpanElement>>;
87
87
 
88
- declare const Avatar: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
89
- declare const AvatarImage: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React.RefAttributes<HTMLImageElement>, "ref"> & React.RefAttributes<HTMLImageElement>>;
90
- declare const AvatarFallback: React.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
88
+ declare const Avatar: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
89
+ declare const AvatarImage: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarImageProps & React$1.RefAttributes<HTMLImageElement>, "ref"> & React$1.RefAttributes<HTMLImageElement>>;
90
+ declare const AvatarFallback: React$1.ForwardRefExoticComponent<Omit<AvatarPrimitive.AvatarFallbackProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
91
91
 
92
92
  declare const badgeVariants: (props?: ({
93
93
  variant?: "default" | "secondary" | "destructive" | "outline" | null | undefined;
94
94
  } & class_variance_authority_types.ClassProp) | undefined) => string;
95
- interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
95
+ interface BadgeProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof badgeVariants> {
96
96
  }
97
- declare function Badge({ className, variant, ...props }: BadgeProps): React.JSX.Element;
97
+ declare function Badge({ className, variant, ...props }: BadgeProps): React$1.JSX.Element;
98
+
99
+ interface BlockquoteProps {
100
+ children: React.ReactNode;
101
+ /** Quote author name */
102
+ author?: string;
103
+ /** Source/book/article title */
104
+ source?: string;
105
+ /** URL to the source */
106
+ cite?: string;
107
+ /** Visual variant */
108
+ variant?: 'default' | 'accent' | 'subtle';
109
+ /** Additional CSS classes */
110
+ className?: string;
111
+ }
112
+ /**
113
+ * Blockquote - Styled quote component with optional attribution
114
+ *
115
+ * Usage in MDX:
116
+ * <Blockquote author="Ibn Arabi" source="Fusus al-Hikam">
117
+ * The self is an ocean without a shore.
118
+ * </Blockquote>
119
+ */
120
+ declare function Blockquote({ children, author, source, cite, variant, className, }: BlockquoteProps): React$1.JSX.Element;
121
+ interface PullQuoteProps {
122
+ children: React.ReactNode;
123
+ /** Alignment of the pull quote */
124
+ align?: 'left' | 'center' | 'right';
125
+ /** Additional CSS classes */
126
+ className?: string;
127
+ }
128
+ /**
129
+ * PullQuote - Large, emphasized quote for highlighting key text
130
+ *
131
+ * Usage in MDX:
132
+ * <PullQuote align="center">
133
+ * The pen is mightier than the sword.
134
+ * </PullQuote>
135
+ */
136
+ declare function PullQuote({ children, align, className, }: PullQuoteProps): React$1.JSX.Element;
98
137
 
99
- declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLElement>>;
100
- declare const BreadcrumbList: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
101
- declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
102
- declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React.RefAttributes<HTMLAnchorElement>>;
103
- declare const BreadcrumbPage: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
138
+ declare const Breadcrumb: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React$1.RefAttributes<HTMLElement>>;
139
+ declare const BreadcrumbList: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.OlHTMLAttributes<HTMLOListElement>, HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
140
+ declare const BreadcrumbItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
141
+ declare const BreadcrumbLink: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & React$1.RefAttributes<HTMLAnchorElement>>;
142
+ declare const BreadcrumbPage: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
104
143
  declare const BreadcrumbSeparator: {
105
- ({ children, className, ...props }: React.ComponentProps<"li">): React.JSX.Element;
144
+ ({ children, className, ...props }: React$1.ComponentProps<"li">): React$1.JSX.Element;
106
145
  displayName: string;
107
146
  };
108
147
 
@@ -110,11 +149,63 @@ declare const buttonVariants: (props?: ({
110
149
  variant?: "link" | "primary" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined;
111
150
  size?: "sm" | "md" | "lg" | "xl" | "icon" | null | undefined;
112
151
  } & class_variance_authority_types.ClassProp) | undefined) => string;
113
- interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
152
+ interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
114
153
  asChild?: boolean;
115
154
  loading?: boolean;
116
155
  }
117
- declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
156
+ declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
157
+
158
+ /**
159
+ * Arrow direction semantics:
160
+ * - 'forward': Arrow points in the direction of progression (right in LTR, left in RTL)
161
+ * - 'back': Arrow points in the opposite direction (left in LTR, right in RTL)
162
+ */
163
+ type ArrowDirection = 'forward' | 'back';
164
+ /**
165
+ * Arrow icon style:
166
+ * - 'chevron': Uses chevron icons (< or >)
167
+ * - 'arrow': Uses arrow icons (← or →)
168
+ */
169
+ type ArrowIcon = 'chevron' | 'arrow';
170
+ interface ButtonArrowProps extends ButtonProps {
171
+ /** Direction of the arrow - 'forward' progresses, 'back' returns */
172
+ direction?: ArrowDirection;
173
+ /** Icon style - chevron or arrow */
174
+ icon?: ArrowIcon;
175
+ /** Position of the arrow relative to children */
176
+ iconPosition?: 'start' | 'end' | 'auto';
177
+ /** Size of the arrow icon */
178
+ iconSize?: 'sm' | 'md' | 'lg';
179
+ /** Hide the arrow icon (useful for conditional rendering) */
180
+ hideIcon?: boolean;
181
+ }
182
+ /**
183
+ * ButtonArrow - A button component with directional arrows that automatically
184
+ * handles RTL/LTR layouts using semantic directions.
185
+ *
186
+ * Uses Tailwind's `rtl:rotate-180` for automatic arrow mirroring in RTL contexts.
187
+ * The arrow direction is semantic (forward/back) rather than physical (left/right),
188
+ * making it work correctly in both LTR and RTL layouts.
189
+ *
190
+ * @example
191
+ * ```tsx
192
+ * // Forward button (arrow on the right in LTR, left in RTL)
193
+ * <ButtonArrow direction="forward">
194
+ * Continue
195
+ * </ButtonArrow>
196
+ *
197
+ * // Back button (arrow on the left in LTR, right in RTL)
198
+ * <ButtonArrow direction="back">
199
+ * Back to Blog
200
+ * </ButtonArrow>
201
+ *
202
+ * // With arrow style
203
+ * <ButtonArrow direction="forward" icon="arrow">
204
+ * Next Step
205
+ * </ButtonArrow>
206
+ * ```
207
+ */
208
+ declare const ButtonArrow: React$1.ForwardRefExoticComponent<ButtonArrowProps & React$1.RefAttributes<HTMLButtonElement>>;
118
209
 
119
210
  interface CalendarEvent {
120
211
  /** Event date */
@@ -129,7 +220,7 @@ interface DateRange {
129
220
  from: Date | undefined;
130
221
  to: Date | undefined;
131
222
  }
132
- interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
223
+ interface CalendarProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'> {
133
224
  /** Selection mode */
134
225
  mode?: SelectionMode;
135
226
  /** Selected date (single mode) */
@@ -156,21 +247,51 @@ interface CalendarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSe
156
247
  hijriDay: string;
157
248
  };
158
249
  }
159
- declare const Calendar: React.ForwardRefExoticComponent<CalendarProps & React.RefAttributes<HTMLDivElement>>;
250
+ declare const Calendar: React$1.ForwardRefExoticComponent<CalendarProps & React$1.RefAttributes<HTMLDivElement>>;
160
251
 
161
- declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
162
- declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
163
- declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLParagraphElement>>;
164
- declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
165
- declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
166
- declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
252
+ type CalloutType = 'info' | 'warning' | 'error' | 'success' | 'note';
253
+ interface CalloutProps {
254
+ children: React.ReactNode;
255
+ /** Type of callout - determines color and icon */
256
+ type?: CalloutType;
257
+ /** Optional title */
258
+ title?: string;
259
+ /** Custom icon to override the default */
260
+ icon?: LucideIcon;
261
+ /** Additional CSS classes */
262
+ className?: string;
263
+ }
264
+ /**
265
+ * Callout - Highlighted content box for tips, warnings, errors, etc.
266
+ *
267
+ * Usage in MDX:
268
+ * <Callout type="info" title="Did you know?">
269
+ * This is an informational callout.
270
+ * </Callout>
271
+ *
272
+ * <Callout type="warning">
273
+ * Be careful with this operation!
274
+ * </Callout>
275
+ */
276
+ declare function Callout({ children, type, title, icon: CustomIcon, className, }: CalloutProps): React$1.JSX.Element;
277
+ declare function InfoCallout({ children, title, ...props }: Omit<CalloutProps, 'type'>): React$1.JSX.Element;
278
+ declare function WarningCallout({ children, title, ...props }: Omit<CalloutProps, 'type'>): React$1.JSX.Element;
279
+ declare function ErrorCallout({ children, title, ...props }: Omit<CalloutProps, 'type'>): React$1.JSX.Element;
280
+ declare function SuccessCallout({ children, title, ...props }: Omit<CalloutProps, 'type'>): React$1.JSX.Element;
281
+
282
+ declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
283
+ declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
284
+ declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLHeadingElement> & React$1.RefAttributes<HTMLParagraphElement>>;
285
+ declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
286
+ declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
287
+ declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
167
288
 
168
289
  declare const chatMessageVariants: (props?: ({
169
290
  role?: "user" | "assistant" | "system" | null | undefined;
170
291
  variant?: "default" | "compact" | null | undefined;
171
292
  state?: "error" | "complete" | "streaming" | null | undefined;
172
293
  } & class_variance_authority_types.ClassProp) | undefined) => string;
173
- interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chatMessageVariants> {
294
+ interface ChatMessageProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof chatMessageVariants> {
174
295
  /**
175
296
  * The role/sender of the message
176
297
  */
@@ -212,21 +333,21 @@ interface ChatMessageProps extends React.HTMLAttributes<HTMLDivElement>, Variant
212
333
  */
213
334
  isRTL?: boolean;
214
335
  }
215
- declare const ChatMessage: React.ForwardRefExoticComponent<ChatMessageProps & React.RefAttributes<HTMLDivElement>>;
336
+ declare const ChatMessage: React$1.ForwardRefExoticComponent<ChatMessageProps & React$1.RefAttributes<HTMLDivElement>>;
216
337
 
217
- declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
338
+ declare const Checkbox: React$1.ForwardRefExoticComponent<Omit<CheckboxPrimitive.CheckboxProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
218
339
 
219
- declare const Collapsible: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React.RefAttributes<HTMLDivElement>>;
220
- declare const CollapsibleTrigger: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React.RefAttributes<HTMLButtonElement>>;
221
- declare const CollapsibleContent: React.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React.RefAttributes<HTMLDivElement>>;
340
+ declare const Collapsible: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleProps & React$1.RefAttributes<HTMLDivElement>>;
341
+ declare const CollapsibleTrigger: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
342
+ declare const CollapsibleContent: React$1.ForwardRefExoticComponent<CollapsiblePrimitive.CollapsibleContentProps & React$1.RefAttributes<HTMLDivElement>>;
222
343
 
223
- declare const Command: React.ForwardRefExoticComponent<Omit<{
224
- children?: React.ReactNode;
225
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
226
- ref?: React.Ref<HTMLDivElement>;
344
+ declare const Command: React$1.ForwardRefExoticComponent<Omit<{
345
+ children?: React$1.ReactNode;
346
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
347
+ ref?: React$1.Ref<HTMLDivElement>;
227
348
  } & {
228
349
  asChild?: boolean;
229
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
350
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
230
351
  label?: string;
231
352
  shouldFilter?: boolean;
232
353
  filter?: (value: string, search: string, keywords?: string[]) => number;
@@ -236,92 +357,147 @@ declare const Command: React.ForwardRefExoticComponent<Omit<{
236
357
  loop?: boolean;
237
358
  disablePointerSelection?: boolean;
238
359
  vimBindings?: boolean;
239
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
360
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
240
361
  interface CommandDialogProps extends DialogProps {
241
362
  }
242
- declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React.JSX.Element;
243
- declare const CommandInput: React.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>> & {
244
- ref?: React.Ref<HTMLInputElement>;
363
+ declare const CommandDialog: ({ children, ...props }: CommandDialogProps) => React$1.JSX.Element;
364
+ declare const CommandInput: React$1.ForwardRefExoticComponent<Omit<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>> & {
365
+ ref?: React$1.Ref<HTMLInputElement>;
245
366
  } & {
246
367
  asChild?: boolean;
247
- }, "asChild" | "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
368
+ }, "asChild" | "key" | keyof React$1.InputHTMLAttributes<HTMLInputElement>>, "value" | "type" | "onChange"> & {
248
369
  value?: string;
249
370
  onValueChange?: (search: string) => void;
250
- } & React.RefAttributes<HTMLInputElement>, "ref"> & React.RefAttributes<HTMLInputElement>>;
251
- declare const CommandList: React.ForwardRefExoticComponent<Omit<{
252
- children?: React.ReactNode;
253
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
254
- ref?: React.Ref<HTMLDivElement>;
371
+ } & React$1.RefAttributes<HTMLInputElement>, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
372
+ declare const CommandList: React$1.ForwardRefExoticComponent<Omit<{
373
+ children?: React$1.ReactNode;
374
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
375
+ ref?: React$1.Ref<HTMLDivElement>;
255
376
  } & {
256
377
  asChild?: boolean;
257
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
378
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
258
379
  label?: string;
259
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
260
- declare const CommandEmpty: React.ForwardRefExoticComponent<Omit<{
261
- children?: React.ReactNode;
262
- } & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
263
- ref?: React.Ref<HTMLDivElement>;
380
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
381
+ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
382
+ children?: React$1.ReactNode;
383
+ } & Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
384
+ ref?: React$1.Ref<HTMLDivElement>;
264
385
  } & {
265
386
  asChild?: boolean;
266
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
267
- declare const CommandGroup: React.ForwardRefExoticComponent<Omit<{
268
- children?: React.ReactNode;
269
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
270
- ref?: React.Ref<HTMLDivElement>;
387
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
388
+ declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
389
+ children?: React$1.ReactNode;
390
+ } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
391
+ ref?: React$1.Ref<HTMLDivElement>;
271
392
  } & {
272
393
  asChild?: boolean;
273
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
274
- heading?: React.ReactNode;
394
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key">, "value" | "heading"> & {
395
+ heading?: React$1.ReactNode;
275
396
  value?: string;
276
397
  forceMount?: boolean;
277
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
278
- declare const CommandSeparator: React.ForwardRefExoticComponent<Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
279
- ref?: React.Ref<HTMLDivElement>;
398
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
399
+ declare const CommandSeparator: React$1.ForwardRefExoticComponent<Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
400
+ ref?: React$1.Ref<HTMLDivElement>;
280
401
  } & {
281
402
  asChild?: boolean;
282
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
403
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
283
404
  alwaysRender?: boolean;
284
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
285
- declare const CommandItem: React.ForwardRefExoticComponent<Omit<{
286
- children?: React.ReactNode;
287
- } & Omit<Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement> | "key"> & {
288
- ref?: React.Ref<HTMLDivElement>;
405
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
406
+ declare const CommandItem: React$1.ForwardRefExoticComponent<Omit<{
407
+ children?: React$1.ReactNode;
408
+ } & Omit<Pick<Pick<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof React$1.HTMLAttributes<HTMLDivElement> | "key"> & {
409
+ ref?: React$1.Ref<HTMLDivElement>;
289
410
  } & {
290
411
  asChild?: boolean;
291
- }, "asChild" | keyof React.HTMLAttributes<HTMLDivElement> | "key">, "value" | "disabled" | "onSelect"> & {
412
+ }, "asChild" | keyof React$1.HTMLAttributes<HTMLDivElement> | "key">, "value" | "disabled" | "onSelect"> & {
292
413
  disabled?: boolean;
293
414
  onSelect?: (value: string) => void;
294
415
  value?: string;
295
416
  keywords?: string[];
296
417
  forceMount?: boolean;
297
- } & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
418
+ } & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
298
419
  declare const CommandShortcut: {
299
- ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
420
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
300
421
  displayName: string;
301
422
  };
302
423
 
303
- declare const ContextMenu: React.FC<React.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>>;
304
- declare const ContextMenuTrigger: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React.RefAttributes<HTMLSpanElement>>;
305
- declare const ContextMenuGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
306
- declare const ContextMenuPortal: React.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
307
- declare const ContextMenuSub: React.FC<ContextMenuPrimitive.ContextMenuSubProps>;
308
- declare const ContextMenuRadioGroup: React.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
309
- declare const ContextMenuSubTrigger: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
424
+ interface ContentRendererProps {
425
+ /**
426
+ * Content to render
427
+ */
428
+ content: string;
429
+ /**
430
+ * Content format
431
+ * - markdown: Rendered markdown HTML
432
+ * - html: Raw HTML
433
+ * - text: Plain text
434
+ */
435
+ format?: 'markdown' | 'html' | 'text';
436
+ /**
437
+ * Text direction
438
+ * - auto: Browser detects based on content (recommended)
439
+ * - ltr: Force left-to-right
440
+ * - rtl: Force right-to-left
441
+ */
442
+ dir?: 'auto' | 'ltr' | 'rtl';
443
+ /**
444
+ * Enable syntax highlighting for code blocks
445
+ * Default: true
446
+ */
447
+ enableCodeHighlight?: boolean;
448
+ /**
449
+ * Enable GitHub Flavored Markdown
450
+ * Default: true
451
+ */
452
+ enableGFM?: boolean;
453
+ /**
454
+ * Additional class name
455
+ */
456
+ className?: string;
457
+ }
458
+ /**
459
+ * ContentRenderer component
460
+ *
461
+ * Renders markdown/HTML content with automatic RTL/LTR detection
462
+ * and proper code block handling.
463
+ *
464
+ * Features:
465
+ * - Automatic bidirectional text support (dir="auto")
466
+ * - Code blocks always LTR
467
+ * - Prose styling for typography
468
+ * - XSS protection (sanitization handled by server)
469
+ *
470
+ * @example
471
+ * <ContentRenderer
472
+ * content={comment.contentHtml}
473
+ * format="html"
474
+ * dir="auto"
475
+ * />
476
+ */
477
+ declare function ContentRenderer({ content, format, dir, enableCodeHighlight, enableGFM, className, }: ContentRendererProps): React$1.JSX.Element;
478
+
479
+ declare const ContextMenu: React$1.FC<React$1.ComponentPropsWithoutRef<typeof ContextMenuPrimitive.Root>>;
480
+ declare const ContextMenuTrigger: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuTriggerProps & React$1.RefAttributes<HTMLSpanElement>>;
481
+ declare const ContextMenuGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
482
+ declare const ContextMenuPortal: React$1.FC<ContextMenuPrimitive.ContextMenuPortalProps>;
483
+ declare const ContextMenuSub: React$1.FC<ContextMenuPrimitive.ContextMenuSubProps>;
484
+ declare const ContextMenuRadioGroup: React$1.ForwardRefExoticComponent<ContextMenuPrimitive.ContextMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
485
+ declare const ContextMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
310
486
  inset?: boolean;
311
- } & React.RefAttributes<HTMLDivElement>>;
312
- declare const ContextMenuSubContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
313
- declare const ContextMenuContent: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
314
- declare const ContextMenuItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
487
+ } & React$1.RefAttributes<HTMLDivElement>>;
488
+ declare const ContextMenuSubContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
489
+ declare const ContextMenuContent: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
490
+ declare const ContextMenuItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
315
491
  inset?: boolean;
316
- } & React.RefAttributes<HTMLDivElement>>;
317
- declare const ContextMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
318
- declare const ContextMenuRadioItem: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
319
- declare const ContextMenuLabel: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
492
+ } & React$1.RefAttributes<HTMLDivElement>>;
493
+ declare const ContextMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
494
+ declare const ContextMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
495
+ declare const ContextMenuLabel: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
320
496
  inset?: boolean;
321
- } & React.RefAttributes<HTMLDivElement>>;
322
- declare const ContextMenuSeparator: React.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
497
+ } & React$1.RefAttributes<HTMLDivElement>>;
498
+ declare const ContextMenuSeparator: React$1.ForwardRefExoticComponent<Omit<ContextMenuPrimitive.ContextMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
323
499
  declare const ContextMenuShortcut: {
324
- ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
500
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
325
501
  displayName: string;
326
502
  };
327
503
 
@@ -339,7 +515,7 @@ interface Conversation {
339
515
  messageCount?: number;
340
516
  isActive?: boolean;
341
517
  }
342
- interface ConversationHistoryProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'>, VariantProps<typeof conversationHistoryVariants> {
518
+ interface ConversationHistoryProps extends Omit<React$1.HTMLAttributes<HTMLDivElement>, 'onSelect'>, VariantProps<typeof conversationHistoryVariants> {
343
519
  /**
344
520
  * List of conversations
345
521
  */
@@ -385,7 +561,7 @@ interface ConversationHistoryProps extends Omit<React.HTMLAttributes<HTMLDivElem
385
561
  */
386
562
  titleAr?: string;
387
563
  }
388
- declare const ConversationHistory: React.ForwardRefExoticComponent<ConversationHistoryProps & React.RefAttributes<HTMLDivElement>>;
564
+ declare const ConversationHistory: React$1.ForwardRefExoticComponent<ConversationHistoryProps & React$1.RefAttributes<HTMLDivElement>>;
389
565
 
390
566
  interface Notification {
391
567
  id: string;
@@ -399,7 +575,7 @@ interface Notification {
399
575
  timestamp?: string;
400
576
  type?: 'info' | 'success' | 'warning' | 'error' | 'comment';
401
577
  read?: boolean;
402
- icon?: React.ReactNode;
578
+ icon?: React$1.ReactNode;
403
579
  avatar?: string;
404
580
  }
405
581
  interface NotificationCenterProps {
@@ -412,18 +588,18 @@ interface NotificationCenterProps {
412
588
  className?: string;
413
589
  maxHeight?: string;
414
590
  }
415
- declare const NotificationCenter: React.ForwardRefExoticComponent<NotificationCenterProps & React.RefAttributes<HTMLButtonElement>>;
591
+ declare const NotificationCenter: React$1.ForwardRefExoticComponent<NotificationCenterProps & React$1.RefAttributes<HTMLButtonElement>>;
416
592
 
417
593
  interface NavItem {
418
594
  title: string;
419
595
  titleAr: string;
420
596
  href: string;
421
- icon?: React.ReactNode;
597
+ icon?: React$1.ReactNode;
422
598
  badge?: string | number;
423
599
  disabled?: boolean;
424
600
  }
425
601
  interface DashboardShellProps {
426
- children: React.ReactNode;
602
+ children: React$1.ReactNode;
427
603
  navItems?: NavItem[];
428
604
  user?: {
429
605
  name?: string;
@@ -443,21 +619,21 @@ interface DashboardShellProps {
443
619
  onMarkAllAsRead?: () => void;
444
620
  onClearAll?: () => void;
445
621
  onRemove?: (id: string) => void;
446
- logo?: React.ReactNode;
622
+ logo?: React$1.ReactNode;
447
623
  logoHref?: string;
448
624
  sidebarWidth?: string;
449
625
  className?: string;
450
626
  /**
451
627
  * Custom actions to display in the header (before notifications and user menu)
452
628
  */
453
- headerActions?: React.ReactNode;
629
+ headerActions?: React$1.ReactNode;
454
630
  /**
455
631
  * Use relative positioning instead of fixed (useful for embedded examples)
456
632
  * @default false
457
633
  */
458
634
  relative?: boolean;
459
635
  }
460
- declare function DashboardShell({ children, navItems, user, notifications, onProfileClick, onSettingsClick, onBillingClick, onTeamClick, onSupportClick, onLogout, onNotificationClick, onMarkAsRead, onMarkAllAsRead, onClearAll, onRemove, logo, logoHref, sidebarWidth, className, headerActions, relative, }: DashboardShellProps): React.JSX.Element;
636
+ declare function DashboardShell({ children, navItems, user, notifications, onProfileClick, onSettingsClick, onBillingClick, onTeamClick, onSupportClick, onLogout, onNotificationClick, onMarkAsRead, onMarkAllAsRead, onClearAll, onRemove, logo, logoHref, sidebarWidth, className, headerActions, relative, }: DashboardShellProps): React$1.JSX.Element;
461
637
 
462
638
  type SortDirection = 'asc' | 'desc' | null;
463
639
  interface ColumnDef<T> {
@@ -465,7 +641,7 @@ interface ColumnDef<T> {
465
641
  header: string;
466
642
  headerAr?: string;
467
643
  accessorKey: keyof T;
468
- cell?: (row: T) => React.ReactNode;
644
+ cell?: (row: T) => React$1.ReactNode;
469
645
  sortable?: boolean;
470
646
  filterable?: boolean;
471
647
  align?: 'start' | 'center' | 'end';
@@ -497,7 +673,7 @@ interface DataTableProps<T> {
497
673
  hoverable?: boolean;
498
674
  compact?: boolean;
499
675
  }
500
- declare function DataTable<T>({ data, columns, isLoading, sortBy, sortDirection, onSort, searchable, searchPlaceholder, searchPlaceholderAr, searchValue, onSearchChange, pagination, currentPage, totalPages, pageSize, onPageChange, mobileView, emptyMessage, emptyMessageAr, className, striped, hoverable, compact, }: DataTableProps<T>): React.JSX.Element;
676
+ declare function DataTable<T>({ data, columns, isLoading, sortBy, sortDirection, onSort, searchable, searchPlaceholder, searchPlaceholderAr, searchValue, onSearchChange, pagination, currentPage, totalPages, pageSize, onPageChange, mobileView, emptyMessage, emptyMessageAr, className, striped, hoverable, compact, }: DataTableProps<T>): React$1.JSX.Element;
501
677
 
502
678
  interface DatePickerProps {
503
679
  date?: Date;
@@ -527,58 +703,58 @@ interface DatePickerProps {
527
703
  */
528
704
  showHijri?: boolean;
529
705
  }
530
- declare function DatePicker({ date, onDateChange, placeholder, placeholderAr, disabled, className, formatDate, minDate, maxDate, disabledDates, showHijri, }: DatePickerProps): React.JSX.Element;
531
-
532
- declare const Dialog: React.FC<DialogPrimitive.DialogProps>;
533
- declare const DialogTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
534
- declare const DialogPortal: React.FC<DialogPrimitive.DialogPortalProps>;
535
- declare const DialogClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
536
- declare const DialogOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
537
- declare const DialogContent: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
706
+ declare function DatePicker({ date, onDateChange, placeholder, placeholderAr, disabled, className, formatDate, minDate, maxDate, disabledDates, showHijri, }: DatePickerProps): React$1.JSX.Element;
707
+
708
+ declare const Dialog: React$1.FC<DialogPrimitive.DialogProps>;
709
+ declare const DialogTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
710
+ declare const DialogPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
711
+ declare const DialogClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
712
+ declare const DialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
713
+ declare const DialogContent: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
538
714
  declare const DialogHeader: {
539
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
715
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
540
716
  displayName: string;
541
717
  };
542
718
  declare const DialogFooter: {
543
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
719
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
544
720
  displayName: string;
545
721
  };
546
- declare const DialogTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
547
- declare const DialogDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
548
-
549
- declare const DropdownMenu: React.FC<React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>>;
550
- declare const DropdownMenuTrigger: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React.RefAttributes<HTMLButtonElement>>;
551
- declare const DropdownMenuGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React.RefAttributes<HTMLDivElement>>;
552
- declare const DropdownMenuPortal: React.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
553
- declare const DropdownMenuSub: React.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
554
- declare const DropdownMenuRadioGroup: React.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React.RefAttributes<HTMLDivElement>>;
555
- declare const DropdownMenuSubTrigger: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
722
+ declare const DialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
723
+ declare const DialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
724
+
725
+ declare const DropdownMenu: React$1.FC<React$1.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Root>>;
726
+ declare const DropdownMenuTrigger: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
727
+ declare const DropdownMenuGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuGroupProps & React$1.RefAttributes<HTMLDivElement>>;
728
+ declare const DropdownMenuPortal: React$1.FC<DropdownMenuPrimitive.DropdownMenuPortalProps>;
729
+ declare const DropdownMenuSub: React$1.FC<DropdownMenuPrimitive.DropdownMenuSubProps>;
730
+ declare const DropdownMenuRadioGroup: React$1.ForwardRefExoticComponent<DropdownMenuPrimitive.DropdownMenuRadioGroupProps & React$1.RefAttributes<HTMLDivElement>>;
731
+ declare const DropdownMenuSubTrigger: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubTriggerProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
556
732
  inset?: boolean;
557
- } & React.RefAttributes<HTMLDivElement>>;
558
- declare const DropdownMenuSubContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
559
- declare const DropdownMenuContent: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
560
- declare const DropdownMenuItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
733
+ } & React$1.RefAttributes<HTMLDivElement>>;
734
+ declare const DropdownMenuSubContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSubContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
735
+ declare const DropdownMenuContent: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
736
+ declare const DropdownMenuItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
561
737
  inset?: boolean;
562
- } & React.RefAttributes<HTMLDivElement>>;
563
- declare const DropdownMenuCheckboxItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
564
- declare const DropdownMenuRadioItem: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
565
- declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
738
+ } & React$1.RefAttributes<HTMLDivElement>>;
739
+ declare const DropdownMenuCheckboxItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuCheckboxItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
740
+ declare const DropdownMenuRadioItem: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuRadioItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
741
+ declare const DropdownMenuLabel: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & {
566
742
  inset?: boolean;
567
- } & React.RefAttributes<HTMLDivElement>>;
568
- declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
743
+ } & React$1.RefAttributes<HTMLDivElement>>;
744
+ declare const DropdownMenuSeparator: React$1.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
569
745
  declare const DropdownMenuShortcut: {
570
- ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
746
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLSpanElement>): React$1.JSX.Element;
571
747
  displayName: string;
572
748
  };
573
749
 
574
750
  interface EmptyStateProps {
575
- icon?: React.ReactNode;
751
+ icon?: React$1.ReactNode;
576
752
  title: string;
577
753
  description?: string;
578
- action?: React.ReactNode;
754
+ action?: React$1.ReactNode;
579
755
  className?: string;
580
756
  }
581
- declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): React.JSX.Element;
757
+ declare function EmptyState({ icon, title, description, action, className, }: EmptyStateProps): React$1.JSX.Element;
582
758
  declare namespace EmptyState {
583
759
  var displayName: string;
584
760
  }
@@ -590,7 +766,7 @@ interface FeatureCardProps {
590
766
  href?: string;
591
767
  className?: string;
592
768
  }
593
- declare function FeatureCard({ title, description, icon: Icon, href, className, }: FeatureCardProps): React.JSX.Element;
769
+ declare function FeatureCard({ title, description, icon: Icon, href, className, }: FeatureCardProps): React$1.JSX.Element;
594
770
  declare namespace FeatureCard {
595
771
  var displayName: string;
596
772
  }
@@ -606,14 +782,14 @@ interface FileUploadProps {
606
782
  className?: string;
607
783
  value?: File[];
608
784
  }
609
- declare const FileUpload: React.ForwardRefExoticComponent<FileUploadProps & React.RefAttributes<HTMLInputElement>>;
785
+ declare const FileUpload: React$1.ForwardRefExoticComponent<FileUploadProps & React$1.RefAttributes<HTMLInputElement>>;
610
786
 
611
- interface FormProps extends React.FormHTMLAttributes<HTMLFormElement> {
787
+ interface FormProps extends React$1.FormHTMLAttributes<HTMLFormElement> {
612
788
  initialValues?: Record<string, any>;
613
789
  validators?: Record<string, (value: any) => string | undefined>;
614
790
  onSubmit: (values: Record<string, any>) => void | Promise<void>;
615
791
  }
616
- declare const Form: React.ForwardRefExoticComponent<FormProps & React.RefAttributes<HTMLFormElement>>;
792
+ declare const Form: React$1.ForwardRefExoticComponent<FormProps & React$1.RefAttributes<HTMLFormElement>>;
617
793
  interface FormFieldProps {
618
794
  name: string;
619
795
  children: (props: {
@@ -625,19 +801,19 @@ interface FormFieldProps {
625
801
  };
626
802
  error?: string;
627
803
  touched: boolean;
628
- }) => React.ReactNode;
804
+ }) => React$1.ReactNode;
629
805
  }
630
- declare const FormField: React.FC<FormFieldProps>;
631
- declare const FormItem: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
632
- declare const FormLabel: React.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_label.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & class_variance_authority.VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>, "ref"> & {
806
+ declare const FormField: React$1.FC<FormFieldProps>;
807
+ declare const FormItem: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
808
+ declare const FormLabel: React$1.ForwardRefExoticComponent<Omit<Omit<_radix_ui_react_label.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & class_variance_authority.VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>, "ref"> & {
633
809
  required?: boolean;
634
- } & React.RefAttributes<HTMLLabelElement>>;
635
- declare const FormMessage: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & {
810
+ } & React$1.RefAttributes<HTMLLabelElement>>;
811
+ declare const FormMessage: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & {
636
812
  error?: string;
637
- } & React.RefAttributes<HTMLParagraphElement>>;
638
- declare const FormDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
813
+ } & React$1.RefAttributes<HTMLParagraphElement>>;
814
+ declare const FormDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLParagraphElement> & React$1.RefAttributes<HTMLParagraphElement>>;
639
815
 
640
- interface HijriDateProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof hijriDateVariants> {
816
+ interface HijriDateProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof hijriDateVariants> {
641
817
  /** Gregorian date in English (e.g., "November 6, 2025") */
642
818
  gregorianDate: string;
643
819
  /** Gregorian date in Arabic (optional, for RTL display) */
@@ -656,13 +832,45 @@ interface HijriDateProps extends React.HTMLAttributes<HTMLDivElement>, VariantPr
656
832
  declare const hijriDateVariants: (props?: ({
657
833
  variant?: "default" | "compact" | "badge" | "detailed" | null | undefined;
658
834
  } & class_variance_authority_types.ClassProp) | undefined) => string;
659
- declare const HijriDate: React.ForwardRefExoticComponent<HijriDateProps & React.RefAttributes<HTMLDivElement>>;
835
+ declare const HijriDate: React$1.ForwardRefExoticComponent<HijriDateProps & React$1.RefAttributes<HTMLDivElement>>;
660
836
 
661
- interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
837
+ interface InputProps extends React$1.InputHTMLAttributes<HTMLInputElement> {
662
838
  }
663
- declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
839
+ declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
664
840
 
665
- declare const Label: React.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React.RefAttributes<HTMLLabelElement>>;
841
+ interface KbdProps extends React$1.HTMLAttributes<HTMLElement> {
842
+ /**
843
+ * Array of keys to display
844
+ * Use 'mod' for Cmd/Ctrl (platform-aware)
845
+ * @example ['mod', 'enter'] -> ⌘↵ on Mac, Ctrl↵ on Windows
846
+ */
847
+ keys?: string[];
848
+ /**
849
+ * Variant style
850
+ */
851
+ variant?: 'default' | 'outline' | 'ghost';
852
+ /**
853
+ * Size
854
+ */
855
+ size?: 'sm' | 'md' | 'lg';
856
+ }
857
+ /**
858
+ * Kbd component for displaying keyboard shortcuts
859
+ *
860
+ * Features:
861
+ * - Platform-aware (⌘ on Mac, Ctrl on Windows/Linux)
862
+ * - RTL/LTR support
863
+ * - Multiple variants
864
+ * - Key combination support
865
+ *
866
+ * @example
867
+ * <Kbd keys={['mod', 'enter']} />
868
+ * <Kbd keys={['esc']} />
869
+ * <Kbd keys={['shift', 'k']} />
870
+ */
871
+ declare function Kbd({ keys, variant, size, className, children, ...props }: KbdProps): React$1.JSX.Element;
872
+
873
+ declare const Label: React$1.ForwardRefExoticComponent<Omit<_radix_ui_react_label.LabelProps & React$1.RefAttributes<HTMLLabelElement>, "ref"> & VariantProps<(props?: class_variance_authority_types.ClassProp | undefined) => string> & React$1.RefAttributes<HTMLLabelElement>>;
666
874
 
667
875
  interface ListingCardBadge {
668
876
  label: string;
@@ -683,7 +891,7 @@ interface ListingCardTag {
683
891
  label: string;
684
892
  variant?: 'default' | 'secondary' | 'outline';
685
893
  }
686
- interface ListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
894
+ interface ListingCardProps extends React$1.HTMLAttributes<HTMLDivElement> {
687
895
  /**
688
896
  * Main title of the listing
689
897
  */
@@ -691,7 +899,7 @@ interface ListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
691
899
  /**
692
900
  * Subtitle or location text
693
901
  */
694
- subtitle?: string | React.ReactNode;
902
+ subtitle?: string | React$1.ReactNode;
695
903
  /**
696
904
  * Short description
697
905
  */
@@ -699,11 +907,11 @@ interface ListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
699
907
  /**
700
908
  * Price or main value to display
701
909
  */
702
- price?: string | React.ReactNode;
910
+ price?: string | React$1.ReactNode;
703
911
  /**
704
912
  * Image URL or custom image component
705
913
  */
706
- image?: string | React.ReactNode;
914
+ image?: string | React$1.ReactNode;
707
915
  /**
708
916
  * Icon to show as placeholder when no image provided
709
917
  */
@@ -757,16 +965,16 @@ interface ListingCardProps extends React.HTMLAttributes<HTMLDivElement> {
757
965
  */
758
966
  hoverEffect?: boolean;
759
967
  }
760
- declare const ListingCard: React.ForwardRefExoticComponent<ListingCardProps & React.RefAttributes<HTMLDivElement>>;
968
+ declare const ListingCard: React$1.ForwardRefExoticComponent<ListingCardProps & React$1.RefAttributes<HTMLDivElement>>;
761
969
 
762
- interface LoadingSpinnerProps extends React.HTMLAttributes<HTMLDivElement> {
970
+ interface LoadingSpinnerProps extends React$1.HTMLAttributes<HTMLDivElement> {
763
971
  size?: 'sm' | 'md' | 'lg';
764
972
  text?: string;
765
973
  }
766
- declare function LoadingSpinnerComponent({ size, text, className, ...props }: LoadingSpinnerProps): React.JSX.Element;
767
- declare const LoadingSpinner: React.MemoExoticComponent<typeof LoadingSpinnerComponent>;
974
+ declare function LoadingSpinnerComponent({ size, text, className, ...props }: LoadingSpinnerProps): React$1.JSX.Element;
975
+ declare const LoadingSpinner: React$1.MemoExoticComponent<typeof LoadingSpinnerComponent>;
768
976
 
769
- interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
977
+ interface MessageActionsProps extends React$1.HTMLAttributes<HTMLDivElement> {
770
978
  /**
771
979
  * Show copy button
772
980
  */
@@ -828,7 +1036,7 @@ interface MessageActionsProps extends React.HTMLAttributes<HTMLDivElement> {
828
1036
  */
829
1037
  compact?: boolean;
830
1038
  }
831
- declare const MessageActions: React.ForwardRefExoticComponent<MessageActionsProps & React.RefAttributes<HTMLDivElement>>;
1039
+ declare const MessageActions: React$1.ForwardRefExoticComponent<MessageActionsProps & React$1.RefAttributes<HTMLDivElement>>;
832
1040
 
833
1041
  interface AIModel {
834
1042
  id: string;
@@ -879,9 +1087,9 @@ interface ModelSelectorProps {
879
1087
  */
880
1088
  className?: string;
881
1089
  }
882
- declare const ModelSelector: React.ForwardRefExoticComponent<ModelSelectorProps & React.RefAttributes<HTMLButtonElement>>;
1090
+ declare const ModelSelector: React$1.ForwardRefExoticComponent<ModelSelectorProps & React$1.RefAttributes<HTMLButtonElement>>;
883
1091
 
884
- interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
1092
+ interface NumberInputProps extends Omit<React$1.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange'> {
885
1093
  value?: number;
886
1094
  defaultValue?: number;
887
1095
  onChange?: (value: number | undefined) => void;
@@ -898,31 +1106,31 @@ interface NumberInputProps extends Omit<React.InputHTMLAttributes<HTMLInputEleme
898
1106
  thousandsSeparator?: string | boolean;
899
1107
  decimalSeparator?: string;
900
1108
  }
901
- declare const NumberInput: React.ForwardRefExoticComponent<NumberInputProps & React.RefAttributes<HTMLInputElement>>;
1109
+ declare const NumberInput: React$1.ForwardRefExoticComponent<NumberInputProps & React$1.RefAttributes<HTMLInputElement>>;
902
1110
 
903
1111
  declare const Pagination: {
904
- ({ className, ...props }: React.ComponentProps<"nav">): React.JSX.Element;
1112
+ ({ className, ...props }: React$1.ComponentProps<"nav">): React$1.JSX.Element;
905
1113
  displayName: string;
906
1114
  };
907
- declare const PaginationContent: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React.RefAttributes<HTMLUListElement>>;
908
- declare const PaginationItem: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React.RefAttributes<HTMLLIElement>>;
1115
+ declare const PaginationContent: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLUListElement>, HTMLUListElement>, "ref"> & React$1.RefAttributes<HTMLUListElement>>;
1116
+ declare const PaginationItem: React$1.ForwardRefExoticComponent<Omit<React$1.DetailedHTMLProps<React$1.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & React$1.RefAttributes<HTMLLIElement>>;
909
1117
  type PaginationLinkProps = {
910
1118
  isActive?: boolean;
911
- } & Pick<ButtonProps, 'size'> & React.ComponentProps<'a'>;
1119
+ } & Pick<ButtonProps, 'size'> & React$1.ComponentProps<'a'>;
912
1120
  declare const PaginationLink: {
913
- ({ className, isActive, size, children, ...props }: PaginationLinkProps): React.JSX.Element;
1121
+ ({ className, isActive, size, children, ...props }: PaginationLinkProps): React$1.JSX.Element;
914
1122
  displayName: string;
915
1123
  };
916
1124
  declare const PaginationPrevious: {
917
- ({ className, children, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
1125
+ ({ className, children, ...props }: React$1.ComponentProps<typeof PaginationLink>): React$1.JSX.Element;
918
1126
  displayName: string;
919
1127
  };
920
1128
  declare const PaginationNext: {
921
- ({ className, children, ...props }: React.ComponentProps<typeof PaginationLink>): React.JSX.Element;
1129
+ ({ className, children, ...props }: React$1.ComponentProps<typeof PaginationLink>): React$1.JSX.Element;
922
1130
  displayName: string;
923
1131
  };
924
1132
  declare const PaginationEllipsis: {
925
- ({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
1133
+ ({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
926
1134
  displayName: string;
927
1135
  };
928
1136
 
@@ -991,11 +1199,11 @@ interface ParameterSliderProps {
991
1199
  */
992
1200
  className?: string;
993
1201
  }
994
- declare const ParameterSlider: React.ForwardRefExoticComponent<ParameterSliderProps & React.RefAttributes<HTMLDivElement>>;
1202
+ declare const ParameterSlider: React$1.ForwardRefExoticComponent<ParameterSliderProps & React$1.RefAttributes<HTMLDivElement>>;
995
1203
 
996
- declare const Popover: React.FC<PopoverPrimitive.PopoverProps>;
997
- declare const PopoverTrigger: React.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React.RefAttributes<HTMLButtonElement>>;
998
- declare const PopoverContent: React.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1204
+ declare const Popover: React$1.FC<PopoverPrimitive.PopoverProps>;
1205
+ declare const PopoverTrigger: React$1.ForwardRefExoticComponent<PopoverPrimitive.PopoverTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1206
+ declare const PopoverContent: React$1.ForwardRefExoticComponent<Omit<PopoverPrimitive.PopoverContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
999
1207
 
1000
1208
  interface Prayer {
1001
1209
  /** Prayer name in English */
@@ -1005,7 +1213,7 @@ interface Prayer {
1005
1213
  /** Prayer time (e.g., "04:45 AM" or "04:45") */
1006
1214
  time: string;
1007
1215
  }
1008
- interface PrayerTimesProps extends React.HTMLAttributes<HTMLDivElement> {
1216
+ interface PrayerTimesProps extends React$1.HTMLAttributes<HTMLDivElement> {
1009
1217
  /** Array of prayer times */
1010
1218
  prayers: Prayer[];
1011
1219
  /** Name of the next prayer to highlight */
@@ -1029,14 +1237,14 @@ interface PrayerTimesProps extends React.HTMLAttributes<HTMLDivElement> {
1029
1237
  /** Callback when play adhan is clicked (notification variant only) */
1030
1238
  onPlayAdhan?: () => void;
1031
1239
  }
1032
- declare const PrayerTimes: React.ForwardRefExoticComponent<PrayerTimesProps & React.RefAttributes<HTMLDivElement>>;
1240
+ declare const PrayerTimes: React$1.ForwardRefExoticComponent<PrayerTimesProps & React$1.RefAttributes<HTMLDivElement>>;
1033
1241
 
1034
- interface ProgressProps extends React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
1242
+ interface ProgressProps extends React$1.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root> {
1035
1243
  indicatorClassName?: string;
1036
1244
  }
1037
- declare const Progress: React.ForwardRefExoticComponent<ProgressProps & React.RefAttributes<HTMLDivElement>>;
1245
+ declare const Progress: React$1.ForwardRefExoticComponent<ProgressProps & React$1.RefAttributes<HTMLDivElement>>;
1038
1246
 
1039
- interface PromptInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
1247
+ interface PromptInputProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
1040
1248
  /**
1041
1249
  * Callback when send button is clicked or Enter is pressed
1042
1250
  */
@@ -1082,10 +1290,68 @@ interface PromptInputProps extends React.TextareaHTMLAttributes<HTMLTextAreaElem
1082
1290
  */
1083
1291
  placeholderAr?: string;
1084
1292
  }
1085
- declare const PromptInput: React.ForwardRefExoticComponent<PromptInputProps & React.RefAttributes<HTMLTextAreaElement>>;
1293
+ declare const PromptInput: React$1.ForwardRefExoticComponent<PromptInputProps & React$1.RefAttributes<HTMLTextAreaElement>>;
1086
1294
 
1087
- declare const RadioGroup: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1088
- declare const RadioGroupItem: React.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1295
+ declare const RadioGroup: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1296
+ declare const RadioGroupItem: React$1.ForwardRefExoticComponent<Omit<RadioGroupPrimitive.RadioGroupItemProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1297
+
1298
+ interface Reaction {
1299
+ emoji: string;
1300
+ count: number;
1301
+ hasReacted: boolean;
1302
+ }
1303
+ interface ReactionPickerProps {
1304
+ /**
1305
+ * Current reactions with counts and user's reaction status
1306
+ */
1307
+ reactions: Reaction[];
1308
+ /**
1309
+ * Display variant
1310
+ * - compact: LinkedIn-style merged display `[👍❤️💡 20]`
1311
+ * - expanded: Discord-style separated `[👍 12] [❤️ 5]`
1312
+ */
1313
+ variant?: 'compact' | 'expanded';
1314
+ /**
1315
+ * Available reactions to choose from
1316
+ * Default: ['👍', '❤️', '💡', '🚀', '🎉', '👀']
1317
+ */
1318
+ availableReactions?: string[];
1319
+ /**
1320
+ * Maximum number of emoji types to show in compact mode
1321
+ * Default: 3
1322
+ */
1323
+ maxVisible?: number;
1324
+ /**
1325
+ * Callback when user reacts/unreacts
1326
+ */
1327
+ onReact: (emoji: string) => void;
1328
+ /**
1329
+ * Accessibility label
1330
+ */
1331
+ ariaLabel?: string;
1332
+ /**
1333
+ * Additional class name
1334
+ */
1335
+ className?: string;
1336
+ }
1337
+ /**
1338
+ * ReactionPicker component for emoji reactions
1339
+ *
1340
+ * Supports two display modes:
1341
+ * - Compact (LinkedIn-style): Shows top 3 emojis with total count
1342
+ * - Expanded (Discord-style): Shows each reaction separately
1343
+ *
1344
+ * @example
1345
+ * <ReactionPicker
1346
+ * reactions={[
1347
+ * { emoji: '👍', count: 12, hasReacted: false },
1348
+ * { emoji: '❤️', count: 5, hasReacted: true },
1349
+ * ]}
1350
+ * variant="compact"
1351
+ * onReact={(emoji) => console.log('Reacted with', emoji)}
1352
+ * />
1353
+ */
1354
+ declare function ReactionPicker({ reactions, variant, availableReactions, maxVisible, onReact, ariaLabel, className, }: ReactionPickerProps): React$1.JSX.Element;
1089
1355
 
1090
1356
  interface RichTextEditorProps {
1091
1357
  content?: string;
@@ -1097,45 +1363,45 @@ interface RichTextEditorProps {
1097
1363
  /** Override the direction from context. Useful when editing content in a different language than the page. */
1098
1364
  dir?: 'ltr' | 'rtl';
1099
1365
  }
1100
- declare const RichTextEditor: React.ForwardRefExoticComponent<RichTextEditorProps & React.RefAttributes<HTMLDivElement>>;
1366
+ declare const RichTextEditor: React$1.ForwardRefExoticComponent<RichTextEditorProps & React$1.RefAttributes<HTMLDivElement>>;
1101
1367
 
1102
- declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1103
- declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1368
+ declare const ScrollArea: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1369
+ declare const ScrollBar: React$1.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1104
1370
 
1105
1371
  declare const Select: typeof SelectPrimitive.Root;
1106
- declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
1107
- declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
1108
- declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1109
- declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1110
- declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1111
- declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1112
- declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1113
- declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1114
- declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1115
-
1116
- declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1117
-
1118
- declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
1119
- declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1120
- declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
1121
- declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
1122
- declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1372
+ declare const SelectGroup: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React$1.RefAttributes<HTMLDivElement>>;
1373
+ declare const SelectValue: React$1.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React$1.RefAttributes<HTMLSpanElement>>;
1374
+ declare const SelectTrigger: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1375
+ declare const SelectScrollUpButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1376
+ declare const SelectScrollDownButton: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1377
+ declare const SelectContent: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1378
+ declare const SelectLabel: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1379
+ declare const SelectItem: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1380
+ declare const SelectSeparator: React$1.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1381
+
1382
+ declare const Separator: React$1.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1383
+
1384
+ declare const Sheet: React$1.FC<DialogPrimitive.DialogProps>;
1385
+ declare const SheetTrigger: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1386
+ declare const SheetClose: React$1.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>>;
1387
+ declare const SheetPortal: React$1.FC<DialogPrimitive.DialogPortalProps>;
1388
+ declare const SheetOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1123
1389
  declare const sheetVariants: (props?: ({
1124
1390
  side?: "end" | "start" | "top" | "bottom" | null | undefined;
1125
1391
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1126
- interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
1392
+ interface SheetContentProps extends React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
1127
1393
  }
1128
- declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
1394
+ declare const SheetContent: React$1.ForwardRefExoticComponent<SheetContentProps & React$1.RefAttributes<HTMLDivElement>>;
1129
1395
  declare const SheetHeader: {
1130
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
1396
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
1131
1397
  displayName: string;
1132
1398
  };
1133
1399
  declare const SheetFooter: {
1134
- ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
1400
+ ({ className, ...props }: React$1.HTMLAttributes<HTMLDivElement>): React$1.JSX.Element;
1135
1401
  displayName: string;
1136
1402
  };
1137
- declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
1138
- declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
1403
+ declare const SheetTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
1404
+ declare const SheetDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
1139
1405
 
1140
1406
  /**
1141
1407
  * Skeleton - Loading placeholder component
@@ -1149,11 +1415,25 @@ declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimi
1149
1415
  * <Skeleton className="h-12 w-12 rounded-full" />
1150
1416
  * ```
1151
1417
  */
1152
- interface SkeletonProps extends React.HTMLAttributes<HTMLDivElement> {
1418
+ interface SkeletonProps extends React$1.HTMLAttributes<HTMLDivElement> {
1153
1419
  }
1154
- declare const Skeleton: React.ForwardRefExoticComponent<SkeletonProps & React.RefAttributes<HTMLDivElement>>;
1420
+ declare const Skeleton: React$1.ForwardRefExoticComponent<SkeletonProps & React$1.RefAttributes<HTMLDivElement>>;
1155
1421
 
1156
- declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
1422
+ declare const Slider: React$1.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React$1.RefAttributes<HTMLSpanElement>, "ref"> & React$1.RefAttributes<HTMLSpanElement>>;
1423
+
1424
+ interface StatsCardProps {
1425
+ icon: React.ReactNode;
1426
+ label: string;
1427
+ value: string | number;
1428
+ trend?: number;
1429
+ trendLabel?: string;
1430
+ className?: string;
1431
+ }
1432
+ /**
1433
+ * StatsCard - Dashboard statistics display card
1434
+ * Candidate for migration to noorui-rtl (Phase 7)
1435
+ */
1436
+ declare function StatsCard({ icon, label, value, trend, trendLabel, className, }: StatsCardProps): React$1.JSX.Element;
1157
1437
 
1158
1438
  interface Step {
1159
1439
  id: string;
@@ -1172,9 +1452,9 @@ interface StepperProps {
1172
1452
  allowSkip?: boolean;
1173
1453
  className?: string;
1174
1454
  }
1175
- declare function Stepper({ steps, currentStep, onStepClick, orientation, variant, allowSkip, className, }: StepperProps): React.JSX.Element;
1455
+ declare function Stepper({ steps, currentStep, onStepClick, orientation, variant, allowSkip, className, }: StepperProps): React$1.JSX.Element;
1176
1456
 
1177
- interface StreamingTextProps extends React.HTMLAttributes<HTMLSpanElement> {
1457
+ interface StreamingTextProps extends React$1.HTMLAttributes<HTMLSpanElement> {
1178
1458
  /**
1179
1459
  * The full text to display
1180
1460
  */
@@ -1200,39 +1480,39 @@ interface StreamingTextProps extends React.HTMLAttributes<HTMLSpanElement> {
1200
1480
  */
1201
1481
  autoStart?: boolean;
1202
1482
  }
1203
- declare const StreamingText: React.ForwardRefExoticComponent<StreamingTextProps & React.RefAttributes<HTMLSpanElement>>;
1483
+ declare const StreamingText: React$1.ForwardRefExoticComponent<StreamingTextProps & React$1.RefAttributes<HTMLSpanElement>>;
1204
1484
 
1205
- declare const Switch: React.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1485
+ declare const Switch: React$1.ForwardRefExoticComponent<Omit<SwitchPrimitives.SwitchProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1206
1486
 
1207
- declare const Table: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableElement> & React.RefAttributes<HTMLTableElement>>;
1208
- declare const TableHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1209
- declare const TableBody: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1210
- declare const TableFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableSectionElement> & React.RefAttributes<HTMLTableSectionElement>>;
1211
- declare const TableRow: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableRowElement> & React.RefAttributes<HTMLTableRowElement>>;
1212
- declare const TableHead: React.ForwardRefExoticComponent<React.ThHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
1213
- declare const TableCell: React.ForwardRefExoticComponent<React.TdHTMLAttributes<HTMLTableCellElement> & React.RefAttributes<HTMLTableCellElement>>;
1214
- declare const TableCaption: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLTableCaptionElement> & React.RefAttributes<HTMLTableCaptionElement>>;
1487
+ declare const Table: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableElement> & React$1.RefAttributes<HTMLTableElement>>;
1488
+ declare const TableHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
1489
+ declare const TableBody: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
1490
+ declare const TableFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableSectionElement> & React$1.RefAttributes<HTMLTableSectionElement>>;
1491
+ declare const TableRow: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableRowElement> & React$1.RefAttributes<HTMLTableRowElement>>;
1492
+ declare const TableHead: React$1.ForwardRefExoticComponent<React$1.ThHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
1493
+ declare const TableCell: React$1.ForwardRefExoticComponent<React$1.TdHTMLAttributes<HTMLTableCellElement> & React$1.RefAttributes<HTMLTableCellElement>>;
1494
+ declare const TableCaption: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLTableCaptionElement> & React$1.RefAttributes<HTMLTableCaptionElement>>;
1215
1495
 
1216
- declare const Tabs: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1217
- declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1218
- declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1219
- declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1496
+ declare const Tabs: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1497
+ declare const TabsList: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1498
+ declare const TabsTrigger: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1499
+ declare const TabsContent: React$1.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1220
1500
 
1221
- interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
1501
+ interface TextareaProps extends React$1.TextareaHTMLAttributes<HTMLTextAreaElement> {
1222
1502
  }
1223
- declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
1503
+ declare const Textarea: React$1.ForwardRefExoticComponent<TextareaProps & React$1.RefAttributes<HTMLTextAreaElement>>;
1224
1504
 
1225
1505
  declare const thinkingIndicatorVariants: (props?: ({
1226
1506
  variant?: "dots" | "pulse" | "wave" | "typing" | null | undefined;
1227
1507
  size?: "default" | "sm" | "lg" | null | undefined;
1228
1508
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1229
- interface ThinkingIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof thinkingIndicatorVariants> {
1509
+ interface ThinkingIndicatorProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof thinkingIndicatorVariants> {
1230
1510
  /**
1231
1511
  * Custom message to display (overrides default)
1232
1512
  */
1233
1513
  message?: string;
1234
1514
  }
1235
- declare const ThinkingIndicator: React.ForwardRefExoticComponent<ThinkingIndicatorProps & React.RefAttributes<HTMLDivElement>>;
1515
+ declare const ThinkingIndicator: React$1.ForwardRefExoticComponent<ThinkingIndicatorProps & React$1.RefAttributes<HTMLDivElement>>;
1236
1516
 
1237
1517
  interface Time {
1238
1518
  hours: number;
@@ -1258,25 +1538,25 @@ interface TimePickerProps {
1258
1538
  */
1259
1539
  formatTime?: (time: Time | undefined, format: '12h' | '24h', locale: 'en' | 'ar') => string;
1260
1540
  }
1261
- declare function TimePicker({ time, onTimeChange, placeholder, placeholderAr, disabled, className, format, minuteStep, formatTime, }: TimePickerProps): React.JSX.Element;
1541
+ declare function TimePicker({ time, onTimeChange, placeholder, placeholderAr, disabled, className, format, minuteStep, formatTime, }: TimePickerProps): React$1.JSX.Element;
1262
1542
 
1263
- declare const ToastProvider: React.FC<ToastPrimitives.ToastProviderProps>;
1264
- declare const ToastViewport: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React.RefAttributes<HTMLOListElement>, "ref"> & React.RefAttributes<HTMLOListElement>>;
1265
- declare const Toast: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
1543
+ declare const ToastProvider: React$1.FC<ToastPrimitives.ToastProviderProps>;
1544
+ declare const ToastViewport: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & React$1.RefAttributes<HTMLOListElement>, "ref"> & React$1.RefAttributes<HTMLOListElement>>;
1545
+ declare const Toast: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & React$1.RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
1266
1546
  variant?: "default" | "destructive" | "success" | null | undefined;
1267
- } & class_variance_authority_types.ClassProp) | undefined) => string> & React.RefAttributes<HTMLLIElement>>;
1268
- declare const ToastAction: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1269
- declare const ToastClose: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
1270
- declare const ToastTitle: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1271
- declare const ToastDescription: React.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1547
+ } & class_variance_authority_types.ClassProp) | undefined) => string> & React$1.RefAttributes<HTMLLIElement>>;
1548
+ declare const ToastAction: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1549
+ declare const ToastClose: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
1550
+ declare const ToastTitle: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1551
+ declare const ToastDescription: React$1.ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1272
1552
 
1273
- declare function Toaster(): React.JSX.Element;
1553
+ declare function Toaster(): React$1.JSX.Element;
1274
1554
 
1275
1555
  declare const tokenCounterVariants: (props?: ({
1276
1556
  variant?: "default" | "compact" | null | undefined;
1277
1557
  status?: "warning" | "safe" | "danger" | null | undefined;
1278
1558
  } & class_variance_authority_types.ClassProp) | undefined) => string;
1279
- interface TokenCounterProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tokenCounterVariants> {
1559
+ interface TokenCounterProps extends React$1.HTMLAttributes<HTMLDivElement>, VariantProps<typeof tokenCounterVariants> {
1280
1560
  /**
1281
1561
  * Number of input tokens used
1282
1562
  */
@@ -1326,12 +1606,50 @@ interface TokenCounterProps extends React.HTMLAttributes<HTMLDivElement>, Varian
1326
1606
  */
1327
1607
  labelAr?: string;
1328
1608
  }
1329
- declare const TokenCounter: React.ForwardRefExoticComponent<TokenCounterProps & React.RefAttributes<HTMLDivElement>>;
1609
+ declare const TokenCounter: React$1.ForwardRefExoticComponent<TokenCounterProps & React$1.RefAttributes<HTMLDivElement>>;
1330
1610
 
1331
- declare const TooltipProvider: React.FC<TooltipPrimitive.TooltipProviderProps>;
1332
- declare const Tooltip: React.FC<TooltipPrimitive.TooltipProps>;
1333
- declare const TooltipTrigger: React.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React.RefAttributes<HTMLButtonElement>>;
1334
- declare const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
1611
+ declare const TooltipProvider: React$1.FC<TooltipPrimitive.TooltipProviderProps>;
1612
+ declare const Tooltip: React$1.FC<TooltipPrimitive.TooltipProps>;
1613
+ declare const TooltipTrigger: React$1.ForwardRefExoticComponent<TooltipPrimitive.TooltipTriggerProps & React$1.RefAttributes<HTMLButtonElement>>;
1614
+ declare const TooltipContent: React$1.ForwardRefExoticComponent<Omit<TooltipPrimitive.TooltipContentProps & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
1615
+
1616
+ type UserBadgeVariant = 'author' | 'moderator' | 'verified' | 'admin' | 'custom';
1617
+ interface UserBadgeProps {
1618
+ /**
1619
+ * Badge variant
1620
+ * - author: Post/content author
1621
+ * - moderator: Site moderator
1622
+ * - verified: Verified user
1623
+ * - admin: Administrator
1624
+ * - custom: Custom label
1625
+ */
1626
+ variant: UserBadgeVariant;
1627
+ /**
1628
+ * Custom label (required for 'custom' variant)
1629
+ */
1630
+ label?: string;
1631
+ /**
1632
+ * Optional icon override
1633
+ */
1634
+ icon?: React$1.ReactNode;
1635
+ /**
1636
+ * Additional class name
1637
+ */
1638
+ className?: string;
1639
+ }
1640
+ /**
1641
+ * User role/status badge component
1642
+ *
1643
+ * Displays badges for different user roles and statuses.
1644
+ * Useful for comments, profiles, leaderboards, and chat.
1645
+ *
1646
+ * @example
1647
+ * <UserBadge variant="author" />
1648
+ * <UserBadge variant="moderator" />
1649
+ * <UserBadge variant="verified" />
1650
+ * <UserBadge variant="custom" label="VIP" icon={<Crown />} />
1651
+ */
1652
+ declare function UserBadge({ variant, label, icon, className }: UserBadgeProps): React$1.JSX.Element;
1335
1653
 
1336
1654
  interface UserMenuProps {
1337
1655
  user?: {
@@ -1350,7 +1668,7 @@ interface UserMenuProps {
1350
1668
  align?: 'start' | 'center' | 'end';
1351
1669
  side?: 'top' | 'right' | 'bottom' | 'left';
1352
1670
  }
1353
- declare const UserMenu: React.ForwardRefExoticComponent<UserMenuProps & React.RefAttributes<HTMLButtonElement>>;
1671
+ declare const UserMenu: React$1.ForwardRefExoticComponent<UserMenuProps & React$1.RefAttributes<HTMLButtonElement>>;
1354
1672
 
1355
1673
  interface WorkflowCanvasProps {
1356
1674
  /**
@@ -1364,7 +1682,7 @@ interface WorkflowCanvasProps {
1364
1682
  /**
1365
1683
  * Custom node types
1366
1684
  */
1367
- nodeTypes?: Record<string, React.ComponentType<any>>;
1685
+ nodeTypes?: Record<string, React$1.ComponentType<any>>;
1368
1686
  /**
1369
1687
  * Callback when nodes change
1370
1688
  */
@@ -1414,7 +1732,7 @@ interface WorkflowCanvasProps {
1414
1732
  */
1415
1733
  defaultEdgeOptions?: DefaultEdgeOptions;
1416
1734
  }
1417
- declare function WorkflowCanvas({ initialNodes, initialEdges, nodeTypes, onNodesChange: onNodesChangeProp, onEdgesChange: onEdgesChangeProp, onConnect: onConnectProp, readOnly, showMiniMap, showControls, showBackground, backgroundVariant, isRTL, className, fitViewOptions, defaultEdgeOptions: defaultEdgeOptionsProp, }: WorkflowCanvasProps): React.JSX.Element;
1735
+ declare function WorkflowCanvas({ initialNodes, initialEdges, nodeTypes, onNodesChange: onNodesChangeProp, onEdgesChange: onEdgesChangeProp, onConnect: onConnectProp, readOnly, showMiniMap, showControls, showBackground, backgroundVariant, isRTL, className, fitViewOptions, defaultEdgeOptions: defaultEdgeOptionsProp, }: WorkflowCanvasProps): React$1.JSX.Element;
1418
1736
 
1419
1737
  interface WorkflowNodeData extends Record<string, unknown> {
1420
1738
  /**
@@ -1456,22 +1774,22 @@ interface WorkflowNodeData extends Record<string, unknown> {
1456
1774
  /**
1457
1775
  * Custom content to render
1458
1776
  */
1459
- children?: React.ReactNode;
1460
- }
1461
- declare function WorkflowNode({ data, selected }: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1462
-
1463
- declare function TriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1464
- declare function WebhookTriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1465
- declare function ScheduleTriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1466
- declare function ActionNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1467
- declare function CodeActionNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1468
- declare function FilterNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1469
- declare function AINode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1470
- declare function LLMNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1471
- declare function EmbeddingNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1472
- declare function OutputNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1473
- declare function SaveNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1474
- declare function NotifyNode(props: NodeProps<Node<WorkflowNodeData>>): React.JSX.Element;
1777
+ children?: React$1.ReactNode;
1778
+ }
1779
+ declare function WorkflowNode({ data, selected }: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1780
+
1781
+ declare function TriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1782
+ declare function WebhookTriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1783
+ declare function ScheduleTriggerNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1784
+ declare function ActionNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1785
+ declare function CodeActionNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1786
+ declare function FilterNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1787
+ declare function AINode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1788
+ declare function LLMNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1789
+ declare function EmbeddingNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1790
+ declare function OutputNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1791
+ declare function SaveNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1792
+ declare function NotifyNode(props: NodeProps<Node<WorkflowNodeData>>): React$1.JSX.Element;
1475
1793
  declare const workflowNodeTypes: {
1476
1794
  trigger: typeof TriggerNode;
1477
1795
  webhook: typeof WebhookTriggerNode;
@@ -1495,7 +1813,7 @@ interface ZakatAssets {
1495
1813
  investments: number;
1496
1814
  other: number;
1497
1815
  }
1498
- interface ZakatCalculatorProps extends React.HTMLAttributes<HTMLDivElement> {
1816
+ interface ZakatCalculatorProps extends React$1.HTMLAttributes<HTMLDivElement> {
1499
1817
  /** Current gold price per gram in SAR */
1500
1818
  goldPricePerGram?: number;
1501
1819
  /** Current silver price per gram in SAR */
@@ -1516,11 +1834,30 @@ interface ZakatCalculationResult {
1516
1834
  isZakatApplicable: boolean;
1517
1835
  breakdown: ZakatAssets;
1518
1836
  }
1519
- declare const ZakatCalculator: React.ForwardRefExoticComponent<ZakatCalculatorProps & React.RefAttributes<HTMLDivElement>>;
1837
+ declare const ZakatCalculator: React$1.ForwardRefExoticComponent<ZakatCalculatorProps & React$1.RefAttributes<HTMLDivElement>>;
1838
+
1839
+ interface UseRelativeTimeOptions {
1840
+ updateInterval?: number;
1841
+ format?: 'short' | 'long';
1842
+ }
1843
+ /**
1844
+ * Hook to format dates as relative time strings ("2 hours ago")
1845
+ * with auto-updates and localization support
1846
+ *
1847
+ * @param date - The date to format
1848
+ * @param locale - The locale to use (en, ar, fr, ur)
1849
+ * @param options - Configuration options
1850
+ * @returns Formatted relative time string
1851
+ *
1852
+ * @example
1853
+ * const timeAgo = useRelativeTime(comment.createdAt, 'en')
1854
+ * // Returns: "2 hours ago"
1855
+ */
1856
+ declare function useRelativeTime(date: Date | string, locale?: string, options?: UseRelativeTimeOptions): string;
1520
1857
 
1521
1858
  /**
1522
1859
  * Merge Tailwind classes with proper conflict resolution
1523
1860
  */
1524
1861
  declare function cn(...inputs: ClassValue[]): string;
1525
1862
 
1526
- export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, ArabicNumber, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, Calendar, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatMessage, Checkbox, ClientProviders, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColumnDef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationHistory, DashboardShell, DataTable, type DataTableProps, DatePicker, DesignSystemProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, FeatureCard, FileUpload, Form, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, HijriDate, Input, type InputProps, Label, ListingCard, LoadingSpinner, MessageActions, ModelSelector, NotificationCenter, NumberInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParameterSlider, Popover, PopoverContent, PopoverTrigger, PrayerTimes, Progress, PromptInput, RadioGroup, RadioGroupItem, RichTextEditor, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SortDirection, type Step, Stepper, type StepperProps, StreamingText, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThinkingIndicator, TimePicker, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, TokenCounter, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserMenu, WorkflowCanvas, WorkflowNode, ZakatCalculator, badgeVariants, buttonVariants, cn, useDesignSystem, useDirection, workflowNodeTypes };
1863
+ export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertTitle, ArabicNumber, Avatar, AvatarFallback, AvatarImage, Badge, type BadgeProps, Blockquote, type BlockquoteProps, Breadcrumb, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, ButtonArrow, type ButtonArrowProps, type ButtonProps, Calendar, Callout, type CalloutProps, type CalloutType, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, ChatMessage, Checkbox, ClientProviders, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColumnDef, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContentRenderer, type ContentRendererProps, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, ConversationHistory, DashboardShell, DataTable, type DataTableProps, DatePicker, DesignSystemProvider, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EmptyState, ErrorCallout, FeatureCard, FileUpload, Form, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormProps, HijriDate, InfoCallout, Input, type InputProps, Kbd, type KbdProps, Label, ListingCard, LoadingSpinner, MessageActions, ModelSelector, NotificationCenter, NumberInput, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ParameterSlider, Popover, PopoverContent, PopoverTrigger, PrayerTimes, Progress, PromptInput, PullQuote, type PullQuoteProps, RadioGroup, RadioGroupItem, type Reaction, ReactionPicker, type ReactionPickerProps, RichTextEditor, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, type SortDirection, StatsCard, type StatsCardProps, type Step, Stepper, type StepperProps, StreamingText, SuccessCallout, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ThinkingIndicator, TimePicker, Toast, ToastAction, ToastClose, ToastDescription, ToastProvider, ToastTitle, ToastViewport, Toaster, TokenCounter, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, UserBadge, type UserBadgeProps, type UserBadgeVariant, UserMenu, WarningCallout, WorkflowCanvas, WorkflowNode, ZakatCalculator, badgeVariants, buttonVariants, cn, useDesignSystem, useDirection, useRelativeTime, workflowNodeTypes };