myshell-react-lib 0.1.77 → 0.1.80

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 (8) hide show
  1. package/dist/index.cjs +35 -3
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +17 -16
  4. package/dist/index.d.ts +17 -16
  5. package/dist/index.js +35 -3
  6. package/dist/index.js.map +1 -1
  7. package/dist/styles/global.scss +4 -2
  8. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
2
  import * as React$1 from 'react';
3
- import React__default, { ReactElement, SyntheticEvent } from 'react';
3
+ import React__default, { ReactNode, ReactElement, SyntheticEvent } from 'react';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
6
6
  import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
@@ -217,7 +217,7 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
217
217
  } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
218
218
  declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
219
219
  children?: React$1.ReactNode;
220
- } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
220
+ } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
221
221
  heading?: React$1.ReactNode;
222
222
  value?: string;
223
223
  forceMount?: boolean;
@@ -385,11 +385,12 @@ declare const iconVariants: (props?: ({
385
385
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
386
386
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
387
387
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
388
+ type IconComponentType = React$1.ElementType | (() => ReactNode);
388
389
  type IconProps = React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof iconVariants> & {
389
390
  /**
390
391
  * icon 组件 优先heroicons
391
392
  */
392
- component?: React$1.ElementType;
393
+ component?: IconComponentType;
393
394
  };
394
395
  declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
395
396
  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | null | undefined;
@@ -399,7 +400,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
399
400
  /**
400
401
  * icon 组件 优先heroicons
401
402
  */
402
- component?: React$1.ElementType;
403
+ component?: IconComponentType;
403
404
  } & React$1.RefAttributes<HTMLSpanElement>>;
404
405
  type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
405
406
 
@@ -1639,7 +1640,7 @@ declare const DownIcon: React__default.ForwardRefExoticComponent<React__default.
1639
1640
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1640
1641
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1641
1642
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1642
- component?: React__default.ElementType;
1643
+ component?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | (() => React__default.ReactNode);
1643
1644
  } & React__default.RefAttributes<SVGSVGElement>>;
1644
1645
 
1645
1646
  declare const ArrowLeftIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1647,7 +1648,7 @@ declare const ArrowLeftIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
1647
1648
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1648
1649
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1649
1650
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1650
- component?: React$1.ElementType;
1651
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1651
1652
  } & React$1.RefAttributes<SVGSVGElement>>;
1652
1653
 
1653
1654
  declare const ArrowUpTrayIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1655,7 +1656,7 @@ declare const ArrowUpTrayIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
1655
1656
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1656
1657
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1657
1658
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1658
- component?: React$1.ElementType;
1659
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1659
1660
  } & React$1.RefAttributes<SVGSVGElement>>;
1660
1661
 
1661
1662
  declare const WindowIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1663,7 +1664,7 @@ declare const WindowIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
1663
1664
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1664
1665
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1665
1666
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1666
- component?: React$1.ElementType;
1667
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1667
1668
  } & React$1.RefAttributes<SVGSVGElement>>;
1668
1669
 
1669
1670
  declare const CheckCircleIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1671,7 +1672,7 @@ declare const CheckCircleIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
1671
1672
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1672
1673
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1673
1674
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1674
- component?: React$1.ElementType;
1675
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1675
1676
  } & React$1.RefAttributes<SVGSVGElement>>;
1676
1677
 
1677
1678
  declare const PencilSquareIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1679,7 +1680,7 @@ declare const PencilSquareIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAt
1679
1680
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1680
1681
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1681
1682
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1682
- component?: React$1.ElementType;
1683
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1683
1684
  } & React$1.RefAttributes<SVGSVGElement>>;
1684
1685
 
1685
1686
  declare const ConfigIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1687,7 +1688,7 @@ declare const ConfigIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
1687
1688
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1688
1689
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1689
1690
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1690
- component?: React$1.ElementType;
1691
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1691
1692
  } & React$1.RefAttributes<SVGSVGElement>>;
1692
1693
 
1693
1694
  declare const FilterIcon: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1695,7 +1696,7 @@ declare const FilterIcon: React__default.ForwardRefExoticComponent<React__defaul
1695
1696
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1696
1697
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1697
1698
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1698
- component?: React__default.ElementType;
1699
+ component?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | (() => React__default.ReactNode);
1699
1700
  } & React__default.RefAttributes<SVGSVGElement>>;
1700
1701
 
1701
1702
  declare const CaretDownIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1703,7 +1704,7 @@ declare const CaretDownIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
1703
1704
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1704
1705
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1705
1706
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1706
- component?: React$1.ElementType;
1707
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1707
1708
  } & React$1.RefAttributes<SVGSVGElement>>;
1708
1709
 
1709
1710
  declare const CodeIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1711,7 +1712,7 @@ declare const CodeIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
1711
1712
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1712
1713
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1713
1714
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1714
- component?: React$1.ElementType;
1715
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1715
1716
  } & React$1.RefAttributes<SVGSVGElement>>;
1716
1717
 
1717
1718
  declare const DragIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1719,7 +1720,7 @@ declare const DragIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
1719
1720
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1720
1721
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1721
1722
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1722
- component?: React$1.ElementType;
1723
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1723
1724
  } & React$1.RefAttributes<SVGSVGElement>>;
1724
1725
 
1725
1726
  declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1727,7 +1728,7 @@ declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTML
1727
1728
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1728
1729
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1729
1730
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1730
- component?: React$1.ElementType;
1731
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1731
1732
  } & React$1.RefAttributes<SVGSVGElement>>;
1732
1733
 
1733
1734
  export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, FilterIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NotFoundState, NumberInput, type Option, Paragraph, PencilSquareIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
package/dist/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import * as AccordionPrimitive from '@radix-ui/react-accordion';
2
2
  import * as React$1 from 'react';
3
- import React__default, { ReactElement, SyntheticEvent } from 'react';
3
+ import React__default, { ReactNode, ReactElement, SyntheticEvent } from 'react';
4
4
  import * as react_jsx_runtime from 'react/jsx-runtime';
5
5
  import * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog';
6
6
  import * as AspectRatioPrimitive from '@radix-ui/react-aspect-ratio';
@@ -217,7 +217,7 @@ declare const CommandEmpty: React$1.ForwardRefExoticComponent<Omit<{
217
217
  } & React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>, "ref"> & React$1.RefAttributes<HTMLDivElement>>;
218
218
  declare const CommandGroup: React$1.ForwardRefExoticComponent<Omit<{
219
219
  children?: React$1.ReactNode;
220
- } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "value" | "heading"> & {
220
+ } & Omit<React$1.HTMLAttributes<HTMLDivElement>, "heading" | "value"> & {
221
221
  heading?: React$1.ReactNode;
222
222
  value?: string;
223
223
  forceMount?: boolean;
@@ -385,11 +385,12 @@ declare const iconVariants: (props?: ({
385
385
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
386
386
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
387
387
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string;
388
+ type IconComponentType = React$1.ElementType | (() => ReactNode);
388
389
  type IconProps = React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<typeof iconVariants> & {
389
390
  /**
390
391
  * icon 组件 优先heroicons
391
392
  */
392
- component?: React$1.ElementType;
393
+ component?: IconComponentType;
393
394
  };
394
395
  declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & VariantProps<(props?: ({
395
396
  size?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | null | undefined;
@@ -399,7 +400,7 @@ declare const Icon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTM
399
400
  /**
400
401
  * icon 组件 优先heroicons
401
402
  */
402
- component?: React$1.ElementType;
403
+ component?: IconComponentType;
403
404
  } & React$1.RefAttributes<HTMLSpanElement>>;
404
405
  type IconComponent = React$1.ForwardRefExoticComponent<IconProps>;
405
406
 
@@ -1639,7 +1640,7 @@ declare const DownIcon: React__default.ForwardRefExoticComponent<React__default.
1639
1640
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1640
1641
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1641
1642
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1642
- component?: React__default.ElementType;
1643
+ component?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | (() => React__default.ReactNode);
1643
1644
  } & React__default.RefAttributes<SVGSVGElement>>;
1644
1645
 
1645
1646
  declare const ArrowLeftIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1647,7 +1648,7 @@ declare const ArrowLeftIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
1647
1648
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1648
1649
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1649
1650
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1650
- component?: React$1.ElementType;
1651
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1651
1652
  } & React$1.RefAttributes<SVGSVGElement>>;
1652
1653
 
1653
1654
  declare const ArrowUpTrayIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1655,7 +1656,7 @@ declare const ArrowUpTrayIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
1655
1656
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1656
1657
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1657
1658
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1658
- component?: React$1.ElementType;
1659
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1659
1660
  } & React$1.RefAttributes<SVGSVGElement>>;
1660
1661
 
1661
1662
  declare const WindowIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1663,7 +1664,7 @@ declare const WindowIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
1663
1664
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1664
1665
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1665
1666
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1666
- component?: React$1.ElementType;
1667
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1667
1668
  } & React$1.RefAttributes<SVGSVGElement>>;
1668
1669
 
1669
1670
  declare const CheckCircleIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1671,7 +1672,7 @@ declare const CheckCircleIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAtt
1671
1672
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1672
1673
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1673
1674
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1674
- component?: React$1.ElementType;
1675
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1675
1676
  } & React$1.RefAttributes<SVGSVGElement>>;
1676
1677
 
1677
1678
  declare const PencilSquareIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1679,7 +1680,7 @@ declare const PencilSquareIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAt
1679
1680
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1680
1681
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1681
1682
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1682
- component?: React$1.ElementType;
1683
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1683
1684
  } & React$1.RefAttributes<SVGSVGElement>>;
1684
1685
 
1685
1686
  declare const ConfigIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1687,7 +1688,7 @@ declare const ConfigIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttribut
1687
1688
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1688
1689
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1689
1690
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1690
- component?: React$1.ElementType;
1691
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1691
1692
  } & React$1.RefAttributes<SVGSVGElement>>;
1692
1693
 
1693
1694
  declare const FilterIcon: React__default.ForwardRefExoticComponent<React__default.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1695,7 +1696,7 @@ declare const FilterIcon: React__default.ForwardRefExoticComponent<React__defaul
1695
1696
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1696
1697
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1697
1698
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1698
- component?: React__default.ElementType;
1699
+ component?: React__default.ElementType<any, keyof React__default.JSX.IntrinsicElements> | (() => React__default.ReactNode);
1699
1700
  } & React__default.RefAttributes<SVGSVGElement>>;
1700
1701
 
1701
1702
  declare const CaretDownIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1703,7 +1704,7 @@ declare const CaretDownIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttri
1703
1704
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1704
1705
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1705
1706
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1706
- component?: React$1.ElementType;
1707
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1707
1708
  } & React$1.RefAttributes<SVGSVGElement>>;
1708
1709
 
1709
1710
  declare const CodeIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1711,7 +1712,7 @@ declare const CodeIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
1711
1712
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1712
1713
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1713
1714
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1714
- component?: React$1.ElementType;
1715
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1715
1716
  } & React$1.RefAttributes<SVGSVGElement>>;
1716
1717
 
1717
1718
  declare const DragIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1719,7 +1720,7 @@ declare const DragIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes
1719
1720
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1720
1721
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1721
1722
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1722
- component?: React$1.ElementType;
1723
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1723
1724
  } & React$1.RefAttributes<SVGSVGElement>>;
1724
1725
 
1725
1726
  declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLSpanElement> & class_variance_authority.VariantProps<(props?: ({
@@ -1727,7 +1728,7 @@ declare const RectangleGroupIcon: React$1.ForwardRefExoticComponent<React$1.HTML
1727
1728
  color?: "default" | "subtle" | "subtler" | "subtlest" | "disabled" | "bolder" | "inverse" | "critical" | "brand" | "critical-bolder" | "warning" | "warning-bolder" | "success" | "success-bolder" | null | undefined;
1728
1729
  rotate?: "45" | "90" | "-45" | "-90" | "180" | null | undefined;
1729
1730
  } & class_variance_authority_dist_types.ClassProp) | undefined) => string> & {
1730
- component?: React$1.ElementType;
1731
+ component?: React$1.ElementType<any, keyof React$1.JSX.IntrinsicElements> | (() => React$1.ReactNode);
1731
1732
  } & React$1.RefAttributes<SVGSVGElement>>;
1732
1733
 
1733
1734
  export { Accordion, AccordionContent, AccordionItem, type AccordionItemProps, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, ArrowLeftIcon, ArrowUpTrayIcon, AspectRatio, AudioPlayer, AudioPlaying, Avatar, AvatarImage, AvatarRoot, Badge, Button, type ButtonComponentProps, type ButtonProps, CaretDownIcon, type CascaderOption, CheckCircleIcon, Checkbox, Chips, CodeIcon, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ConfigIcon, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, type CustomToasterProps, Description, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Display, DownIcon, DragIcon, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, ErrorState, FilterIcon, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, type FormRef, Guide, Heading, type HeroIcon, type IAudioProps, type INumberInputProps, type ISelectProps, Icon, IconButton, type IconButtonComponentProps, type IconComponent, type IconProps, Image, type ImageProps, Input, type InputProps, Label, Link, type LinkProps, Masonry, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MiddleBar, Modal, ModalBody, ModalContent, ModalFooter, ModalHeader, ModalOverlay, ModalRoot, ModalTitle, MultipleSelector, type MultipleSelectorRef, NetworkErrorState, NoPageState, NotFoundState, NumberInput, type Option, Paragraph, PencilSquareIcon, Popover, PopoverAnchor, PopoverContent, type PopoverContentExs, PopoverRoot, Progress, ProgressIndicator, type ProgressProps, ProgressRoot, type Props, RadioGroup, RadioGroupItem, RectangleGroupIcon, ScrollArea, ScrollBar, SearchBar, type SearchBarProps, type SearchInputProps, Select, SelectContent, SelectGroup, SelectIcon, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger, Skeleton, Slider, SliderSingle, Spinner, State$1 as State, SubHeading, SubTitle, Swiper, type SwiperProps, Switch, type TModalState, Tab, Tabs, TabsContent, TabsList, TabsRoot, TabsTrigger, Text, Textarea, type TextareaProps, Title, Toast$1 as Toast, ToastAction, type ToastActionElement, ToastClose, ToastDescription, type ToastProps, ToastProvider, ToastTitle, type ToastType, ToastViewport, Toaster, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipProvider, TopNavigationBar, WindowIcon, buttonVariants, dangerouText, iconButtonVariants, reducer, toast, toggleVariants, useDebounce, useDevice, useFormField, useIsMobileByWindowWidth, useNativeBridge, useNotification, useToast, useWindowWidth };
package/dist/index.js CHANGED
@@ -4077,8 +4077,40 @@ var Icon = React.forwardRef(function(props, ref) {
4077
4077
  "rotate",
4078
4078
  "className"
4079
4079
  ]);
4080
- var Com = component || "span";
4081
- return /* @__PURE__ */ jsx(Com, _object_spread_props(_object_spread({
4080
+ if (!component) {
4081
+ return /* @__PURE__ */ jsx("span", _object_spread_props(_object_spread({
4082
+ ref: ref
4083
+ }, passProps), {
4084
+ className: cn(iconVariants({
4085
+ size: size,
4086
+ color: color,
4087
+ rotate: rotate
4088
+ }), className),
4089
+ children: children
4090
+ }));
4091
+ }
4092
+ if (typeof component === "function") {
4093
+ var isReactComponent = "displayName" in component || component.name && /^[A-Z]/.test(component.name);
4094
+ if (!isReactComponent) {
4095
+ try {
4096
+ var iconElement = component();
4097
+ return /* @__PURE__ */ jsx("span", _object_spread_props(_object_spread({
4098
+ ref: ref
4099
+ }, passProps), {
4100
+ className: cn(iconVariants({
4101
+ size: size,
4102
+ color: color,
4103
+ rotate: rotate
4104
+ }), className),
4105
+ children: iconElement || children
4106
+ }));
4107
+ } catch (error) {
4108
+ console.error("Error rendering icon component as a function", error);
4109
+ }
4110
+ }
4111
+ }
4112
+ var Component = component;
4113
+ return /* @__PURE__ */ jsx(Component, _object_spread_props(_object_spread({
4082
4114
  ref: ref
4083
4115
  }, passProps), {
4084
4116
  className: cn(iconVariants({
@@ -6029,7 +6061,7 @@ var badgeVariants = cva7("rounded-full flex items-center justify-center text-Col
6029
6061
  public: "w-2.5 h-2.5 bg-Colors-Utit border-[2px] bg-Colors-Utility-Lake-Blue-50 border-Colors-Utility-Lake-Blue-10",
6030
6062
  private: "w-2.5 h-2.5 bg-Colors-Utility-Khaki-50 border-Colors-Utility-Khaki-10 border-[2px]",
6031
6063
  hidden: "w-2.5 h-2.5 bg-Colors-Utility-Gray-40 border-Colors-Utility-Gray-10 border-[2px]",
6032
- new: "w-9 h-4.5 flex juctify-center items-center bg-Colors-Foreground-Critical-Default px-1.5"
6064
+ new: "w-9 h-4.5 flex juctify-center items-center bg-Colors-Foreground-Critical-Default px-1"
6033
6065
  }
6034
6066
  },
6035
6067
  defaultVariants: {