@rock.star/ui 1.1.2 → 1.1.6

package/dist/icon/index.js

@@ -1,11 +1,5 @@
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
 // src/icon/bell.tsx
+import { cn } from "cn";
 import {
   LazyMotion,
   domMin,
@@ -158,13 +152,14 @@ var BellIcon = forwardRef(
 BellIcon.displayName = "BellIcon";
 
 // src/icon/icon-swap.tsx
+import { cn as cn2 } from "cn";
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function IconSwap({ active, first, second, className }) {
   return /* @__PURE__ */ jsxs2(
     "span",
     {
       "aria-hidden": "true",
-      className: cn("t-icon-swap", className),
+      className: cn2("t-icon-swap", className),
       "data-state": active ? "b" : "a",
       children: [
         /* @__PURE__ */ jsx2("span", { className: "t-icon", "data-icon": "a", children: first }),
@@ -175,6 +170,7 @@ function IconSwap({ active, first, second, className }) {
 }
 
 // src/icon/loader.tsx
+import { cn as cn3 } from "cn";
 import React from "react";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var Loader = React.forwardRef(
@@ -184,7 +180,7 @@ var Loader = React.forwardRef(
       "div",
       {
         ref,
-        className: cn("loader-wrapper", className),
+        className: cn3("loader-wrapper", className),
         style: {
           "--spinner-size": `${size}px`,
           "--spinner-color": color,

package/dist/icon/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/lib/utils.ts","../../src/icon/bell.tsx","../../src/icon/icon-swap.tsx","../../src/icon/loader.tsx"],"sourcesContent":["import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","\"use client\";\n\nimport { cn } from \"#lib/utils\";\nimport type { Variants } from \"motion/react\";\nimport {\n LazyMotion,\n domMin,\n m,\n useAnimation,\n useReducedMotion,\n} from \"motion/react\";\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type HTMLAttributes,\n} from \"react\";\nexport interface BellIconHandle {\n startAnimation: () => void;\n stopAnimation: () => void;\n}\n\ninterface BellIconProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n | \"color\"\n | \"onDrag\"\n | \"onDragStart\"\n | \"onDragEnd\"\n | \"onAnimationStart\"\n | \"onAnimationEnd\"\n | \"onAnimationIteration\"\n> {\n size?: number;\n duration?: number;\n isAnimated?: boolean;\n color?: string;\n}\n\nconst BellIcon = forwardRef<BellIconHandle, BellIconProps>(\n (\n  {\n   onMouseEnter,\n   onMouseLeave,\n   className,\n   size = 24,\n   duration = 1,\n   isAnimated = true,\n   color,\n   ...props\n  },\n  ref,\n ) => {\n const controls = useAnimation();\n const reduced = useReducedMotion();\n  const [ringing, setRinging] = useState(false);\n  const ringingRef = useRef(false);\n  const ringTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const stopRing = useCallback(() => {\n   ringingRef.current = false;\n   setRinging(false);\n   controls.start(\"normal\");\n   if (ringTimer.current) {\n    clearTimeout(ringTimer.current);\n    ringTimer.current = null;\n   }\n  }, [controls]);\n\n  const startRing = useCallback(() => {\n   if (reduced) {\n    stopRing();\n    return;\n   }\n   if (ringingRef.current) return;\n\n   ringingRef.current = true;\n   setRinging(true);\n   ringTimer.current = setTimeout(stopRing, 140);\n  }, [reduced, stopRing]);\n\n  useEffect(\n   () => () => {\n    if (ringTimer.current) clearTimeout(ringTimer.current);\n   },\n   [],\n  );\n\n  useImperativeHandle(ref, () => {\n   return {\n    startAnimation: startRing,\n    stopAnimation: stopRing,\n   };\n  }, [startRing, stopRing]);\n\n  const handleEnter = useCallback(\n   (e?: React.MouseEvent<HTMLDivElement>) => {\n    if (!isAnimated || reduced) return;\n    controls.start(\"animate\");\n    onMouseEnter?.(e as any);\n   },\n   [controls, reduced, isAnimated, onMouseEnter],\n  );\n\n  const handleLeave = useCallback(\n   (e: React.MouseEvent<HTMLDivElement>) => {\n    controls.start(\"normal\");\n    onMouseLeave?.(e as any);\n   },\n   [controls, onMouseLeave],\n  );\n\n  const bellVariants: Variants = {\n   normal: { transform: \"rotate(0deg)\" },\n   ring: {\n    transform: \"rotate(8deg)\",\n    transition: {\n     duration: 0.14,\n     ease: [0.77, 0, 0.175, 1],\n    },\n   },\n   animate: {\n    rotate: [0, 7, -18, 14, -9, 5, -2, 0],\n    transition: {\n     duration: 1.3 * duration,\n     ease: \"easeInOut\",\n     times: [0, 0.09, 0.26, 0.45, 0.62, 0.78, 0.9, 1],\n    },\n   },\n  };\n\n  const clapperVariants: Variants = {\n   normal: { transform: \"translateX(0px)\" },\n   ring: {\n    transform: \"translateX(1px)\",\n    transition: {\n     duration: 0.14,\n     ease: [0.77, 0, 0.175, 1],\n    },\n   },\n   animate: {\n    x: [0, 1.5, -5, 4, -2.5, 1.5, -1, 0],\n    transition: {\n     duration: 1.3 * duration,\n     ease: \"easeInOut\",\n     times: [0, 0.09, 0.26, 0.45, 0.62, 0.78, 0.9, 1],\n     delay: 0.05 * duration,\n    },\n   },\n  };\n\n  return (\n   <LazyMotion features={domMin} strict>\n    <m.div\n     className={cn(\"relative inline-flex\", className)}\n     onMouseEnter={handleEnter}\n     onMouseLeave={handleLeave}\n     {...props}\n     style={{ color, ...props.style }}\n    >\n     <m.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      animate={ringing ? \"ring\" : controls}\n      initial=\"normal\"\n      variants={bellVariants}\n      style={{ transformOrigin: \"top center\" }}\n     >\n      <m.path d=\"M10.268 21a2 2 0 0 0 3.464 0\" variants={clapperVariants} />\n      <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\" />\n     </m.svg>\n    </m.div>\n   </LazyMotion>\n  );\n },\n);\n\nBellIcon.displayName = \"BellIcon\";\nexport { BellIcon };\n","import * as React from \"react\"\n\nimport { cn } from \"#lib/utils\"\n\ntype IconSwapProps = {\n  active: boolean\n  first: React.ReactNode\n  second: React.ReactNode\n  className?: string\n}\n\nexport function IconSwap({ active, first, second, className }: IconSwapProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\"t-icon-swap\", className)}\n      data-state={active ? \"b\" : \"a\"}\n    >\n      <span className=\"t-icon\" data-icon=\"a\">\n        {first}\n      </span>\n      <span className=\"t-icon\" data-icon=\"b\">\n        {second}\n      </span>\n    </span>\n  )\n}\n","\"use client\"\n\nimport { cn } from \"#lib/utils\"\nimport React from \"react\"\n\ninterface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: number\n  color?: string\n}\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  ({ className, size = 16, color = \"currentColor\", style, ...props }, ref) => {\n    const bars = Array(12).fill(0)\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"loader-wrapper\", className)}\n        style={\n          {\n            \"--spinner-size\": `${size}px`,\n            \"--spinner-color\": color,\n            ...style,\n          } as React.CSSProperties\n        }\n        {...props}\n      >\n        <div className=\"loader-spinner\">\n          {bars.map((_, i) => (\n            <div className=\"loader-bar\" key={`spinner-bar-${i}`} />\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nLoader.displayName = \"SpellUI.Loader\"\n\nexport type { LoaderProps }\n"],"mappings":"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","names":["jsx","jsxs","jsx"]}
+{"version":3,"sources":["../../src/icon/bell.tsx","../../src/icon/icon-swap.tsx","../../src/icon/loader.tsx"],"sourcesContent":["\"use client\";\n\nimport { cn } from \"cn\";\nimport type { Variants } from \"motion/react\";\nimport {\n LazyMotion,\n domMin,\n m,\n useAnimation,\n useReducedMotion,\n} from \"motion/react\";\nimport {\n forwardRef,\n useCallback,\n useEffect,\n useImperativeHandle,\n useRef,\n useState,\n type HTMLAttributes,\n} from \"react\";\nexport interface BellIconHandle {\n startAnimation: () => void;\n stopAnimation: () => void;\n}\n\ninterface BellIconProps extends Omit<\n HTMLAttributes<HTMLDivElement>,\n | \"color\"\n | \"onDrag\"\n | \"onDragStart\"\n | \"onDragEnd\"\n | \"onAnimationStart\"\n | \"onAnimationEnd\"\n | \"onAnimationIteration\"\n> {\n size?: number;\n duration?: number;\n isAnimated?: boolean;\n color?: string;\n}\n\nconst BellIcon = forwardRef<BellIconHandle, BellIconProps>(\n (\n  {\n   onMouseEnter,\n   onMouseLeave,\n   className,\n   size = 24,\n   duration = 1,\n   isAnimated = true,\n   color,\n   ...props\n  },\n  ref,\n ) => {\n const controls = useAnimation();\n const reduced = useReducedMotion();\n  const [ringing, setRinging] = useState(false);\n  const ringingRef = useRef(false);\n  const ringTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const stopRing = useCallback(() => {\n   ringingRef.current = false;\n   setRinging(false);\n   controls.start(\"normal\");\n   if (ringTimer.current) {\n    clearTimeout(ringTimer.current);\n    ringTimer.current = null;\n   }\n  }, [controls]);\n\n  const startRing = useCallback(() => {\n   if (reduced) {\n    stopRing();\n    return;\n   }\n   if (ringingRef.current) return;\n\n   ringingRef.current = true;\n   setRinging(true);\n   ringTimer.current = setTimeout(stopRing, 140);\n  }, [reduced, stopRing]);\n\n  useEffect(\n   () => () => {\n    if (ringTimer.current) clearTimeout(ringTimer.current);\n   },\n   [],\n  );\n\n  useImperativeHandle(ref, () => {\n   return {\n    startAnimation: startRing,\n    stopAnimation: stopRing,\n   };\n  }, [startRing, stopRing]);\n\n  const handleEnter = useCallback(\n   (e?: React.MouseEvent<HTMLDivElement>) => {\n    if (!isAnimated || reduced) return;\n    controls.start(\"animate\");\n    onMouseEnter?.(e as any);\n   },\n   [controls, reduced, isAnimated, onMouseEnter],\n  );\n\n  const handleLeave = useCallback(\n   (e: React.MouseEvent<HTMLDivElement>) => {\n    controls.start(\"normal\");\n    onMouseLeave?.(e as any);\n   },\n   [controls, onMouseLeave],\n  );\n\n  const bellVariants: Variants = {\n   normal: { transform: \"rotate(0deg)\" },\n   ring: {\n    transform: \"rotate(8deg)\",\n    transition: {\n     duration: 0.14,\n     ease: [0.77, 0, 0.175, 1],\n    },\n   },\n   animate: {\n    rotate: [0, 7, -18, 14, -9, 5, -2, 0],\n    transition: {\n     duration: 1.3 * duration,\n     ease: \"easeInOut\",\n     times: [0, 0.09, 0.26, 0.45, 0.62, 0.78, 0.9, 1],\n    },\n   },\n  };\n\n  const clapperVariants: Variants = {\n   normal: { transform: \"translateX(0px)\" },\n   ring: {\n    transform: \"translateX(1px)\",\n    transition: {\n     duration: 0.14,\n     ease: [0.77, 0, 0.175, 1],\n    },\n   },\n   animate: {\n    x: [0, 1.5, -5, 4, -2.5, 1.5, -1, 0],\n    transition: {\n     duration: 1.3 * duration,\n     ease: \"easeInOut\",\n     times: [0, 0.09, 0.26, 0.45, 0.62, 0.78, 0.9, 1],\n     delay: 0.05 * duration,\n    },\n   },\n  };\n\n  return (\n   <LazyMotion features={domMin} strict>\n    <m.div\n     className={cn(\"relative inline-flex\", className)}\n     onMouseEnter={handleEnter}\n     onMouseLeave={handleLeave}\n     {...props}\n     style={{ color, ...props.style }}\n    >\n     <m.svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={size}\n      height={size}\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      animate={ringing ? \"ring\" : controls}\n      initial=\"normal\"\n      variants={bellVariants}\n      style={{ transformOrigin: \"top center\" }}\n     >\n      <m.path d=\"M10.268 21a2 2 0 0 0 3.464 0\" variants={clapperVariants} />\n      <path d=\"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326\" />\n     </m.svg>\n    </m.div>\n   </LazyMotion>\n  );\n },\n);\n\nBellIcon.displayName = \"BellIcon\";\nexport { BellIcon };\n","import * as React from \"react\"\n\nimport { cn } from \"cn\"\n\ntype IconSwapProps = {\n  active: boolean\n  first: React.ReactNode\n  second: React.ReactNode\n  className?: string\n}\n\nexport function IconSwap({ active, first, second, className }: IconSwapProps) {\n  return (\n    <span\n      aria-hidden=\"true\"\n      className={cn(\"t-icon-swap\", className)}\n      data-state={active ? \"b\" : \"a\"}\n    >\n      <span className=\"t-icon\" data-icon=\"a\">\n        {first}\n      </span>\n      <span className=\"t-icon\" data-icon=\"b\">\n        {second}\n      </span>\n    </span>\n  )\n}\n","\"use client\"\n\nimport { cn } from \"cn\"\nimport React from \"react\"\n\ninterface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {\n  size?: number\n  color?: string\n}\n\nexport const Loader = React.forwardRef<HTMLDivElement, LoaderProps>(\n  ({ className, size = 16, color = \"currentColor\", style, ...props }, ref) => {\n    const bars = Array(12).fill(0)\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\"loader-wrapper\", className)}\n        style={\n          {\n            \"--spinner-size\": `${size}px`,\n            \"--spinner-color\": color,\n            ...style,\n          } as React.CSSProperties\n        }\n        {...props}\n      >\n        <div className=\"loader-spinner\">\n          {bars.map((_, i) => (\n            <div className=\"loader-bar\" key={`spinner-bar-${i}`} />\n          ))}\n        </div>\n      </div>\n    )\n  }\n)\n\nLoader.displayName = \"SpellUI.Loader\"\n\nexport type { LoaderProps }\n"],"mappings":"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","names":["cn","jsx","jsxs","cn","jsx"]}

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AnimatedTAGProps, Apple, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BlogCardAnimation, Bottom, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CustomRendererProps, DEFAULT_I18N, DEFAULT_OPERATORS, DashedSeparator, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EASE_DRAWER, EASE_IN_OUT, EASE_OUT, EASE_OUT_CSS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FadeContainer, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Filter, FilterFieldConfig, FilterFieldGroup, FilterFieldsConfig, FilterGroup, FilterI18nConfig, FilterOperator, FilterOption, FilterOptionListRenderProps, Filters, FiltersContent, Image, ImageProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JellyAction, JellyBlob, JellyEmpty, JellyEmptyProps, JellyGroup, JellyLink, JellyMascot, JellyMascotConfig, JellyMini, JellySize, Kbd, KbdGroup, Label, ListItemVariant, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NativeAppBridge, OTPInput, OTPInputProps, OTPStatus, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, QuantityInput, RadioGroup, RadioGroupItem, SPRING_LAYOUT, SPRING_MOUSE, SPRING_PANEL, SPRING_PRESS, SPRING_SWAP, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShimmerSkeleton, ShimmerSkeletonProps, Skeleton, SkeletonAvatar, SkeletonButton, ShimmerSkeletonProps as SkeletonProps, SkeletonRounded, SkeletonText, SkeletonVariant, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Switch, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Top, activityItemAnimation, badgeVariants, buttonGroupVariants, buttonVariants, createFilter, createFilterGroup, fromLeftChildren, fromLeftVariant, fromRightVariant, fromTopVariant, getSkeletonVariantDuration, hamFastFadeContainer, headingFromLeft, kanbanOrderCardAnimation, kanbanOrderCardLayoutTransition, kanbanOrderCardReducedMotionAnimation, mobileNavItemSideways, opacityVariant, popUp, popUpFromBottomForText, resolveSkeletonA11yProps, searchBarSlideAnimation, skeletonRoundedClasses, skeletonVariantDefaultDuration, svgVariant, useAutocompleteFilter, useCarousel, useComboboxAnchor, useJellyMood } from './ui/index.js';
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AnimatedDiv, AnimatedTAGProps, Apple, Autocomplete, AutocompleteClear, AutocompleteCollection, AutocompleteEmpty, AutocompleteGroup, AutocompleteGroupLabel, AutocompleteInput, AutocompleteItem, AutocompleteList, AutocompletePopup, AutocompleteRow, AutocompleteSeparator, AutocompleteStatus, AutocompleteTrigger, AutocompleteValue, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BlogCardAnimation, Bottom, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartConfig, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, CustomRendererProps, DEFAULT_I18N, DEFAULT_OPERATORS, DashedSeparator, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Dock, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerSwipeHandle, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, EASE_DRAWER, EASE_IN_OUT, EASE_OUT, EASE_OUT_CSS, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FadeContainer, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Filter, FilterFieldConfig, FilterFieldGroup, FilterFieldsConfig, FilterGroup, FilterI18nConfig, FilterOperator, FilterOption, FilterOptionListRenderProps, Filters, FiltersContent, Image, ImageProps, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, JellyAction, JellyBlob, JellyEmpty, JellyEmptyProps, JellyGroup, JellyLink, JellyMascot, JellyMascotConfig, JellyMini, JellySize, Kbd, KbdGroup, Label, ListItemVariant, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NativeAppBridge, OTPInput, OTPInputProps, OTPStatus, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, QuantityInput, RadioGroup, RadioGroupItem, SPRING_LAYOUT, SPRING_MOUSE, SPRING_PANEL, SPRING_PRESS, SPRING_SWAP, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, ShimmerSkeleton, ShimmerSkeletonProps, Skeleton, SkeletonAvatar, SkeletonButton, ShimmerSkeletonProps as SkeletonProps, SkeletonRounded, SkeletonText, SkeletonVariant, Sortable, SortableContent, SortableItem, SortableItemHandle, SortableOverlay, SortableProps, Switch, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Top, activityItemAnimation, badgeVariants, buttonGroupVariants, buttonVariants, createFilter, createFilterGroup, fromLeftChildren, fromLeftVariant, fromRightVariant, fromTopVariant, getSkeletonVariantDuration, hamFastFadeContainer, headingFromLeft, kanbanOrderCardAnimation, kanbanOrderCardLayoutTransition, kanbanOrderCardReducedMotionAnimation, mobileNavItemSideways, opacityVariant, popUp, popUpFromBottomForText, resolveSkeletonA11yProps, searchBarSlideAnimation, skeletonRoundedClasses, skeletonVariantDefaultDuration, svgVariant, useAutocompleteFilter, useCarousel, useComboboxAnchor, useJellyMood } from './ui/index.js';
 import * as react from '@ariakit/react';
 export { react as Ariakit };
 export { BellIcon, BellIconHandle, IconSwap, Loader, LoaderProps } from './icon/index.js';
 export { searchFocus, useMediaQuery, useMounted, useNative, useSearchParams } from './hooks/index.js';
-export { c as cn } from './utils-Cbsgs0XP.js';
-export { getCountryFlagUrl } from './utils/index.js';
+export { NativeSharePayload, NativeSharedFile, NativeUpdateInfo, NativeUpdateState, SearchParams, buildFlagSearchParamHref, composeRefs, getNativeAppPlugin, getNativeAppSettingsPlugin, getNativeBrowserPlugin, getNativeCameraPlugin, getNativeImagePickerPlugin, getNativeInAppUpdatePlugin, getNativePaymentPlugin, getNativePlatform, getNativeShareFilePlugin, getNativeSharePlugin, getNativeShareTargetPlugin, getNativeStatusBarPlugin, getNativeThemePlugin, getOpenAI, hasFlagSearchParam, isNativeApp, nativeSharedFileToFile, openExternalUrl, openNativeAppSettings, openUpiPaymentUrl, pickNativeChooserImageFiles, pickNativeImageFiles, saveNativeShareImage, searchParamKeys, searchParams, shareNativeOrWeb, useComposedRefs } from './lib/index.js';
+export { cn } from 'cn';
 export { Autocomplete as AutocompletePrimitive } from '@base-ui/react/autocomplete';
 export { BlobSpeech, BlobSpeechProps, JellyBlobEyeStyle, JellyBlobMascot, JellyBlobMascotDemo, JellyBlobMascotProps, JellyBlobMood } from 'feral-blob';
 export { NuqsAdapter } from 'nuqs/adapters/next/app';
@@ -40,4 +40,5 @@ import '@dnd-kit/core';
 import '@dnd-kit/sortable';
 import '@base-ui/react/switch';
 import '@base-ui/react/tooltip';
-import 'clsx';
+import 'openai';
+import 'nuqs/server';