@konopskidev/ui 0.0.0-stage → 0.1.1

package/dist/components/ui/trace.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trace.js","names":[],"sources":["../../../src/components/ui/trace.tsx"],"sourcesContent":["import { cn } from 'cn';\nimport { ChevronRightIcon } from 'lucide-react';\nimport * as React from 'react';\n\nimport { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapsible';\n\nfunction Trace({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"trace\"\n      className={cn(\n        '*:has-[>[data-slot=trace-line]]: *:has-[>[data-slot=trace-line]]: flex w-full min-w-0 flex-col gap-2 *:has-[>[data-slot=trace-line]]:flex *:has-[>[data-slot=trace-line]]:w-fit *:has-[>[data-slot=trace-line]]:max-w-full *:has-[>[data-slot=trace-line]]:min-w-0 *:has-[>[data-slot=trace-line]]:rounded-sm *:has-[>[data-slot=trace-line]]:text-left *:has-[>[data-slot=trace-line]]:outline-none',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TraceLine({\n  className,\n  status,\n  ...props\n}: React.ComponentProps<'span'> & {\n  status?: 'running' | 'error' | 'pending';\n}) {\n  return (\n    <span\n      data-slot=\"trace-line\"\n      data-status={status}\n      className={cn(\n        'flex w-fit max-w-full min-w-0 items-center gap-2 text-sm text-muted-foreground transition-colors in-[a,button]:cursor-pointer in-[a:hover,button:hover]:text-foreground data-[status=error]:text-destructive data-[status=error]:in-[a:hover,button:hover]:text-destructive data-[status=pending]:opacity-60 data-[status=running]:*:data-[slot=trace-title]:shimmer',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TraceIcon({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"trace-icon\"\n      aria-hidden=\"true\"\n      className={cn(\n        \"flex size-4 shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [[data-slot=trace-title]~&]:-ml-1\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction TraceTitle({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"trace-title\"\n      className={cn('min-w-0 truncate motion-reduce:shimmer-none', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TraceDescription({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"trace-description\"\n      className={cn('shrink-0 text-muted-foreground/70 tabular-nums', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TraceCollapsible({\n  className,\n  ...props\n}: Omit<React.ComponentProps<typeof Collapsible>, 'asChild' | 'open'> &\n  (\n    | { open?: undefined }\n    | {\n        open: boolean;\n        onOpenChange: NonNullable<React.ComponentProps<typeof Collapsible>['onOpenChange']>;\n      }\n  )) {\n  return (\n    <Collapsible\n      data-slot=\"trace-collapsible\"\n      className={cn('flex w-full min-w-0 flex-col', className)}\n      {...props}\n    />\n  );\n}\n\nfunction TraceCollapsibleTrigger({\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof CollapsibleTrigger>, 'asChild'>) {\n  return (\n    <CollapsibleTrigger\n      data-slot=\"trace-collapsible-trigger\"\n      className={cn(\n        'group/trace-collapsible-trigger flex w-fit max-w-full min-w-0 cursor-pointer items-center gap-1 rounded-sm text-left text-muted-foreground focus-ring transition-colors outline-none hover:text-foreground has-[[data-status=error]]:text-destructive',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <TraceIcon className=\"transition-transform group-aria-expanded/trace-collapsible-trigger:rotate-90\">\n        <ChevronRightIcon />\n      </TraceIcon>\n    </CollapsibleTrigger>\n  );\n}\n\nfunction TraceCollapsibleContent({\n  className,\n  children,\n  ...props\n}: Omit<React.ComponentProps<typeof CollapsibleContent>, 'asChild'>) {\n  return (\n    <CollapsibleContent\n      data-slot=\"trace-collapsible-content\"\n      className=\"min-w-0 overflow-hidden duration-200 [--radix-accordion-content-height:var(--radix-collapsible-content-height)] data-open:animate-accordion-down data-closed:animate-accordion-up\"\n      {...props}\n    >\n      <div\n        data-slot=\"trace-collapsible-content-inner\"\n        className={cn(\n          'mt-2 mb-1 ml-[calc(--spacing(2)-1px)] min-w-0 border-l pr-1 pl-4 leading-relaxed wrap-break-word text-muted-foreground',\n          className,\n        )}\n      >\n        {children}\n      </div>\n    </CollapsibleContent>\n  );\n}\n\nexport {\n  Trace,\n  TraceLine,\n  TraceIcon,\n  TraceTitle,\n  TraceDescription,\n  TraceCollapsible,\n  TraceCollapsibleTrigger,\n  TraceCollapsibleContent,\n};\n"],"mappings":";;;;;;AAMA,SAAS,MAAM,EAAE,WAAW,GAAG,SAAsC;CACnE,OACE,oBAAC,OAAD;EACE,aAAU;EACV,WAAW,GACT,wYACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EACjB,WACA,QACA,GAAG,SAGF;CACD,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAa;EACb,WAAW,GACT,wWACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,UAAU,EAAE,WAAW,GAAG,SAAuC;CACxE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,eAAY;EACZ,WAAW,GACT,uJACA,SACF;EACA,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,WAAW,EAAE,WAAW,GAAG,SAAuC;CACzE,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,+CAA+C,SAAS;EACtE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EAAE,WAAW,GAAG,SAAuC;CAC/E,OACE,oBAAC,QAAD;EACE,aAAU;EACV,WAAW,GAAG,kDAAkD,SAAS;EACzE,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,iBAAiB,EACxB,WACA,GAAG,SAQA;CACH,OACE,oBAAC,aAAD;EACE,aAAU;EACV,WAAW,GAAG,gCAAgC,SAAS;EACvD,GAAI;CACL,CAAA;AAEL;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SACgE;CACnE,OACE,qBAAC,oBAAD;EACE,aAAU;EACV,WAAW,GACT,yPACA,SACF;EACA,GAAI;EANN,UAAA,CAQG,UACD,oBAAC,WAAD;GAAW,WAAU;GACnB,UAAA,oBAAC,kBAAD,CAAmB,CAAA;EACV,CAAA,CACO;;AAExB;AAEA,SAAS,wBAAwB,EAC/B,WACA,UACA,GAAG,SACgE;CACnE,OACE,oBAAC,oBAAD;EACE,aAAU;EACV,WAAU;EACV,GAAI;EAEJ,UAAA,oBAAC,OAAD;GACE,aAAU;GACV,WAAW,GACT,0HACA,SACF;GAEC;EACE,CAAA;CACa,CAAA;AAExB"}

package/dist/hooks/use-highlighted-code.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+export declare function useHighlightedCode(value: string, language: string): (string | number | bigint | boolean | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | Promise<string | number | bigint | boolean | React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>> | Iterable<React.ReactNode> | null | undefined> | React.JSX.Element[] | null | undefined)[];
+//# sourceMappingURL=use-highlighted-code.d.ts.map

package/dist/hooks/use-highlighted-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-highlighted-code.d.ts","sourceRoot":"","sources":["../../src/hooks/use-highlighted-code.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,kXAmEjE"}

package/dist/hooks/use-mobile.d.ts

@@ -0,0 +1,2 @@
+export declare function useIsMobile(): boolean;
+//# sourceMappingURL=use-mobile.d.ts.map

package/dist/hooks/use-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.d.ts","sourceRoot":"","sources":["../../src/hooks/use-mobile.ts"],"names":[],"mappings":"AAqBA,wBAAgB,WAAW,YAE1B"}

package/dist/hooks/use-mobile.js

@@ -0,0 +1,22 @@
+import * as React from "react";
+// src/hooks/use-mobile.ts
+var MOBILE_BREAKPOINT = 768;
+var QUERY = `(max-width: 767px)`;
+function subscribe(onChange) {
+	const mql = window.matchMedia(QUERY);
+	mql.addEventListener("change", onChange);
+	return () => mql.removeEventListener("change", onChange);
+}
+function getSnapshot() {
+	return window.innerWidth < MOBILE_BREAKPOINT;
+}
+/** `false` on the server and during hydration, then the real viewport. */
+function getServerSnapshot() {
+	return false;
+}
+function useIsMobile() {
+	return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
+}
+export { useIsMobile };
+
+//# sourceMappingURL=use-mobile.js.map

package/dist/hooks/use-mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-mobile.js","names":[],"sources":["../../src/hooks/use-mobile.ts"],"sourcesContent":["import * as React from 'react';\n\nconst MOBILE_BREAKPOINT = 768;\nconst QUERY = `(max-width: ${MOBILE_BREAKPOINT - 1}px)`;\n\nfunction subscribe(onChange: () => void) {\n  const mql = window.matchMedia(QUERY);\n  mql.addEventListener('change', onChange);\n\n  return () => mql.removeEventListener('change', onChange);\n}\n\nfunction getSnapshot() {\n  return window.innerWidth < MOBILE_BREAKPOINT;\n}\n\n/** `false` on the server and during hydration, then the real viewport. */\nfunction getServerSnapshot() {\n  return false;\n}\n\nexport function useIsMobile() {\n  return React.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);\n}\n"],"mappings":";;AAEA,IAAM,oBAAoB;AAC1B,IAAM,QAAQ;AAEd,SAAS,UAAU,UAAsB;CACvC,MAAM,MAAM,OAAO,WAAW,KAAK;CACnC,IAAI,iBAAiB,UAAU,QAAQ;CAEvC,aAAa,IAAI,oBAAoB,UAAU,QAAQ;AACzD;AAEA,SAAS,cAAc;CACrB,OAAO,OAAO,aAAa;AAC7B;;AAGA,SAAS,oBAAoB;CAC3B,OAAO;AACT;AAEA,SAAgB,cAAc;CAC5B,OAAO,MAAM,qBAAqB,WAAW,aAAa,iBAAiB;AAC7E"}

package/dist/index.d.ts

@@ -0,0 +1,74 @@
+/**
+ * @konopskidev/ui
+ *
+ * Every component is also importable on its own, e.g.
+ * `import { Button } from '@konopskidev/ui/components/button'`,
+ * which keeps a consumer bundle to what it actually uses.
+ */
+export * from './components/ui/accordion.js';
+export * from './components/ui/alert.js';
+export * from './components/ui/alert-dialog.js';
+export * from './components/ui/aspect-ratio.js';
+export * from './components/ui/attachment.js';
+export * from './components/ui/avatar.js';
+export * from './components/ui/badge.js';
+export * from './components/ui/breadcrumb.js';
+export * from './components/ui/bubble.js';
+export * from './components/ui/button.js';
+export * from './components/ui/button-group.js';
+export * from './components/ui/calendar.js';
+export * from './components/ui/card.js';
+export * from './components/ui/carousel.js';
+export * from './components/ui/chart.js';
+export * from './components/ui/checkbox.js';
+export * from './components/ui/code-block.js';
+export * from './components/ui/collapsible.js';
+export * from './components/ui/combobox.js';
+export * from './components/ui/command.js';
+export * from './components/ui/context-menu.js';
+export * from './components/ui/dialog.js';
+export * from './components/ui/direction.js';
+export * from './components/ui/drawer.js';
+export * from './components/ui/dropdown-menu.js';
+export * from './components/ui/empty.js';
+export * from './components/ui/field.js';
+export * from './components/ui/hover-card.js';
+export * from './components/ui/input.js';
+export * from './components/ui/input-group.js';
+export * from './components/ui/input-otp.js';
+export * from './components/ui/item.js';
+export * from './components/ui/kbd.js';
+export * from './components/ui/label.js';
+export * from './components/ui/marker.js';
+export * from './components/ui/menubar.js';
+export * from './components/ui/message.js';
+export * from './components/ui/message-scroller.js';
+export * from './components/ui/native-select.js';
+export * from './components/ui/navigation-menu.js';
+export * from './components/ui/pagination.js';
+export * from './components/ui/popover.js';
+export * from './components/ui/progress.js';
+export * from './components/ui/questionnaire.js';
+export * from './components/ui/radio-group.js';
+export * from './components/ui/resizable.js';
+export * from './components/ui/scroll-area.js';
+export * from './components/ui/select.js';
+export * from './components/ui/separator.js';
+export * from './components/ui/sheet.js';
+export * from './components/ui/sidebar.js';
+export * from './components/ui/skeleton.js';
+export * from './components/ui/slider.js';
+export * from './components/ui/sonner.js';
+export * from './components/ui/spinner.js';
+export * from './components/ui/switch.js';
+export * from './components/ui/table.js';
+export * from './components/ui/tabs.js';
+export * from './components/ui/textarea.js';
+export * from './components/ui/toggle.js';
+export * from './components/ui/toggle-group.js';
+export * from './components/ui/tooltip.js';
+export * from './components/ui/trace.js';
+export * from './lib/utils.js';
+export * from './lib/get-placeholder.js';
+export * from './hooks/use-mobile.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,uBAAuB,CAAC;AACtC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kCAAkC,CAAC;AACjD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AAEtC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC"}

package/dist/index.js

@@ -0,0 +1,67 @@
+import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from "./components/ui/accordion.js";
+import { Alert, AlertAction, AlertDescription, AlertTitle } from "./components/ui/alert.js";
+import { Button, buttonVariants } from "./components/ui/button.js";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger } from "./components/ui/alert-dialog.js";
+import { AspectRatio } from "./components/ui/aspect-ratio.js";
+import { Attachment, AttachmentAction, AttachmentActions, AttachmentContent, AttachmentDescription, AttachmentGroup, AttachmentMedia, AttachmentTitle, AttachmentTrigger } from "./components/ui/attachment.js";
+import { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage } from "./components/ui/avatar.js";
+import { Badge, badgeVariants } from "./components/ui/badge.js";
+import { Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from "./components/ui/breadcrumb.js";
+import { Bubble, BubbleContent, BubbleGroup, BubbleReactions } from "./components/ui/bubble.js";
+import { Separator } from "./components/ui/separator.js";
+import { ButtonGroup, ButtonGroupSeparator, ButtonGroupText, buttonGroupVariants } from "./components/ui/button-group.js";
+import { Calendar, CalendarDayButton } from "./components/ui/calendar.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle } from "./components/ui/card.js";
+import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, useCarousel } from "./components/ui/carousel.js";
+import { ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent } from "./components/ui/chart.js";
+import { Checkbox } from "./components/ui/checkbox.js";
+import { CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle } from "./components/ui/code-block.js";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./components/ui/collapsible.js";
+import { getPlaceholder } from "./lib/get-placeholder.js";
+import { Input } from "./components/ui/input.js";
+import { Textarea } from "./components/ui/textarea.js";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea } from "./components/ui/input-group.js";
+import { Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, useComboboxAnchor } from "./components/ui/combobox.js";
+import { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger } from "./components/ui/dialog.js";
+import { Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut } from "./components/ui/command.js";
+import { ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger } from "./components/ui/context-menu.js";
+import { DirectionProvider, useDirection } from "./components/ui/direction.js";
+import { Drawer, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, DrawerTitle, DrawerTrigger } from "./components/ui/drawer.js";
+import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger } from "./components/ui/dropdown-menu.js";
+import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle } from "./components/ui/empty.js";
+import { Label } from "./components/ui/label.js";
+import { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle } from "./components/ui/field.js";
+import { HoverCard, HoverCardContent, HoverCardTrigger } from "./components/ui/hover-card.js";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from "./components/ui/input-otp.js";
+import { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle } from "./components/ui/item.js";
+import { Kbd, KbdGroup } from "./components/ui/kbd.js";
+import { Marker, MarkerContent, MarkerIcon, markerVariants } from "./components/ui/marker.js";
+import { Menubar, MenubarCheckboxItem, MenubarContent, MenubarGroup, MenubarItem, MenubarLabel, MenubarMenu, MenubarPortal, MenubarRadioGroup, MenubarRadioItem, MenubarSeparator, MenubarShortcut, MenubarSub, MenubarSubContent, MenubarSubTrigger, MenubarTrigger } from "./components/ui/menubar.js";
+import { Message, MessageAvatar, MessageContent, MessageFooter, MessageGroup, MessageHeader } from "./components/ui/message.js";
+import { MessageScroller, MessageScrollerButton, MessageScrollerContent, MessageScrollerItem, MessageScrollerProvider, MessageScrollerViewport, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility } from "./components/ui/message-scroller.js";
+import { NativeSelect, NativeSelectOptGroup, NativeSelectOption } from "./components/ui/native-select.js";
+import { NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, navigationMenuTriggerStyle } from "./components/ui/navigation-menu.js";
+import { Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious } from "./components/ui/pagination.js";
+import { Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger } from "./components/ui/popover.js";
+import { Progress } from "./components/ui/progress.js";
+import { Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle } from "./components/ui/questionnaire.js";
+import { RadioGroup, RadioGroupItem } from "./components/ui/radio-group.js";
+import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from "./components/ui/resizable.js";
+import { ScrollArea, ScrollBar } from "./components/ui/scroll-area.js";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue } from "./components/ui/select.js";
+import { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger } from "./components/ui/sheet.js";
+import { Skeleton } from "./components/ui/skeleton.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "./components/ui/tooltip.js";
+import { useIsMobile } from "./hooks/use-mobile.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, useSidebar } from "./components/ui/sidebar.js";
+import { Slider } from "./components/ui/slider.js";
+import { Toaster } from "./components/ui/sonner.js";
+import { Spinner } from "./components/ui/spinner.js";
+import { Switch } from "./components/ui/switch.js";
+import { Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow } from "./components/ui/table.js";
+import { Tabs, TabsContent, TabsList, TabsTrigger, tabsListVariants } from "./components/ui/tabs.js";
+import { Toggle, toggleVariants } from "./components/ui/toggle.js";
+import { ToggleGroup, ToggleGroupItem } from "./components/ui/toggle-group.js";
+import { Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle } from "./components/ui/trace.js";
+import { cn } from "./lib/utils.js";
+export { Accordion, AccordionContent, AccordionItem, AccordionTrigger, 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, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Bubble, BubbleContent, BubbleGroup, BubbleReactions, Button, ButtonGroup, ButtonGroupSeparator, ButtonGroupText, Calendar, CalendarDayButton, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardImage, CardTitle, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, ChartContainer, ChartLegend, ChartLegendContent, ChartStyle, ChartTooltip, ChartTooltipContent, Checkbox, CodeBlock, CodeBlockActions, CodeBlockContent, CodeBlockCopyButton, CodeBlockFooter, CodeBlockHeader, CodeBlockLine, CodeBlockTitle, Collapsible, CollapsibleContent, CollapsibleTrigger, Combobox, ComboboxChip, ComboboxChips, ComboboxChipsInput, ComboboxCollection, ComboboxContent, ComboboxEmpty, ComboboxGroup, ComboboxInput, ComboboxItem, ComboboxLabel, ComboboxList, ComboboxSeparator, ComboboxTrigger, ComboboxValue, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, ContextMenu, ContextMenuCheckboxItem, ContextMenuContent, ContextMenuGroup, ContextMenuItem, ContextMenuLabel, ContextMenuPortal, ContextMenuRadioGroup, ContextMenuRadioItem, ContextMenuSeparator, ContextMenuShortcut, ContextMenuSub, ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DirectionProvider, 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, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, HoverCard, HoverCardContent, HoverCardTrigger, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, 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, NativeSelect, NativeSelectOptGroup, NativeSelectOption, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, Questionnaire, QuestionnaireActions, QuestionnaireChoice, QuestionnaireChoiceDescription, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireInput, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, RadioGroup, RadioGroupItem, ResizableHandle, ResizablePanel, ResizablePanelGroup, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, Spinner, Switch, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, Trace, TraceCollapsible, TraceCollapsibleContent, TraceCollapsibleTrigger, TraceDescription, TraceIcon, TraceLine, TraceTitle, badgeVariants, buttonGroupVariants, buttonVariants, cn, getPlaceholder, markerVariants, navigationMenuTriggerStyle, tabsListVariants, toggleVariants, useCarousel, useComboboxAnchor, useDirection, useIsMobile, useMessageScroller, useMessageScrollerScrollable, useMessageScrollerVisibility, useSidebar };

package/dist/lib/get-placeholder.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Appends `(optional)` to a placeholder for fields that are not required, so a
+ * form never has to say it twice. Mirrors konopskidev's `components/ui/helpers`.
+ */
+export declare function getPlaceholder(placeholder?: string, required?: boolean): string | undefined;
+//# sourceMappingURL=get-placeholder.d.ts.map

package/dist/lib/get-placeholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-placeholder.d.ts","sourceRoot":"","sources":["../../src/lib/get-placeholder.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,sBAItE"}

package/dist/lib/get-placeholder.js

@@ -0,0 +1,12 @@
+// src/lib/get-placeholder.ts
+/**
+* Appends `(optional)` to a placeholder for fields that are not required, so a
+* form never has to say it twice. Mirrors konopskidev's `components/ui/helpers`.
+*/
+function getPlaceholder(placeholder, required) {
+	if (!placeholder || required) return placeholder;
+	return `${placeholder} (optional)`;
+}
+export { getPlaceholder };
+
+//# sourceMappingURL=get-placeholder.js.map

package/dist/lib/get-placeholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-placeholder.js","names":[],"sources":["../../src/lib/get-placeholder.ts"],"sourcesContent":["/**\n * Appends `(optional)` to a placeholder for fields that are not required, so a\n * form never has to say it twice. Mirrors konopskidev's `components/ui/helpers`.\n */\nexport function getPlaceholder(placeholder?: string, required?: boolean) {\n  if (!placeholder || required) return placeholder;\n\n  return `${placeholder} (optional)`;\n}\n"],"mappings":";;;;;AAIA,SAAgB,eAAe,aAAsB,UAAoB;CACvE,IAAI,CAAC,eAAe,UAAU,OAAO;CAErC,OAAO,GAAG,YAAY;AACxB"}

package/dist/lib/highlighter.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { type GrammarState } from 'shiki/core';
+export declare function loadHighlighter(language: string): Promise<{
+    highlight(code: string, state?: GrammarState): {
+        lines: React.JSX.Element[][];
+        state: GrammarState | undefined;
+    };
+} | null>;
+export declare function highlightCode(code: string, language: string): Promise<React.JSX.Element[][] | null>;
+//# sourceMappingURL=highlighter.d.ts.map

package/dist/lib/highlighter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"highlighter.d.ts","sourceRoot":"","sources":["../../src/lib/highlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAyB,KAAK,YAAY,EAAwB,MAAM,YAAY,CAAC;AA4D5F,wBAAsB,eAAe,CAAC,QAAQ,EAAE,MAAM;oBAgBlC,MAAM,UAAU,YAAY;;;;UA8B/C;AAGD,wBAAsB,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,yCAIjE"}

package/dist/lib/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The class-name merger every component in this package uses.
+ *
+ * It is re-exported here so an app consuming `@konopskidev/ui` can merge its own
+ * classes with the same semantics without adding its own copy of
+ * `clsx` + `tailwind-merge`.
+ */
+export { cn } from 'cn';
+//# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AACH,OAAO,EAAE,EAAE,EAAE,MAAM,IAAI,CAAC"}

package/dist/lib/utils.js

@@ -0,0 +1 @@
+export { cn } from "cn";

package/package.json

@@ -1,6 +1,151 @@
 {
   "name": "@konopskidev/ui",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.1",
+  "description": "The konopskidev design system: shadcn/ui components styled with the konopskidev tokens on Tailwind CSS v4.",
+  "keywords": [
+    "shadcn",
+    "radix-ui",
+    "tailwindcss",
+    "react",
+    "design-system",
+    "components",
+    "ui"
+  ],
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/misiekhardcore/konopskidevui.git"
+  },
+  "homepage": "https://github.com/misiekhardcore/konopskidevui#readme",
+  "bugs": {
+    "url": "https://github.com/misiekhardcore/konopskidevui/issues"
+  },
+  "type": "module",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "src/styles",
+    "README.md",
+    "LICENSE"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./components/*": {
+      "types": "./dist/components/ui/*.d.ts",
+      "import": "./dist/components/ui/*.js"
+    },
+    "./lib/*": {
+      "types": "./dist/lib/*.d.ts",
+      "import": "./dist/lib/*.js"
+    },
+    "./hooks/*": {
+      "types": "./dist/hooks/*.d.ts",
+      "import": "./dist/hooks/*.js"
+    },
+    "./styles.css": "./src/styles/globals.css",
+    "./package.json": "./package.json"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "tailwindcss": "^4.0.0"
+  },
+  "peerDependenciesMeta": {
+    "tailwindcss": {
+      "optional": true
+    }
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.5",
+    "@eslint/js": "^10.0.1",
+    "@fontsource/jetbrains-mono": "^5.3.0",
+    "@fontsource/lato": "^5.3.0",
+    "@fontsource/lora": "^5.3.0",
+    "@fontsource/playfair-display": "^5.3.0",
+    "@storybook/addon-a11y": "10.6.5",
+    "@storybook/addon-docs": "10.6.5",
+    "@storybook/addon-themes": "10.6.5",
+    "@storybook/addon-vitest": "10.6.5",
+    "@storybook/react-vite": "10.6.5",
+    "@tailwindcss/vite": "^4.3.3",
+    "@testing-library/dom": "^10.4.2",
+    "@testing-library/jest-dom": "^7.0.1",
+    "@testing-library/react": "^16.3.3",
+    "@testing-library/user-event": "^14.6.8",
+    "@types/node": "^26.6.5",
+    "@types/react": "^19.3.0",
+    "@types/react-dom": "^19.3.0",
+    "@vitejs/plugin-react": "^6.1.2",
+    "@vitest/browser-playwright": "^5.0.5",
+    "@vitest/coverage-v8": "^5.0.5",
+    "eslint": "^10.13.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-plugin-import-x": "^4.17.1",
+    "eslint-plugin-prettier": "^5.5.7",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-testing-library": "^7.16.2",
+    "globals": "^17.13.0",
+    "husky": "^9.1.7",
+    "jsdom": "^30.1.3",
+    "lint-staged": "^17.6.0",
+    "playwright": "^1.64.1",
+    "prettier": "^3.9.10",
+    "prettier-plugin-tailwindcss": "^0.8.1",
+    "publint": "^0.3.25",
+    "react": "^19.3.1",
+    "react-dom": "^19.3.1",
+    "shadcn": "^4.23.0",
+    "storybook": "10.6.5",
+    "tailwindcss": "^4.0.0",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.72.1",
+    "vite": "^8.3.5",
+    "vitest": "^5.0.5"
+  },
+  "dependencies": {
+    "@base-ui/react": "^1.9.0",
+    "@shadcn/react": "^0.3.1",
+    "class-variance-authority": "^0.7.1",
+    "cmdk": "^1.1.1",
+    "cn": "^0.5.0",
+    "date-fns": "^4.4.0",
+    "embla-carousel-react": "^8.6.0",
+    "input-otp": "^1.5.0",
+    "lucide-react": "^1.62.0",
+    "radix-ui": "^1.8.1",
+    "react-day-picker": "^10.0.2",
+    "react-resizable-panels": "^4.15.0",
+    "recharts": "3.8.0",
+    "shiki": "^4.5.0",
+    "sonner": "^2.0.8",
+    "tw-animate-css": "^1.4.0",
+    "vaul": "^1.1.2"
+  },
+  "scripts": {
+    "dev": "storybook dev -p 6006",
+    "build": "vite build && tsc -p tsconfig.build.json && node scripts/fix-declarations.mjs",
+    "build:storybook": "storybook build",
+    "lint": "eslint . --max-warnings=0",
+    "lint:fix": "eslint . --fix",
+    "format": "prettier --write .",
+    "format:check": "prettier --check .",
+    "tsc": "tsc --noEmit",
+    "test": "vitest run --project=unit",
+    "test:watch": "vitest --project=unit",
+    "test:stories": "vitest run --project=storybook",
+    "test:coverage": "vitest run --project=unit --coverage",
+    "verify:package": "publint && attw --pack . --profile esm-only --exclude-entrypoints ./styles.css",
+    "verify": "pnpm lint && pnpm tsc && pnpm test && pnpm build && pnpm verify:package",
+    "style": "node scripts/apply-house-style.mjs && prettier --write \"src/components/ui/**/*.tsx\"",
+    "barrel": "node scripts/generate-barrel.mjs"
+  }
 }

package/src/styles/base.css

@@ -0,0 +1,70 @@
+/*
+ * Base layer
+ * ==========
+ *
+ * Only the parts of konopskidev's base layer that belong to a component
+ * library. The site's `html` and `body` rules (`min-h-screen`, `font-serif`,
+ * `scroll-pt-20`, `scroll-smooth`) are app-shell decisions and stay in the app;
+ * `prose.css` sets its own font so long-form content does not depend on them.
+ */
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+
+  /*
+   * Headings are display-face and take a step of the scale, so no component can
+   * leave one unstyled, on the UI sans, or smaller than the copy it introduces.
+   * Components override a level with `text-h*` when the visual step differs
+   * from the semantic tag.
+   */
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
+    @apply font-display font-semibold tracking-tight;
+  }
+
+  h1 {
+    @apply text-h1;
+  }
+
+  h2 {
+    @apply text-h2;
+  }
+
+  h3 {
+    @apply text-h3;
+  }
+
+  h4 {
+    @apply text-h4;
+  }
+
+  h5 {
+    @apply text-h5;
+  }
+
+  h6 {
+    @apply text-h6;
+  }
+
+  ::selection {
+    @apply bg-primary/15 text-foreground;
+  }
+
+  *:focus-visible {
+    @apply focus-ring;
+  }
+
+  pre:focus-visible {
+    @apply focus-visible:-outline-offset-2!;
+  }
+
+  img {
+    @apply block h-auto max-w-full;
+  }
+}

package/src/styles/globals.css

@@ -0,0 +1,33 @@
+/*
+ * @konopskidev/ui — stylesheet entry
+ * ==================================
+ *
+ * This file is the package's `"./styles.css"` export. A consuming app imports
+ * it *after* Tailwind, and registers this package as a source so the classes
+ * used by the components are generated:
+ *
+ *   @import 'tailwindcss';
+ *   @import '@konopskidev/ui/styles.css';
+ *   @source '../node_modules/@konopskidev/ui/dist';
+ *
+ * It deliberately does not import `tailwindcss` itself: the app owns that
+ * import order, and importing it here would make the app's own `@source` and
+ * `@theme` blocks fight this file's.
+ */
+
+/* Every animate-in / fade-in / slide-in-* utility the overlay components use. */
+@import 'tw-animate-css';
+
+/*
+ * The data-* variants (data-open, data-checked, …) and the scroll-fade /
+ * shimmer / no-scrollbar utilities that current shadcn components rely on.
+ * Vendored from shadcn@4: variants and utilities only, no colour tokens, so it
+ * composes with the konopskidev palette instead of competing with it.
+ */
+@import './variants.css';
+
+@import './tokens.css';
+@import './theme.css';
+@import './utilities.css';
+@import './base.css';
+@import './prose.css';