@tradalab/lyra 3.8.1 → 3.10.0

package/README.md

@@ -26,7 +26,7 @@ The stylesheet pulls in Tailwind v4, so your app needs `@tailwindcss/postcss`.
 |---|---|---|
 | `@tradalab/lyra/utils` | `cn` | server-safe |
 | `@tradalab/lyra/hooks` | `useMobile` | client |
-| `@tradalab/lyra/ui` | 60 shadcn primitives + `AccountMenu`, `ActionButton`, `Container`, `EmptyState`, `StatusBadge` | client |
+| `@tradalab/lyra/ui` | 61 shadcn primitives + `AccountMenu`, `ActionButton`, `Container`, `EmptyState`, `StatusBadge` | client |
 | `@tradalab/lyra/blocks` | `Form`/`FormField` + RHF glue, `Panel`, `Confirm`/`useConfirm`, `Tree`, `TzPicker`, `OptionPicker`, `McpSettings`, `LlmSettings`, `PlatePicker`, `usePlate`, `useCompact`, `PreferenceScript` | client |
 | `@tradalab/lyra/data-table` | `DataTable` + `usePager`, `TableFilterBar`, `TableSearch`, `TableReload`, `filterRows`, `pageWindow` | client |
 | `@tradalab/lyra/shell` | `AppShell`, `PageShell`, `PageHeader`, `NavItem`, `NavGroup`, `Breadcrumbs`, `useActiveRoute` | client |

package/dist/blocks/index.js

@@ -1,6 +1,6 @@
 "use client";
-import { Label, Combobox, ComboboxInput, ComboboxContent, ComboboxEmpty, ComboboxList, ComboboxItem, Spinner, Alert, AlertDescription, FieldGroup, FieldSet, FieldLegend, FieldDescription, Field, FieldContent, FieldLabel, Badge, FieldSeparator, Progress } from '../chunk-ILZ3TANM.js';
-export { PreferenceScript } from '../chunk-ILZ3TANM.js';
+import { Label, Combobox, ComboboxInput, ComboboxContent, ComboboxEmpty, ComboboxList, ComboboxItem, Spinner, Alert, AlertDescription, FieldGroup, FieldSet, FieldLegend, FieldDescription, Field, FieldContent, FieldLabel, Badge, FieldSeparator, Progress } from '../chunk-S5O4AGES.js';
+export { PreferenceScript } from '../chunk-S5O4AGES.js';
 import { NativeSelect, NativeSelectOption } from '../chunk-AM6UJ666.js';
 export { useCompact, usePlate } from '../chunk-AIULLZYM.js';
 import { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, Switch } from '../chunk-CLNMWZPV.js';

package/dist/{chunk-ILZ3TANM.js → chunk-S5O4AGES.js}

@@ -17,6 +17,7 @@ import { Drawer as Drawer$1 } from 'vaul';
 import { OTPInput, OTPInputContext } from 'input-otp';
 import { MessageScroller as MessageScroller$1 } from '@shadcn/react/message-scroller';
 export { useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from '@shadcn/react/message-scroller';
+import { Questionnaire as Questionnaire$1 } from '@shadcn/react/questionnaire';
 import * as ResizablePrimitive from 'react-resizable-panels';
 import { Toast as Toast$1 } from '@base-ui/react/toast';
 
@@ -2726,7 +2727,7 @@ function MessageScrollerViewport({
     {
       "data-slot": "message-scroller-viewport",
       className: cn(
-        "size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent",
+        "size-full min-h-0 min-w-0 scroll-fade-b scrollbar-thin scrollbar-gutter-stable overflow-y-auto overscroll-contain contain-content data-autoscrolling:scrollbar-thumb-transparent data-autoscrolling:scrollbar-track-transparent data-pending-scroll:invisible",
         className
       ),
       ...props
@@ -3084,6 +3085,317 @@ function Progress({
     }
   );
 }
+function Questionnaire({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Root,
+    {
+      "data-slot": "questionnaire",
+      className: cn("flex w-full min-w-0 flex-col gap-4", className),
+      ...props
+    }
+  );
+}
+function QuestionnaireProgress({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Progress,
+    {
+      "data-slot": "questionnaire-progress",
+      className: cn(
+        "min-h-[1lh] w-fit min-w-[14ch] text-xs font-medium text-muted-foreground tabular-nums",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnaireItem({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Item,
+    {
+      "data-slot": "questionnaire-item",
+      className: cn(
+        "flex min-w-0 flex-col gap-4 border-0 p-0 outline-none",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnaireTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Title,
+    {
+      "data-slot": "questionnaire-title",
+      className: cn(
+        "font-heading text-sm font-medium text-pretty [&:not(:has(~[data-slot=questionnaire-description]))]:mb-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnaireDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Description,
+    {
+      "data-slot": "questionnaire-description",
+      className: cn(
+        "text-xs/relaxed text-pretty text-muted-foreground",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnaireChoices({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Choices,
+    {
+      "data-slot": "questionnaire-choices",
+      className: cn(
+        "group/questionnaire-choices grid min-w-0 gap-2",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnaireChoice({
+  children,
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsxs(
+    Questionnaire$1.Choice,
+    {
+      "data-slot": "questionnaire-choice",
+      className: cn(
+        "group/questionnaire-choice relative flex min-h-11 cursor-pointer items-start gap-2.5 rounded-none border border-input bg-transparent px-3 py-2.5 text-start text-xs transition-colors outline-none select-none hover:bg-muted/50 has-[>input:focus-visible]:border-ring has-[>input:focus-visible]:ring-1 has-[>input:focus-visible]:ring-ring/50 data-invalid:border-destructive data-checked:border-foreground/30 data-checked:bg-muted",
+        "data-disabled:pointer-events-none data-disabled:cursor-not-allowed data-disabled:opacity-50",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(
+          Questionnaire$1.ChoiceInput,
+          {
+            "data-slot": "questionnaire-choice-input",
+            className: "absolute inset-0 z-10 size-full cursor-pointer opacity-0"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "span",
+          {
+            "aria-hidden": "true",
+            "data-slot": "questionnaire-choice-indicator",
+            className: "pointer-events-none relative flex size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-none border border-input group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[type=radio]/questionnaire-choice:rounded-full group-data-checked/questionnaire-choice:border-primary group-data-checked/questionnaire-choice:bg-primary group-data-checked/questionnaire-choice:text-primary-foreground",
+            children: [
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  "data-slot": "questionnaire-choice-indicator-dot",
+                  className: "hidden size-2 rounded-full bg-primary-foreground group-data-[type=checkbox]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block"
+                }
+              ),
+              /* @__PURE__ */ jsx(CheckIcon, { "data-slot": "questionnaire-choice-indicator-check", className: "hidden size-3.5 group-data-[type=radio]/questionnaire-choice:hidden group-data-checked/questionnaire-choice:block" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Questionnaire$1.ChoiceLabel,
+          {
+            "data-slot": "questionnaire-choice-label",
+            className: "flex min-w-0 flex-1 flex-col gap-0.5 leading-snug",
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Questionnaire$1.ChoiceShortcut,
+          {
+            "data-slot": "questionnaire-choice-shortcut",
+            className: "pointer-events-none ms-auto hidden size-4 shrink-0 translate-y-[--spacing(0.45)] items-center justify-center rounded-none border border-input bg-background font-mono text-[0.625rem] leading-none font-medium text-muted-foreground group-has-data-[slot=questionnaire-choice-description]/questionnaire-choice:translate-y-0.5 group-data-[shortcut]/questionnaire-choice:inline-flex"
+          }
+        )
+      ]
+    }
+  );
+}
+function QuestionnaireChoiceDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "span",
+    {
+      "data-slot": "questionnaire-choice-description",
+      className: cn("text-muted-foreground", className),
+      ...props
+    }
+  );
+}
+function QuestionnaireInput({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "questionnaire-input-wrapper",
+      className: "group/questionnaire-input relative w-full min-w-0",
+      children: /* @__PURE__ */ jsx(
+        Questionnaire$1.Input,
+        {
+          "data-slot": "questionnaire-input",
+          className: cn(
+            "h-8 min-h-11 w-full min-w-0 rounded-none border border-input bg-transparent px-2.5 py-1 text-xs transition-[color,box-shadow,background-color] outline-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 sm:min-h-0 md:text-xs dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+            "selection:bg-primary selection:text-primary-foreground placeholder:text-muted-foreground",
+            className
+          ),
+          ...props
+        }
+      )
+    }
+  );
+}
+function QuestionnaireError({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Error,
+    {
+      "data-slot": "questionnaire-error",
+      className: cn("mt-2 text-xs text-destructive", className),
+      ...props
+    }
+  );
+}
+function QuestionnaireActions({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "questionnaire-actions",
+      className: cn(
+        "grid min-h-11 w-full grid-cols-[minmax(0,1fr)_auto_auto] items-center gap-1.5 sm:min-h-8",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function QuestionnairePrevious({
+  children,
+  className,
+  size = "default",
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Previous,
+    {
+      "data-slot": "questionnaire-previous",
+      "data-size": size,
+      "data-variant": variant,
+      className: cn(
+        buttonVariants({ size, variant }),
+        "col-start-1 row-start-1 min-h-11 justify-self-start sm:min-h-0",
+        className
+      ),
+      ...props,
+      children: children ?? "Previous"
+    }
+  );
+}
+function QuestionnaireSkip({
+  children,
+  className,
+  size = "default",
+  variant = "outline",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Skip,
+    {
+      "data-slot": "questionnaire-skip",
+      "data-size": size,
+      "data-variant": variant,
+      className: cn(
+        buttonVariants({ size, variant }),
+        "col-start-2 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+        className
+      ),
+      ...props,
+      children: children ?? "Skip"
+    }
+  );
+}
+function QuestionnaireNext({
+  children,
+  className,
+  size = "default",
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Next,
+    {
+      "data-slot": "questionnaire-next",
+      "data-size": size,
+      "data-variant": variant,
+      className: cn(
+        buttonVariants({ size, variant }),
+        "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+        className
+      ),
+      ...props,
+      children: children ?? "Next"
+    }
+  );
+}
+function QuestionnaireSubmit({
+  children,
+  className,
+  size = "default",
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Questionnaire$1.Submit,
+    {
+      "data-slot": "questionnaire-submit",
+      "data-size": size,
+      "data-variant": variant,
+      className: cn(
+        buttonVariants({ size, variant }),
+        "col-start-3 row-start-1 min-h-11 justify-self-end sm:min-h-0",
+        className
+      ),
+      ...props,
+      children: children ?? "Submit"
+    }
+  );
+}
 function ResizablePanelGroup({
   className,
   ...props
@@ -3771,6 +4083,6 @@ function PreferenceScript() {
   return /* @__PURE__ */ jsx("script", { dangerouslySetInnerHTML: { __html: SCRIPT } });
 }
 
-export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Badge, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Container, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PreferenceScript, Progress, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider, Spinner, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonGroupVariants, createToastManager, markerVariants, navigationMenuTriggerStyle, tabsListVariants, toast, toggleVariants, useCarousel, useComboboxAnchor, useDirection, useToastManager };
-//# sourceMappingURL=chunk-ILZ3TANM.js.map
-//# sourceMappingURL=chunk-ILZ3TANM.js.map
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, ActionButton, Alert, AlertAction, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, AspectRatio, Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger, Badge, Bubble, BubbleContent, BubbleGroup, BubbleReactions, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Container, DirectionProvider, Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyState, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Kbd, KbdGroup, Label, Marker, MarkerContent, MarkerIcon, Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger, Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader, MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PreferenceScript, Progress, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, ResizableHandle, ResizablePanel, ResizablePanelGroup, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Slider, Spinner, StatusBadge, Tabs, TabsContent, TabsList, TabsTrigger, Toast, ToastAction, ToastClose, ToastContent, ToastDescription, ToastPortal, ToastProvider, ToastTitle, ToastViewport, Toaster, Toggle, ToggleGroup, ToggleGroupItem, badgeVariants, buttonGroupVariants, createToastManager, markerVariants, navigationMenuTriggerStyle, tabsListVariants, toast, toggleVariants, useCarousel, useComboboxAnchor, useDirection, useToastManager };
+//# sourceMappingURL=chunk-S5O4AGES.js.map
+//# sourceMappingURL=chunk-S5O4AGES.js.map