@vllnt/ui 0.3.0-canary.f3cafe8 → 0.3.0

package/dist/components/historical-figure-card/historical-figure-card.js

@@ -1,7 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import {
-  forwardRef,
   useCallback,
   useState
 } from "react";
@@ -196,7 +195,10 @@ function FigureLifeBlock({
     )
   ] });
 }
-const HistoricalFigureCard = forwardRef((props, ref) => {
+const HistoricalFigureCard = ({
+  ref,
+  ...props
+}) => {
   const {
     biography,
     birth,
@@ -263,7 +265,7 @@ const HistoricalFigureCard = forwardRef((props, ref) => {
       ]
     }
   );
-});
+};
 HistoricalFigureCard.displayName = "HistoricalFigureCard";
 export {
   HistoricalFigureCard

package/dist/components/hover-card/hover-card.js

@@ -1,11 +1,16 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 import { cn } from "../../lib/utils";
 const HoverCard = HoverCardPrimitive.Root;
 const HoverCardTrigger = HoverCardPrimitive.Trigger;
-const HoverCardContent = forwardRef(({ align = "center", className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(
+const HoverCardContent = ({
+  align = "center",
+  className,
+  ref,
+  sideOffset = 4,
+  ...props
+}) => /* @__PURE__ */ jsx(
   HoverCardPrimitive.Content,
   {
     align,
@@ -17,7 +22,7 @@ const HoverCardContent = forwardRef(({ align = "center", className, sideOffset =
     sideOffset,
     ...props
   }
-));
+);
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 export {
   HoverCard,

package/dist/components/index.js

@@ -163,6 +163,65 @@ import {
   InputOTPSeparator,
   InputOTPSlot
 } from "./input-otp";
+import {
+  ButtonGroup,
+  buttonGroupVariants
+} from "./button-group";
+import {
+  CheckboxGroup,
+  CheckboxGroupItem
+} from "./checkbox-group";
+import { ColorPicker } from "./color-picker";
+import { DateField } from "./date-field";
+import {
+  DateRangePicker
+} from "./date-range-picker";
+import {
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  fieldVariants
+} from "./field";
+import {
+  Fieldset,
+  FieldsetContent,
+  FieldsetLegend
+} from "./fieldset";
+import {
+  InputGroup,
+  InputGroupAddon,
+  inputGroupAddonVariants,
+  InputGroupInput,
+  inputGroupVariants
+} from "./input-group";
+import {
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemMedia,
+  ItemTitle,
+  itemVariants
+} from "./item";
+import {
+  ListBox,
+  ListBoxItem
+} from "./list-box";
+import { NativeSelect } from "./native-select";
+import {
+  PhoneInput
+} from "./phone-input";
+import { RangeCalendar } from "./range-calendar";
+import { SearchField } from "./search-field";
+import {
+  TagGroup,
+  TagGroupItem
+} from "./tag-group";
+import { TextField } from "./text-field";
+import { TimeField } from "./time-field";
+import { TimePicker } from "./time-picker";
 import {
   Tooltip,
   TooltipContent,
@@ -521,6 +580,17 @@ import {
 } from "./watchlist";
 import { BarChart, LineChart } from "./chart";
 import { AreaChart } from "./chart";
+import {
+  ContributionGraph
+} from "./contribution-graph";
+import { GaugeChart } from "./gauge-chart";
+import { PieChart } from "./pie-chart";
+import {
+  RadarChart
+} from "./radar-chart";
+import {
+  SankeyChart
+} from "./sankey-chart";
 import { LiveFeed } from "./live-feed";
 import {
   MetricGauge
@@ -839,6 +909,96 @@ import {
 } from "./model-selector";
 import { SidebarToggle } from "./sidebar-toggle";
 import { ThinkingBlock } from "./thinking-block";
+import { AnimatedBeam } from "./animated-beam";
+import {
+  AnimatedGridPattern
+} from "./animated-grid-pattern";
+import { AnimatedList } from "./animated-list";
+import {
+  AnimatedTabs
+} from "./animated-tabs";
+import {
+  AnimatedTestimonials
+} from "./animated-testimonials";
+import {
+  AnimatedTooltip
+} from "./animated-tooltip";
+import {
+  BentoCard,
+  BentoGrid
+} from "./bento-grid";
+import { BlurReveal } from "./blur-reveal";
+import { CardFlip } from "./card-flip";
+import { Cursor } from "./cursor";
+import { Dock, DockIcon } from "./dock";
+import { DotPattern } from "./dot-pattern";
+import {
+  ExpandableCards
+} from "./expandable-cards";
+import { FloatingNavbar } from "./floating-navbar";
+import { GlassCard } from "./glass-card";
+import { GlassProgress } from "./glass-progress";
+import { LiquidGlass } from "./liquid-glass";
+import { Magnetic } from "./magnetic";
+import { MagneticButton } from "./magnetic-button";
+import { Meteors } from "./meteors";
+import { Particles } from "./particles";
+import {
+  ProgressiveBlur
+} from "./progressive-blur";
+import {
+  RevealText
+} from "./reveal-text";
+import { ScrambleText } from "./scramble-text";
+import { ScrollProgress } from "./scroll-progress";
+import { ShimmerButton } from "./shimmer-button";
+import { ShimmerText } from "./shimmer-text";
+import { ShineBorder } from "./shine-border";
+import { ShinyButton } from "./shiny-button";
+import { Sparkles } from "./sparkles";
+import { SpinningText } from "./spinning-text";
+import { SpotlightCard } from "./spotlight-card";
+import {
+  TextAnimate
+} from "./text-animate";
+import { TextReveal } from "./text-reveal";
+import { TextShimmer } from "./text-shimmer";
+import { TiltCard } from "./tilt-card";
+import { Typewriter } from "./typewriter";
+import { Reasoning } from "./reasoning";
+import {
+  ChainOfThought
+} from "./chain-of-thought";
+import { PromptInput } from "./prompt-input";
+import {
+  Blockquote,
+  H1,
+  H2,
+  H3,
+  H4,
+  InlineCode,
+  Lead,
+  List,
+  Muted,
+  P,
+  typographyVariants
+} from "./typography";
+import { Link, linkVariants } from "./link";
+import {
+  Toolbar,
+  ToolbarSeparator
+} from "./toolbar";
+import { Meter, meterFillVariants } from "./meter";
+import { QrCode } from "./qr-code";
+import { Grid } from "./grid";
+import {
+  Panel,
+  PanelBody,
+  PanelDescription,
+  PanelFooter,
+  PanelHeader,
+  PanelTitle
+} from "./panel";
 export {
   AIArtifact,
   AIArtifactContent,
@@ -890,7 +1050,13 @@ export {
   AlertPulse,
   AlertTitle,
   AnchorPort,
+  AnimatedBeam,
+  AnimatedGridPattern,
+  AnimatedList,
+  AnimatedTabs,
+  AnimatedTestimonials,
   AnimatedText,
+  AnimatedTooltip,
   Annotation,
   AreaChart,
   AspectRatio,
@@ -904,12 +1070,17 @@ export {
   BannerAction,
   BarChart,
   BeforeAfter,
+  BentoCard,
+  BentoGrid,
+  Blockquote,
   BlogCard,
+  BlurReveal,
   BorderBeam,
   BottomActivityStrip,
   BottomBar,
   Breadcrumb,
   Button,
+  ButtonGroup,
   Calendar,
   Callout,
   CandlestickChart,
@@ -918,6 +1089,7 @@ export {
   Card,
   CardContent,
   CardDescription,
+  CardFlip,
   CardFooter,
   CardHeader,
   CardTitle,
@@ -927,8 +1099,11 @@ export {
   CarouselNext,
   CarouselPrevious,
   CategoryFilter,
+  ChainOfThought,
   ChatDockSection,
   Checkbox,
+  CheckboxGroup,
+  CheckboxGroupItem,
   Checklist,
   ChoroplethLegend,
   ChoroplethMap,
@@ -942,6 +1117,7 @@ export {
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
+  ColorPicker,
   Combobox,
   Command,
   CommandDialog,
@@ -975,6 +1151,7 @@ export {
   ContextMenuSubContent,
   ContextMenuSubTrigger,
   ContextMenuTrigger,
+  ContributionGraph,
   ConversationEmpty,
   ConversationHeader,
   ConversationLoading,
@@ -990,12 +1167,15 @@ export {
   Curriculum,
   CurriculumLesson,
   CurriculumModule,
+  Cursor,
   DataList,
   DataListItem,
   DataListLabel,
   DataListValue,
   DataTable,
+  DateField,
   DatePicker,
+  DateRangePicker,
   Dialog,
   DialogClose,
   DialogContent,
@@ -1006,7 +1186,10 @@ export {
   DialogPortal,
   DialogTitle,
   DialogTrigger,
+  Dock,
+  DockIcon,
   DocumentSiblingNav,
+  DotPattern,
   Drawer,
   DrawerClose,
   DrawerContent,
@@ -1040,13 +1223,23 @@ export {
   EraFigure,
   EraHighlight,
   Exercise,
+  ExpandableCards,
   FAQ,
   FAQItem,
+  Field,
+  FieldControl,
+  FieldDescription,
+  FieldError,
+  FieldLabel,
+  Fieldset,
+  FieldsetContent,
+  FieldsetLegend,
   FileTree,
   FileUpload,
   FilterBar,
   Flashcard,
   FloatingActionButton,
+  FloatingNavbar,
   FloatingToolbar,
   FlowControls,
   FlowDiagram,
@@ -1061,16 +1254,24 @@ export {
   FormLabel,
   FormMessage,
   GanttChart,
+  GaugeChart,
   GeographyQuizMap,
   GeographyQuizMapPrompt,
   GeographyQuizMapResults,
   GeographyQuizMapScore,
+  GlassCard,
   GlassPanel,
+  GlassProgress,
   Globe3D,
   GlobeArc,
   GlobeMarker,
   Glossary,
+  Grid,
   GroupHull,
+  H1,
+  H2,
+  H3,
+  H4,
   HandoffBeacon,
   HeatMapOverlay,
   HeatOverlay,
@@ -1082,8 +1283,12 @@ export {
   HoverCardContent,
   HoverCardTrigger,
   InfinitePlane,
+  InlineCode,
   InlineInput,
   Input,
+  InputGroup,
+  InputGroupAddon,
+  InputGroupInput,
   InputOTP,
   InputOTPGroup,
   InputOTPSeparator,
@@ -1094,6 +1299,12 @@ export {
   InteractiveTimelineToolbar,
   InteractiveTimelineZoomIn,
   InteractiveTimelineZoomOut,
+  Item,
+  ItemActions,
+  ItemContent,
+  ItemDescription,
+  ItemMedia,
+  ItemTitle,
   JarvisDock,
   Kbd,
   KeyConcept,
@@ -1101,12 +1312,20 @@ export {
   KnowledgeCheck,
   Label,
   LangProvider,
+  Lead,
   LearningObjectives,
   LeftRail,
   LineChart,
+  Link,
+  LiquidGlass,
+  List,
+  ListBox,
+  ListBoxItem,
   LiveCursor,
   LiveFeed,
   MDXContent,
+  Magnetic,
+  MagneticButton,
   Map2D,
   MapControls,
   MapLayer,
@@ -1139,6 +1358,8 @@ export {
   MenubarSubContent,
   MenubarSubTrigger,
   MenubarTrigger,
+  Meteors,
+  Meter,
   MetricCluster,
   MetricGauge,
   MiniMapPanel,
@@ -1149,6 +1370,8 @@ export {
   ModelSelector,
   MultiSelect,
   MultiSelectLasso,
+  Muted,
+  NativeSelect,
   NavbarSaas,
   NavigationMenu,
   NavigationMenuContent,
@@ -1167,9 +1390,19 @@ export {
   OrderBook,
   OverviewBoard,
   OverviewCard,
+  P,
   Pagination,
+  Panel,
+  PanelBody,
+  PanelDescription,
+  PanelFooter,
+  PanelHeader,
+  PanelTitle,
   ParallelTimeline,
+  Particles,
   PasswordInput,
+  PhoneInput,
+  PieChart,
   PlanBadge,
   PlaybackGhost,
   PolicyDeliveryPanel,
@@ -1204,27 +1437,38 @@ export {
   ProgressTrackerOverview,
   ProgressTrackerStat,
   ProgressTrackerStats,
+  ProgressiveBlur,
+  PromptInput,
   PromptTemplates,
   PropertySection,
+  QrCode,
   Quiz,
+  RadarChart,
   RadioGroup,
   RadioGroupItem,
+  RangeCalendar,
   Rating,
+  Reasoning,
   RelationshipInspector,
   ResizableHandle,
   ResizablePanel,
   ResizablePanelGroup,
+  RevealText,
   RightDock,
   RoleBadge,
   RouteMap,
   RoutingAssignmentPanel,
   RunTimeline,
   RuntimeOverviewPanel,
+  SankeyChart,
   ScopeSelector,
+  ScrambleText,
   ScrollArea,
   ScrollBar,
+  ScrollProgress,
   SearchBar,
   SearchDialog,
+  SearchField,
   SegmentedControl,
   SegmentedControlItem,
   Select,
@@ -1253,6 +1497,10 @@ export {
   SheetPortal,
   SheetTitle,
   SheetTrigger,
+  ShimmerButton,
+  ShimmerText,
+  ShineBorder,
+  ShinyButton,
   Sidebar,
   SidebarProvider,
   SidebarToggle,
@@ -1262,8 +1510,11 @@ export {
   Slideshow,
   SnapGuides,
   SocialFAB,
+  Sparkles,
   SparklineGrid,
   Spinner,
+  SpinningText,
+  SpotlightCard,
   StatCard,
   StateBadgeOverlay,
   StaticCode,
@@ -1294,8 +1545,14 @@ export {
   TabsContent,
   TabsList,
   TabsTrigger,
+  TagGroup,
+  TagGroupItem,
   TagsInput,
   Terminal,
+  TextAnimate,
+  TextField,
+  TextReveal,
+  TextShimmer,
   Textarea,
   ThemePresetProvider,
   ThemeProvider,
@@ -1305,6 +1562,9 @@ export {
   ThreadBubble,
   ThresholdRing,
   TickerTape,
+  TiltCard,
+  TimeField,
+  TimePicker,
   Timeline,
   TimelineItem,
   TimelineScrubber,
@@ -1317,6 +1577,8 @@ export {
   Toggle,
   ToggleGroup,
   ToggleGroupItem,
+  Toolbar,
+  ToolbarSeparator,
   Tooltip,
   TooltipContent,
   TooltipProvider,
@@ -1333,6 +1595,7 @@ export {
   TutorialFilters,
   TutorialIntroContent,
   TutorialMDX,
+  Typewriter,
   UnicodeSpinner,
   UsageBreakdown,
   VideoEmbed,
@@ -1349,6 +1612,7 @@ export {
   avatarItemVariants,
   badgeVariants,
   bannerVariants,
+  buttonGroupVariants,
   buttonVariants,
   cookieConsentVariants,
   dataListItemVariants,
@@ -1356,10 +1620,16 @@ export {
   documentSiblingNavVariants,
   dotVariants,
   emptyStateVariants,
+  fieldVariants,
   formatTransactionAmount,
   formatTransactionDate,
+  inputGroupAddonVariants,
+  inputGroupVariants,
+  itemVariants,
   kbdVariants,
+  linkVariants,
   mdxComponents,
+  meterFillVariants,
   navigationMenuTriggerStyle,
   newsletterSignupReducer,
   segmentedControlItemVariants,
@@ -1370,6 +1640,7 @@ export {
   timelineVariants,
   toast,
   toggleVariants,
+  typographyVariants,
   useAIArtifact,
   useAISidebar,
   useAgentStepStatus,

package/dist/components/infinite-plane/infinite-plane.js

@@ -1,8 +1,5 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
-import {
-  forwardRef
-} from "react";
 import { cn } from "../../lib/utils";
 const DEFAULT_LABELS = {
   region: "Infinite plane"
@@ -36,39 +33,40 @@ const buildBackground = (input) => {
     backgroundSize: `${size}px ${size}px`
   };
 };
-const InfinitePlane = forwardRef(
-  (props, ref) => {
-    const {
-      children,
-      className,
-      labels,
-      pattern = "dot",
-      spacing = 32,
-      translate = { x: 0, y: 0 },
-      zoom = 1,
-      ...rest
-    } = props;
-    const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
-    const background = buildBackground({ pattern, spacing, translate, zoom });
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        "aria-label": resolvedLabels.region,
-        className: cn(
-          "relative h-full w-full overflow-hidden bg-background",
-          className
-        ),
-        "data-infinite-plane": true,
-        "data-infinite-plane-pattern": pattern,
-        ref,
-        role: "region",
-        style: background,
-        ...rest,
-        children
-      }
-    );
-  }
-);
+const InfinitePlane = ({
+  ref,
+  ...props
+}) => {
+  const {
+    children,
+    className,
+    labels,
+    pattern = "dot",
+    spacing = 32,
+    translate = { x: 0, y: 0 },
+    zoom = 1,
+    ...rest
+  } = props;
+  const resolvedLabels = { ...DEFAULT_LABELS, ...labels };
+  const background = buildBackground({ pattern, spacing, translate, zoom });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "aria-label": resolvedLabels.region,
+      className: cn(
+        "relative h-full w-full overflow-hidden bg-background",
+        className
+      ),
+      "data-infinite-plane": true,
+      "data-infinite-plane-pattern": pattern,
+      ref,
+      role: "region",
+      style: background,
+      ...rest,
+      children
+    }
+  );
+};
 InfinitePlane.displayName = "InfinitePlane";
 export {
   InfinitePlane

package/dist/components/input/input.js

@@ -1,22 +1,24 @@
 import { jsx } from "react/jsx-runtime";
-import * as React from "react";
 import { cn } from "../../lib/utils";
-const Input = React.forwardRef(
-  ({ className, type, ...props }, reference) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        className: cn(
-          "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
-          className
-        ),
-        ref: reference,
-        type,
-        ...props
-      }
-    );
-  }
-);
+const Input = ({
+  className,
+  ref: reference,
+  type,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      className: cn(
+        "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        className
+      ),
+      ref: reference,
+      type,
+      ...props
+    }
+  );
+};
 Input.displayName = "Input";
 export {
   Input