@alexgorbatchev/shadcn 0.0.47 → 0.0.49

package/dist/index.d.ts

@@ -1,6 +1,10 @@
 export { Button, buttonVariants } from "./components/Button.js";
 export { ButtonLink } from "./components/ButtonLink.js";
 export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, } from "./components/DropdownMenu.js";
+export { ActionsMenu, ActionsMenuTrigger, ActionsMenuContextTarget, ActionsMenuContextContent, } from "./components/ActionsMenu.js";
+export type { IActionsMenuProps, ActionsMenuTriggerProps } from "./components/ActionsMenu.js";
+export { MenuGroup, MenuLabel, MenuLinkItem, MenuItem, MenuCheckboxItem, MenuRadioGroup, MenuRadioItem, MenuSeparator, MenuShortcut, MenuSub, MenuSubTrigger, MenuSubContent, } from "./components/MenuParts.js";
+export { FormDialog } from "./components/FormDialog.js";
 export { Accordion, AccordionItem, AccordionTrigger, AccordionContent } from "./components/Accordion.js";
 export { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "./components/Popover.js";
 export { Skeleton } from "./components/Skeleton.js";
@@ -96,7 +100,23 @@ export { Meter, MeterLabel, MeterValue, MeterTrack, MeterIndicator } from "./com
 export { Toolbar, ToolbarButton, ToolbarLink, ToolbarInput, ToolbarGroup, ToolbarSeparator, } from "./components/Toolbar.js";
 export { Stepper, StepperList, StepperTrigger, StepperIndicator, StepperContent } from "./components/Stepper.js";
 export { AppShell } from "./components/AppShell.js";
-export type { AppShellProps, AppShellNavigationItem } from "./components/AppShell.js";
+export type { AppShellContent, AppShellProps, AppShellNavigationItem } from "./components/AppShell.js";
+export { Stack } from "./components/Stack.js";
+export type { StackProps } from "./components/Stack.js";
+export { Grid, GridItem } from "./components/Grid.js";
+export type { GridProps, GridItemProps } from "./components/Grid.js";
+export { Container } from "./components/Container.js";
+export type { ContainerProps } from "./components/Container.js";
+export type { ContainerWidth, GridAlign, GridColumns, GridMinColumnWidth, GridSpan, LayoutBreakpoint, LayoutHeight, LayoutSpacing, ResponsiveValue, StackAlign, StackDirection, StackJustify, } from "./layout/types.js";
+export { Text } from "./components/Text.js";
+export type { TextProps, TextSize, TextTone, TextWeight } from "./components/Text.js";
+export type { TextAlign } from "./typography/types.js";
+export { Heading } from "./components/Heading.js";
+export type { HeadingProps, HeadingLevel, HeadingSize } from "./components/Heading.js";
+export { WeatherSummary } from "./components/WeatherSummary.js";
+export type { IWeatherDay, TemperatureUnit, WeatherCondition, WeatherSummaryProps, } from "./components/WeatherSummary.js";
+export { WeatherForecast } from "./components/WeatherForecast.js";
+export type { WeatherForecastDay, WeatherForecastProps } from "./components/WeatherForecast.js";
 export { PageHeader } from "./components/PageHeader.js";
 export type { PageHeaderProps } from "./components/PageHeader.js";
 export { WorkspaceSwitcher } from "./components/WorkspaceSwitcher.js";

package/dist/index.js

@@ -1,5 +1,14 @@
 import {
   ButtonLink2,
+  ContextMenu2,
+  ContextMenuPortal2,
+  ContextMenuTrigger2,
+  ContextMenuContent2,
+  ActionsMenu2,
+  ActionsMenuTrigger2,
+  ActionsMenuContextTarget2,
+  ActionsMenuContextContent2,
+  FormDialog2,
   Accordion2,
   AccordionItem2,
   AccordionTrigger2,
@@ -76,21 +85,6 @@ import {
   DrawerFooter2,
   DrawerTitle2,
   DrawerDescription2,
-  ContextMenu2,
-  ContextMenuPortal2,
-  ContextMenuTrigger2,
-  ContextMenuContent2,
-  ContextMenuGroup2,
-  ContextMenuLabel2,
-  ContextMenuItem2,
-  ContextMenuSub2,
-  ContextMenuSubTrigger2,
-  ContextMenuSubContent2,
-  ContextMenuCheckboxItem2,
-  ContextMenuRadioGroup2,
-  ContextMenuRadioItem2,
-  ContextMenuSeparator2,
-  ContextMenuShortcut2,
   Menubar2,
   MenubarMenu2,
   MenubarGroup2,
@@ -166,6 +160,14 @@ import {
   StepperIndicator2,
   StepperContent2,
   AppShell2,
+  Stack2,
+  Grid2,
+  GridItem2,
+  Container2,
+  Text2,
+  Heading2,
+  WeatherSummary2,
+  WeatherForecast2,
   PageHeader2,
   WorkspaceSwitcher2,
   AccountMenu2,
@@ -178,7 +180,7 @@ import {
   StatusTracker2,
   DashboardLayout2,
   BillingUsage2
-} from "./chunk-0qgd06td.js";
+} from "./chunk-jhvy8jay.js";
 import {
   Tabs2,
   tabsListVariants2,
@@ -193,7 +195,7 @@ import {
   useDropTarget2,
   DropTarget2,
   Kanban2
-} from "./chunk-gbmvkt3q.js";
+} from "./chunk-62ggz655.js";
 import {
   Toolbar2,
   ToolbarButton2,
@@ -201,7 +203,7 @@ import {
   ToolbarInput2,
   ToolbarGroup2,
   ToolbarSeparator2
-} from "./chunk-x6vx0v6d.js";
+} from "./chunk-7srpghny.js";
 import {
   Combobox2,
   ComboboxValue2,
@@ -219,8 +221,6 @@ import {
   ComboboxChip2,
   ComboboxChipsInput2,
   useComboboxAnchor2,
-  ScrollArea2,
-  ScrollBar2,
   NumberField2,
   NumberFieldGroup2,
   NumberFieldInput2,
@@ -228,32 +228,33 @@ import {
   NumberFieldIncrement2,
   NumberFieldScrubArea2,
   NumberFieldScrubAreaCursor2
-} from "./chunk-p1eqxz4v.js";
+} from "./chunk-31wptjv4.js";
 import {
   NativeSelect2,
   NativeSelectOption2,
   NativeSelectOptGroup2
-} from "./chunk-r4jzz4f2.js";
+} from "./chunk-sp4g23m0.js";
 import {
   Slider2
-} from "./chunk-2mn2ctsk.js";
-import {
+} from "./chunk-7cq1s2ey.js";
+import {
+  MenuPortal,
+  MenuPopup,
+  MenuGroup2,
+  MenuLabel2,
+  MenuItem2,
+  MenuLinkItem2,
+  MenuSub2,
+  MenuSubTrigger2,
+  MenuSubContent2,
+  MenuCheckboxItem2,
+  MenuRadioGroup2,
+  MenuRadioItem2,
+  MenuSeparator2,
+  MenuShortcut2,
   DropdownMenu2,
-  DropdownMenuPortal2,
-  DropdownMenuTrigger2,
-  DropdownMenuContent2,
-  DropdownMenuGroup2,
-  DropdownMenuLabel2,
-  DropdownMenuItem2,
-  DropdownMenuSub2,
-  DropdownMenuSubTrigger2,
-  DropdownMenuSubContent2,
-  DropdownMenuCheckboxItem2,
-  DropdownMenuRadioGroup2,
-  DropdownMenuRadioItem2,
-  DropdownMenuSeparator2,
-  DropdownMenuShortcut2
-} from "./chunk-8wc2z7te.js";
+  DropdownMenuTrigger2
+} from "./chunk-10vjajh7.js";
 import {
   Empty2,
   EmptyHeader2,
@@ -261,7 +262,7 @@ import {
   EmptyTitle2,
   EmptyDescription2,
   EmptyContent2
-} from "./chunk-9de1htr5.js";
+} from "./chunk-4e96tpw0.js";
 import {
   Table2,
   TableHeader2,
@@ -273,55 +274,59 @@ import {
   TableColumnGroup2,
   TableColumn2,
   TableCaption2
-} from "./chunk-zte6pw69.js";
+} from "./chunk-tjn53x34.js";
 import {
-  Alert2,
-  AlertTitle2,
-  AlertDescription2,
-  AlertAction2
-} from "./chunk-zdt8xxzy.js";
+  ScrollArea2,
+  ScrollBar2
+} from "./chunk-f9sm5zpv.js";
 import {
   RadioGroup2,
   RadioGroupItem2
-} from "./chunk-ekbesw9t.js";
-import {
-  FieldSet2,
-  FieldLegend2,
-  FieldGroup2,
-  Field2,
-  FieldContent2,
-  FieldLabel2,
-  FieldTitle2,
-  FieldDescription2,
-  FieldSeparator2,
-  FieldError2
-} from "./chunk-6jpz5geq.js";
+} from "./chunk-kgqe8gpb.js";
 import {
   toggleVariants2,
   Toggle2,
   ToggleGroup2,
   ToggleGroupItem2
-} from "./chunk-q606kj28.js";
-import {
-  Spinner2
-} from "./chunk-1xncv9gb.js";
+} from "./chunk-p56he2j7.js";
 import {
   Checkbox2
-} from "./chunk-caz81rnv.js";
+} from "./chunk-b5s5y5wq.js";
 import {
   Kbd2,
   KbdGroup2
-} from "./chunk-vyve5wf3.js";
+} from "./chunk-7vnpp3ya.js";
 import {
   Switch2
-} from "./chunk-ptgtqv1a.js";
+} from "./chunk-m98d89xc.js";
 import {
   Progress2,
   ProgressTrack2,
   ProgressIndicator2,
   ProgressLabel2,
   ProgressValue2
-} from "./chunk-5j39rehg.js";
+} from "./chunk-bcwbh20z.js";
+import {
+  Alert2,
+  AlertTitle2,
+  AlertDescription2,
+  AlertAction2
+} from "./chunk-x9qph1g4.js";
+import {
+  FieldSet2,
+  FieldLegend2,
+  FieldGroup2,
+  Field2,
+  FieldContent2,
+  FieldLabel2,
+  FieldTitle2,
+  FieldDescription2,
+  FieldSeparator2,
+  FieldError2
+} from "./chunk-9n0axzd5.js";
+import {
+  Spinner2
+} from "./chunk-t3p4dn1p.js";
 import {
   Card2,
   CardHeader2,
@@ -330,7 +335,7 @@ import {
   CardAction2,
   CardContent2,
   CardFooter2
-} from "./chunk-bygq5yqf.js";
+} from "./chunk-k1f35j55.js";
 import {
   Sheet2,
   SheetTrigger2,
@@ -364,7 +369,7 @@ import {
   SidebarMenuSub2,
   SidebarMenuSubItem2,
   SidebarMenuSubButton2
-} from "./chunk-c9ypcp4s.js";
+} from "./chunk-1f6p05qh.js";
 import {
   Avatar2,
   AvatarImage2,
@@ -372,28 +377,28 @@ import {
   AvatarBadge2,
   AvatarGroup2,
   AvatarGroupCount2
-} from "./chunk-hyq4nwg2.js";
+} from "./chunk-0hq6rg7w.js";
 import {
   HoverCard2,
   HoverCardTrigger2,
   HoverCardContent2
-} from "./chunk-60p7sagm.js";
+} from "./chunk-9ecf92s6.js";
 import {
   Skeleton2
-} from "./chunk-d70rcwk7.js";
-import {
-  Label2
-} from "./chunk-jcxxjkqx.js";
-import"./chunk-4710gn6d.js";
+} from "./chunk-1fzwfn11.js";
+import"./chunk-m4geb1s5.js";
 import {
   badgeVariants2,
   Badge2
-} from "./chunk-wjx6zf94.js";
+} from "./chunk-9t530p75.js";
 import {
   Collapsible2,
   CollapsibleTrigger2,
   CollapsibleContent2
 } from "./chunk-fw86vanx.js";
+import {
+  Label2
+} from "./chunk-m32ptxf3.js";
 import"./chunk-tcefvfr8.js";
 import {
   Popover2,
@@ -402,7 +407,7 @@ import {
   PopoverHeader2,
   PopoverTitle2,
   PopoverDescription2
-} from "./chunk-21ab0jsp.js";
+} from "./chunk-bf8kbj33.js";
 import {
   Dialog2,
   DialogTrigger2,
@@ -414,7 +419,7 @@ import {
   DialogFooter2,
   DialogTitle2,
   DialogDescription2
-} from "./chunk-jgdpa00w.js";
+} from "./chunk-4t23yhc0.js";
 import {
   InputGroup2,
   InputGroupAddon2,
@@ -422,18 +427,18 @@ import {
   InputGroupText2,
   InputGroupInput2,
   InputGroupTextarea2
-} from "./chunk-14mh00z3.js";
-import {
-  Input2
-} from "./chunk-0fmrwsgp.js";
+} from "./chunk-rxjxb4vy.js";
 import {
   Textarea2
-} from "./chunk-tq0pfv5h.js";
+} from "./chunk-er6e5fj8.js";
+import {
+  Input2
+} from "./chunk-7vg045gd.js";
 import"./chunk-7jpsybag.js";
 import"./chunk-k99h6evz.js";
 import {
   Separator2
-} from "./chunk-rajgnfbr.js";
+} from "./chunk-52aadmkc.js";
 import {
   useTheme2
 } from "./chunk-1j2hz3w9.js";
@@ -444,7 +449,7 @@ import {
   TooltipContent2,
   buttonVariants2,
   Button2
-} from "./chunk-38301e40.js";
+} from "./chunk-bd09gygt.js";
 import {
   usePortalContainer2,
   PortalProvider2
@@ -459,13 +464,17 @@ import"./chunk-8ssktt4b.js";
 import"./chunk-7ny0vyek.js";
 import {
   cn2
-} from "./chunk-cp2m7y7v.js";
+} from "./chunk-en44w1pn.js";
 export {
   Accordion2 as Accordion,
   AccordionContent2 as AccordionContent,
   AccordionItem2 as AccordionItem,
   AccordionTrigger2 as AccordionTrigger,
   AccountMenu2 as AccountMenu,
+  ActionsMenu2 as ActionsMenu,
+  ActionsMenuContextContent2 as ActionsMenuContextContent,
+  ActionsMenuContextTarget2 as ActionsMenuContextTarget,
+  ActionsMenuTrigger2 as ActionsMenuTrigger,
   Alert2 as Alert,
   AlertAction2 as AlertAction,
   AlertDescription2 as AlertDescription,
@@ -546,20 +555,21 @@ export {
   ComboboxTrigger2 as ComboboxTrigger,
   ComboboxValue2 as ComboboxValue,
   ConfirmationDialog2 as ConfirmationDialog,
+  Container2 as Container,
   ContextMenu2 as ContextMenu,
-  ContextMenuCheckboxItem2 as ContextMenuCheckboxItem,
+  MenuCheckboxItem2 as ContextMenuCheckboxItem,
   ContextMenuContent2 as ContextMenuContent,
-  ContextMenuGroup2 as ContextMenuGroup,
-  ContextMenuItem2 as ContextMenuItem,
-  ContextMenuLabel2 as ContextMenuLabel,
+  MenuGroup2 as ContextMenuGroup,
+  MenuItem2 as ContextMenuItem,
+  MenuLabel2 as ContextMenuLabel,
   ContextMenuPortal2 as ContextMenuPortal,
-  ContextMenuRadioGroup2 as ContextMenuRadioGroup,
-  ContextMenuRadioItem2 as ContextMenuRadioItem,
-  ContextMenuSeparator2 as ContextMenuSeparator,
-  ContextMenuShortcut2 as ContextMenuShortcut,
-  ContextMenuSub2 as ContextMenuSub,
-  ContextMenuSubContent2 as ContextMenuSubContent,
-  ContextMenuSubTrigger2 as ContextMenuSubTrigger,
+  MenuRadioGroup2 as ContextMenuRadioGroup,
+  MenuRadioItem2 as ContextMenuRadioItem,
+  MenuSeparator2 as ContextMenuSeparator,
+  MenuShortcut2 as ContextMenuShortcut,
+  MenuSub2 as ContextMenuSub,
+  MenuSubContent2 as ContextMenuSubContent,
+  MenuSubTrigger2 as ContextMenuSubTrigger,
   ContextMenuTrigger2 as ContextMenuTrigger,
   DashboardLayout2 as DashboardLayout,
   DataViewer2 as DataViewer,
@@ -591,19 +601,19 @@ export {
   DrawerTrigger2 as DrawerTrigger,
   DropTarget2 as DropTarget,
   DropdownMenu2 as DropdownMenu,
-  DropdownMenuCheckboxItem2 as DropdownMenuCheckboxItem,
-  DropdownMenuContent2 as DropdownMenuContent,
-  DropdownMenuGroup2 as DropdownMenuGroup,
-  DropdownMenuItem2 as DropdownMenuItem,
-  DropdownMenuLabel2 as DropdownMenuLabel,
-  DropdownMenuPortal2 as DropdownMenuPortal,
-  DropdownMenuRadioGroup2 as DropdownMenuRadioGroup,
-  DropdownMenuRadioItem2 as DropdownMenuRadioItem,
-  DropdownMenuSeparator2 as DropdownMenuSeparator,
-  DropdownMenuShortcut2 as DropdownMenuShortcut,
-  DropdownMenuSub2 as DropdownMenuSub,
-  DropdownMenuSubContent2 as DropdownMenuSubContent,
-  DropdownMenuSubTrigger2 as DropdownMenuSubTrigger,
+  MenuCheckboxItem2 as DropdownMenuCheckboxItem,
+  MenuPopup as DropdownMenuContent,
+  MenuGroup2 as DropdownMenuGroup,
+  MenuItem2 as DropdownMenuItem,
+  MenuLabel2 as DropdownMenuLabel,
+  MenuPortal as DropdownMenuPortal,
+  MenuRadioGroup2 as DropdownMenuRadioGroup,
+  MenuRadioItem2 as DropdownMenuRadioItem,
+  MenuSeparator2 as DropdownMenuSeparator,
+  MenuShortcut2 as DropdownMenuShortcut,
+  MenuSub2 as DropdownMenuSub,
+  MenuSubContent2 as DropdownMenuSubContent,
+  MenuSubTrigger2 as DropdownMenuSubTrigger,
   DropdownMenuTrigger2 as DropdownMenuTrigger,
   Empty2 as Empty,
   EmptyContent2 as EmptyContent,
@@ -623,6 +633,10 @@ export {
   FieldSet2 as FieldSet,
   FieldTitle2 as FieldTitle,
   FilterBar2 as FilterBar,
+  FormDialog2 as FormDialog,
+  Grid2 as Grid,
+  GridItem2 as GridItem,
+  Heading2 as Heading,
   HoverCard2 as HoverCard,
   HoverCardContent2 as HoverCardContent,
   HoverCardTrigger2 as HoverCardTrigger,
@@ -654,6 +668,18 @@ export {
   Marker2 as Marker,
   MarkerContent2 as MarkerContent,
   MarkerIcon2 as MarkerIcon,
+  MenuCheckboxItem2 as MenuCheckboxItem,
+  MenuGroup2 as MenuGroup,
+  MenuItem2 as MenuItem,
+  MenuLabel2 as MenuLabel,
+  MenuLinkItem2 as MenuLinkItem,
+  MenuRadioGroup2 as MenuRadioGroup,
+  MenuRadioItem2 as MenuRadioItem,
+  MenuSeparator2 as MenuSeparator,
+  MenuShortcut2 as MenuShortcut,
+  MenuSub2 as MenuSub,
+  MenuSubContent2 as MenuSubContent,
+  MenuSubTrigger2 as MenuSubTrigger,
   Menubar2 as Menubar,
   MenubarCheckboxItem2 as MenubarCheckboxItem,
   MenubarContent2 as MenubarContent,
@@ -771,6 +797,7 @@ export {
   Skeleton2 as Skeleton,
   Slider2 as Slider,
   Spinner2 as Spinner,
+  Stack2 as Stack,
   StarRating2 as StarRating,
   StatCard2 as StatCard,
   StatusTracker2 as StatusTracker,
@@ -795,6 +822,7 @@ export {
   TabsList2 as TabsList,
   TabsTrigger2 as TabsTrigger,
   TagInput2 as TagInput,
+  Text2 as Text,
   Textarea2 as Textarea,
   ThemeProvider2 as ThemeProvider,
   Toast2 as Toast,
@@ -820,6 +848,8 @@ export {
   TooltipContent2 as TooltipContent,
   TooltipProvider2 as TooltipProvider,
   TooltipTrigger2 as TooltipTrigger,
+  WeatherForecast2 as WeatherForecast,
+  WeatherSummary2 as WeatherSummary,
   WorkspaceSwitcher2 as WorkspaceSwitcher,
   badgeVariants2 as badgeVariants,
   buttonGroupVariants2 as buttonGroupVariants,

package/dist/layout/constants.d.ts

@@ -0,0 +1,14 @@
+import type { ContainerWidth, GridAlign, GridColumns, GridMinColumnWidth, GridSpan, LayoutBreakpoint, LayoutHeight, LayoutSpacing, StackAlign, StackDirection, StackJustify } from "./types.js";
+export declare const GAP_CLASSES: Record<LayoutSpacing, string>;
+export declare const PADDING_CLASSES: Record<LayoutSpacing, string>;
+export declare const HEIGHT_CLASSES: Record<LayoutHeight, string>;
+export declare const GROW_CLASSES = "min-h-0 min-w-0 flex-1";
+export declare const STACK_DIRECTION_CLASSES: Record<LayoutBreakpoint, Record<StackDirection, string>>;
+export declare const STACK_ALIGN_CLASSES: Record<StackAlign, string>;
+export declare const STACK_JUSTIFY_CLASSES: Record<StackJustify, string>;
+export declare const GRID_COLUMN_CLASSES: Record<LayoutBreakpoint, Record<GridColumns, string>>;
+export declare const GRID_MIN_COLUMN_WIDTH_CLASSES: Record<GridMinColumnWidth, string>;
+export declare const GRID_ALIGN_CLASSES: Record<GridAlign, string>;
+export declare const GRID_SPAN_CLASSES: Record<LayoutBreakpoint, Record<GridSpan, string>>;
+export declare const CONTAINER_WIDTH_CLASSES: Record<ContainerWidth, string>;
+export declare const LAYOUT_BREAKPOINTS: readonly LayoutBreakpoint[];

package/dist/layout/responsiveClassNames.d.ts

@@ -0,0 +1,3 @@
+import type { LayoutBreakpoint, ResponsiveValue } from "./types.js";
+/** Resolves a responsive value to the literal class names of each breakpoint it sets. */
+export declare function responsiveClassNames<Value extends string | number>(value: ResponsiveValue<Value> | undefined, classes: Readonly<Record<LayoutBreakpoint, Readonly<Record<Value, string>>>>): string;

package/dist/layout/types.d.ts

@@ -0,0 +1,28 @@
+import type { Density } from "../density/types.js";
+/** Density-aware spacing tokens from `theme.css`, smallest to largest. */
+export type LayoutSpacing = "none" | "control" | "panel-sm" | "panel" | "field" | "section";
+/** Viewport breakpoints; `base` applies below `sm`. */
+export type LayoutBreakpoint = "base" | "sm" | "md" | "lg" | "xl";
+/** A single value, or values keyed by the viewport breakpoint where each one starts to apply. */
+export type ResponsiveValue<Value> = Value | Readonly<Partial<Record<LayoutBreakpoint, Value>>>;
+/**
+ * Block size:
+ * - `auto`: intrinsic height.
+ * - `full`: the parent's full height; descendants may shrink below their intrinsic height.
+ * - `viewport`: exactly the dynamic viewport height, for application frames.
+ * - `min-viewport`: at least the dynamic viewport height, for pages that may scroll as a whole.
+ */
+export type LayoutHeight = "auto" | "full" | "viewport" | "min-viewport";
+export type StackDirection = "vertical" | "horizontal";
+export type StackAlign = "start" | "center" | "end" | "stretch" | "baseline";
+export type StackJustify = "start" | "center" | "end" | "between";
+export type GridColumns = 1 | 2 | 3 | 4 | 5 | 6 | 12;
+/** Minimum track width for intrinsically responsive grids that fit as many columns as the width allows. */
+export type GridMinColumnWidth = "xs" | "sm" | "md" | "lg";
+export type GridSpan = 1 | 2 | 3 | 4 | 5 | 6 | "full";
+export type GridAlign = "start" | "center" | "end" | "stretch";
+export type ContainerWidth = "xs" | "sm" | "md" | "lg" | "xl" | "full";
+export type LayoutState = {
+    slot: string;
+    density?: Density;
+};

package/dist/menu/types.d.ts

@@ -11,4 +11,7 @@ export type MenuItemProps = Menu.Item.Props & IMenuItemOptions;
 export type MenuSubTriggerProps = Menu.SubmenuTrigger.Props & IMenuInsetProps;
 export type MenuCheckboxItemProps = Menu.CheckboxItem.Props & IMenuInsetProps;
 export type MenuRadioItemProps = Menu.RadioItem.Props & IMenuInsetProps;
+export type MenuPopupProps = Menu.Popup.Props & Pick<Menu.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset"> & IDensityProps & {
+    width?: "content" | "anchor";
+};
 export {};

package/dist/prototype.js

@@ -2051,7 +2051,7 @@ var program = new Command;
 // package.json
 var package_default = {
   name: "@alexgorbatchev/shadcn",
-  version: "0.0.47",
+  version: "0.0.49",
   description: "Sharp, monospace React components with compact and comfortable densities.",
   license: "MIT",
   repository: {

package/dist/theme.css

@@ -65,7 +65,9 @@
   --spacing-tag: var(--ag-tag-h);
   --spacing-tag-x: var(--ag-tag-x);
   --spacing-panel: var(--ag-panel-padding);
+  --spacing-panel-sm: var(--ag-panel-padding-sm);
   --spacing-field-gap: var(--ag-field-gap);
+  --spacing-section: var(--ag-section-gap);
   --shadow-frame: 0 0 0 1px var(--frame-halo), var(--ag-shadow);
 }
 
@@ -86,6 +88,7 @@
     --ag-panel-padding: 16px;
     --ag-panel-padding-sm: 12px;
     --ag-field-gap: 20px;
+    --ag-section-gap: 32px;
     color-scheme: dark;
     --background: #121417;
     --foreground: #eceff3;
@@ -216,6 +219,7 @@
     --ag-panel-padding: 16px;
     --ag-panel-padding-sm: 12px;
     --ag-field-gap: 20px;
+    --ag-section-gap: 32px;
   }
 
   [data-density="compact"] {
@@ -232,6 +236,7 @@
     --ag-panel-padding: 8px;
     --ag-panel-padding-sm: 6px;
     --ag-field-gap: 8px;
+    --ag-section-gap: 16px;
   }
 
   * {

package/dist/typography/types.d.ts

@@ -0,0 +1,2 @@
+/** Inline-direction text alignment that follows the writing direction. */
+export type TextAlign = "start" | "center" | "end";

package/llms/components/actions/ButtonLink.md

@@ -8,6 +8,7 @@ Source: src/components/stories/actions/ButtonLink.stories.tsx
 ## Public imports
 
 ```tsx
+import { AnalyticsProvider } from "@alexgorbatchev/shadcn/analytics";
 import { Button, ButtonLink } from "@alexgorbatchev/shadcn";
 ```
 
@@ -151,6 +152,27 @@ Storybook CSF excerpts. Default args and render apply unless overridden. Local h
 }
 ```
 
+### RouterLinkAnalytics
+
+```tsx
+{
+    args: { onClick: fn() },
+    decorators: [
+        (Story) => (<AnalyticsProvider enabled transport={{ track: trackLinkActivation }}>
+        <Story />
+      </AnalyticsProvider>),
+    ],
+    render: ({ href: _href, ...args }) => (<div className="flex items-center gap-4">
+      <ButtonLink {...args} render={<ClientRouterLink to="/plans" onNavigate={clientNavigate}/>}>
+        Plans
+      </ButtonLink>
+      <ButtonLink {...args} render={<ClientRouterLink to="/blocked" onNavigate={clientNavigate} onClick={(event) => event.preventDefault()}/>}>
+        Blocked
+      </ButtonLink>
+    </div>)
+}
+```
+
 ### RenderCallback
 
 ```tsx