singularity-components 0.1.194 → 0.1.195

package/dist/components/primitives/avatar/avatar.d.ts

@@ -1,14 +1,13 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { Avatar as Avatar$1 } from '@base-ui/react';
 
 declare function Avatar({ className, size, ...props }: Avatar$1.Root.Props & {
     size?: "default" | "sm" | "lg";
-}): react_jsx_runtime.JSX.Element;
-declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): react_jsx_runtime.JSX.Element;
-declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): react_jsx_runtime.JSX.Element;
-declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): react_jsx_runtime.JSX.Element;
-declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
+declare function AvatarImage({ className, ...props }: Avatar$1.Image.Props): React.JSX.Element;
+declare function AvatarFallback({ className, ...props }: Avatar$1.Fallback.Props): React.JSX.Element;
+declare function AvatarBadge({ className, ...props }: React.ComponentProps<"span">): React.JSX.Element;
+declare function AvatarGroup({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
+declare function AvatarGroupCount({ className, ...props }: React.ComponentProps<"div">): React.JSX.Element;
 
 export { Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage };

package/dist/components/primitives/badge/badges.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface BadgesProps extends React.HTMLAttributes<HTMLDivElement> {
 }
-declare const Badges: ({ children, className, ...props }: BadgesProps) => react_jsx_runtime.JSX.Element;
+declare const Badges: ({ children, className, ...props }: BadgesProps) => React.JSX.Element;
 
 export { Badges, type BadgesProps };

package/dist/components/primitives/buttons/button.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { Button as Button$1 } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
@@ -33,6 +33,6 @@ type Props = Button$1.Props & VariantProps<typeof buttonVariantsProps> & {
     iconEndAnimate?: boolean;
     iconEndFill?: boolean;
 };
-declare function Button({ className, variant, size, loading, iconStart, iconStartAnimate, iconStartFill, iconEnd, iconEndAnimate, iconEndFill, ...props }: Props): react_jsx_runtime.JSX.Element;
+declare function Button({ className, variant, size, loading, iconStart, iconStartAnimate, iconStartFill, iconEnd, iconEndAnimate, iconEndFill, ...props }: Props): React.JSX.Element;
 
 export { Button, buttonVariants, buttonVariantsProps };

package/dist/components/primitives/buttons/icon-button.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { Button } from '@base-ui/react/button';
 import { VariantProps } from 'class-variance-authority';
@@ -28,6 +28,6 @@ type Props = Button.Props & VariantProps<typeof iconButtonVariantsProps> & {
     iconFill?: boolean;
     "aria-label": string;
 };
-declare function IconButton({ className, variant, size, icon, iconFill, "aria-label": ariaLabel, ...props }: Props): react_jsx_runtime.JSX.Element;
+declare function IconButton({ className, variant, size, icon, iconFill, "aria-label": ariaLabel, ...props }: Props): React.JSX.Element;
 
 export { IconButton, buttonIconVariants, iconButtonVariantsProps };

package/dist/components/primitives/buttons/link-button.d.ts

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { BaseLinkProps } from '../../providers/LinkContext.js';
 import { VariantProps } from 'class-variance-authority';
 import { buttonVariantsProps } from './button.js';
 import { icons } from 'lucide-react';
-import 'react';
 import 'class-variance-authority/types';
 import '@base-ui/react/button';
 
@@ -11,6 +10,6 @@ type Props = BaseLinkProps & VariantProps<typeof buttonVariantsProps> & {
     iconStart?: keyof typeof icons;
     iconEnd?: keyof typeof icons;
 };
-declare const LinkButton: ({ className, variant, size, iconStart, iconEnd, ...props }: Props) => react_jsx_runtime.JSX.Element;
+declare const LinkButton: ({ className, variant, size, iconStart, iconEnd, ...props }: Props) => React.JSX.Element;
 
 export { LinkButton };

package/dist/components/primitives/collapsible/collapsible.d.ts

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as CollapsiblePrimitive from '@radix-ui/react-collapsible';
 
-declare function Collapsible({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleTrigger({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): react_jsx_runtime.JSX.Element;
-declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): react_jsx_runtime.JSX.Element;
+declare function Collapsible({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.Root>): React.JSX.Element;
+declare function CollapsibleTrigger({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleTrigger>): React.JSX.Element;
+declare function CollapsibleContent({ className, ...props }: React.ComponentProps<typeof CollapsiblePrimitive.CollapsibleContent>): React.JSX.Element;
 
 export { Collapsible, CollapsibleContent, CollapsibleTrigger };

package/dist/components/primitives/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 
@@ -23,7 +22,7 @@ declare const DropdownMenuLabel: React.ForwardRefExoticComponent<Omit<DropdownMe
 } & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuSeparator: React.ForwardRefExoticComponent<Omit<DropdownMenuPrimitive.DropdownMenuSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const DropdownMenuShortcut: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLSpanElement>): React.JSX.Element;
     displayName: string;
 };
 

package/dist/components/primitives/forms/checkbox.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { Checkbox as Checkbox$1 } from '@base-ui/react';
 
-declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): react_jsx_runtime.JSX.Element;
+declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React.JSX.Element;
 
 export { Checkbox };

package/dist/components/primitives/forms/field.d.ts

@@ -1,29 +1,28 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 import { VariantProps } from 'class-variance-authority';
 import { Label } from '../label/label.js';
-import 'react';
 
-declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): react_jsx_runtime.JSX.Element;
+declare function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">): React$1.JSX.Element;
 declare function FieldLegend({ className, variant, ...props }: React.ComponentProps<"legend"> & {
     variant?: "legend" | "label";
-}): react_jsx_runtime.JSX.Element;
-declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
+declare function FieldGroup({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 declare const fieldVariants: (props?: ({
     orientation?: "vertical" | "horizontal" | "responsive" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): react_jsx_runtime.JSX.Element;
-declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): react_jsx_runtime.JSX.Element;
-declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
-declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function Field({ className, orientation, ...props }: React.ComponentProps<"div"> & VariantProps<typeof fieldVariants>): React$1.JSX.Element;
+declare function FieldContent({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldLabel({ className, ...props }: React.ComponentProps<typeof Label>): React$1.JSX.Element;
+declare function FieldTitle({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
+declare function FieldDescription({ className, ...props }: React.ComponentProps<"p">): React$1.JSX.Element;
 declare function FieldSeparator({ children, className, ...props }: React.ComponentProps<"div"> & {
     children?: React.ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React$1.JSX.Element;
 declare function FieldError({ className, children, errors, ...props }: React.ComponentProps<"div"> & {
     errors?: Array<{
         message?: string;
     } | undefined>;
-}): react_jsx_runtime.JSX.Element | null;
+}): React$1.JSX.Element | null;
 
 export { Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle };

package/dist/components/primitives/forms/input.d.ts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-declare function Input({ className, type, ...props }: React.ComponentProps<"input">): react_jsx_runtime.JSX.Element;
+declare function Input({ className, type, ...props }: React.ComponentProps<"input">): React.JSX.Element;
 
 export { Input };

package/dist/components/primitives/forms/select.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _base_ui_react from '@base-ui/react';
 import { Select as Select$1 } from '@base-ui/react';
 import * as React from 'react';
@@ -8,15 +7,15 @@ declare const SelectGroup: React.ForwardRefExoticComponent<Omit<_base_ui_react.S
 declare const SelectValue: React.ForwardRefExoticComponent<Omit<_base_ui_react.SelectValueProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
 declare function SelectTrigger({ className, size, children, ...props }: Select$1.Trigger.Props & {
     size?: "sm" | "default";
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare namespace SelectTrigger {
     var displayName: string | undefined;
 }
-declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): react_jsx_runtime.JSX.Element;
-declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): react_jsx_runtime.JSX.Element;
-declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): react_jsx_runtime.JSX.Element;
-declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): react_jsx_runtime.JSX.Element;
-declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): react_jsx_runtime.JSX.Element;
-declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): react_jsx_runtime.JSX.Element;
+declare function SelectContent({ className, children, side, sideOffset, align, alignOffset, alignItemWithTrigger, ...props }: Select$1.Popup.Props & Pick<Select$1.Positioner.Props, "align" | "alignOffset" | "side" | "sideOffset" | "alignItemWithTrigger">): React.JSX.Element;
+declare function SelectLabel({ className, ...props }: Select$1.GroupLabel.Props): React.JSX.Element;
+declare function SelectItem({ className, children, ...props }: Select$1.Item.Props): React.JSX.Element;
+declare function SelectSeparator({ className, ...props }: Select$1.Separator.Props): React.JSX.Element;
+declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollUpArrow>): React.JSX.Element;
+declare function SelectScrollDownButton({ className, ...props }: React.ComponentProps<typeof Select$1.ScrollDownArrow>): React.JSX.Element;
 
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/primitives/forms/textarea.d.ts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): react_jsx_runtime.JSX.Element;
+declare function Textarea({ className, ...props }: React.ComponentProps<"textarea">): React.JSX.Element;
 
 export { Textarea };

package/dist/components/primitives/icon/icon.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -34,6 +33,6 @@ type Props = Omit<React.ComponentProps<LucideIcon>, "size"> & VariantProps<typeo
     icon: keyof typeof icons;
     spin?: boolean;
 };
-declare function Icon({ className, size, color, icon, spin, ...props }: Props): react_jsx_runtime.JSX.Element;
+declare function Icon({ className, size, color, icon, spin, ...props }: Props): React.JSX.Element;
 
 export { Icon, iconVariants, iconVariantsProps };

package/dist/components/primitives/index.d.ts

@@ -20,7 +20,7 @@ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 export { Skeleton } from './skeleton/skeleton.js';
 export { Toaster } from './sonner/sonner.js';
 export { Spinner } from './spinner/spinner.js';
-export { Stack, StackProps, stackVariants } from './stack/stack.js';
+export { Stack, StackProps, stackVariantOptions, stackVariants } from './stack/stack.js';
 export { Heading, HeadingProps, headingVariants, headingVariantsProps } from './text/heading.js';
 export { TextCode, TextCodeProps, textCodeVariants, textCodeVariantsProps } from './text/text-code.js';
 export { TextDiv } from './text/text-div.js';
@@ -30,10 +30,9 @@ export { Text, textVariants, textVariantsProps } from './text/text.js';
 export { UiImage } from './ui-image/ui-image.js';
 export { UiLink } from './ui-link/ui-link.js';
 export { toast } from 'sonner';
-import 'react/jsx-runtime';
+import 'react';
 import '@base-ui/react/accordion';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
 import '@base-ui/react/use-render';
 import '@base-ui/react/button';

package/dist/components/primitives/label/label.d.ts

@@ -1,6 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
-declare function Label({ className, ...props }: React.ComponentProps<"label">): react_jsx_runtime.JSX.Element;
+declare function Label({ className, ...props }: React.ComponentProps<"label">): React.JSX.Element;
 
 export { Label };

package/dist/components/primitives/layout/layout.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -37,9 +36,11 @@ declare const layoutVariantsProps: (props?: ({
     bgColor?: "primary" | "secondary" | "muted" | "accent" | "transparent" | "background" | "gradient1" | "gradient2" | "gradient-masks-and-opacity" | "gradient-primary-primarymuted-secondary" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LayoutProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof layoutVariantsProps> {
+    /** Semantic HTML element for the outer wrapper. Defaults to `div`. */
     as?: "div" | "section" | "article" | "main" | "header" | "footer";
 }
-declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: React.PropsWithChildren<LayoutProps>): react_jsx_runtime.JSX.Element;
+/** Grid layout with width constraints (`type`), column templates (`cols`), and background tokens (`bgColor`). */
+declare function Layout({ children, className, type, cols, bgColor, as: Component, ...props }: React.PropsWithChildren<LayoutProps>): React.JSX.Element;
 declare namespace Layout {
     var Col1: typeof Col;
     var Col2: typeof Col;
@@ -53,6 +54,6 @@ type colProp = {
     as?: "div" | "section" | "article" | "main" | "header" | "footer";
     centerContent?: boolean;
 };
-declare function Col({ children, hideDiv, className, as: Component, centerContent, }: colProp): react_jsx_runtime.JSX.Element;
+declare function Col({ children, hideDiv, className, as: Component, centerContent, }: colProp): React.JSX.Element;
 
 export { Layout, type LayoutProps, layoutVariants, layoutVariantsProps };

package/dist/components/primitives/layout/layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst bgColors = {\r\n  transparent: \"sg:bg-transparent\",\r\n  background: \"sg:bg-background sg:text-foreground\",\r\n  primary: \"sg:bg-primary sg:text-primary-foreground\",\r\n  secondary: \"sg:bg-secondary sg:text-secondary-foreground\",\r\n  muted: \"sg:bg-muted sg:text-muted-foreground\",\r\n  accent: \"sg:bg-accent sg:text-accent-foreground\",\r\n  gradient1:\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]\",\r\n  gradient2:\r\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,var(--sg-primary-20),transparent),radial-gradient(800px_200px_at_90%_-20%,var(--sg-primary-10),transparent)]\",\r\n  \"gradient-masks-and-opacity\": \"bg-brand-mask\", //brand class defined in main.css\r\n  \"gradient-primary-primarymuted-secondary\":\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-primary-muted)_50%,var(--sg-secondary)_100%)]\",\r\n};\r\n\r\nconst layoutVariants = {\r\n  type: {\r\n    container: \"sg:w-full\",\r\n    full: \"sg:w-full sg:px-4\",\r\n    wide: \"sg:mx-auto sg:max-w-[1024px] sg:px-4 sg:min-[1056px]:px-0\",\r\n    col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:min-[800px]:px-0\",\r\n    narrow: \"sg:mx-auto sg:max-w-[410px] sg:px-4 sg:min-[442px]:px-0\",\r\n  },\r\n  cols: {\r\n    \"100\": \"\",\r\n    \"66-33\": \"sg:md:grid-cols-[2fr_1fr] sg:gap-4\",\r\n    \"50-50\": \"sg:md:grid-cols-2 sg:gap-4\",\r\n    \"33-33-33\": \"sg:md:grid-cols-3 sg:gap-4\",\r\n    \"25-25-25-25\": \"sg:md:grid-cols-4 sg:gap-4\",\r\n  },\r\n  bgColor: bgColors,\r\n};\r\n\r\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1\", {\r\n  variants: layoutVariants,\r\n  defaultVariants: {\r\n    type: \"col\",\r\n    cols: \"100\",\r\n  },\r\n});\r\n\r\nexport interface LayoutProps\r\n  extends\r\n    React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof layoutVariantsProps> {\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n}\r\n\r\nfunction Layout({\r\n  children,\r\n  className,\r\n  type,\r\n  cols,\r\n  bgColor,\r\n  as: Component = \"div\",\r\n  ...props\r\n}: React.PropsWithChildren<LayoutProps>) {\r\n  const allowedInLayout = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ): boolean => {\r\n    if (content.type === Layout.Col1) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col2 &&\r\n      (cols === \"66-33\" ||\r\n        cols === \"50-50\" ||\r\n        cols === \"33-33-33\" ||\r\n        cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col3 &&\r\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\r\n      return true;\r\n    }\r\n\r\n    console.error(\r\n      \"Content not allowed in column for variant\",\r\n      cols,\r\n      content.type,\r\n    );\r\n    return false;\r\n  };\r\n\r\n  const renderColumn = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ) => {\r\n    if (!allowedInLayout(content)) {\r\n      return;\r\n    }\r\n    return content;\r\n  };\r\n\r\n  return (\r\n    <Component\r\n      {...props}\r\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\r\n    >\r\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\r\n        {React.Children.map(children, (child) =>\r\n          React.isValidElement(child) ? renderColumn(child) : <></>,\r\n        )}\r\n      </div>\r\n    </Component>\r\n  );\r\n}\r\n\r\ntype colProp = {\r\n  children?: React.ReactNode;\r\n  hideDiv?: boolean;\r\n  className?: string;\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n  centerContent?: boolean;\r\n};\r\n\r\nfunction Col({\r\n  children,\r\n  hideDiv,\r\n  className,\r\n  as: Component = \"div\",\r\n  centerContent,\r\n}: colProp) {\r\n  return hideDiv ? (\r\n    <>{children}</>\r\n  ) : (\r\n    <Component\r\n      className={cn(\r\n        centerContent &&\r\n          \"sg:flex sg:flex-col sg:items-center sg:justify-center\",\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n}\r\n\r\nLayout.Col1 = Col;\r\nLayout.Col2 = Col;\r\nLayout.Col3 = Col;\r\nLayout.Col4 = Col;\r\n\r\nexport { Layout, layoutVariantsProps, layoutVariants };\r\n"],"mappings":"AA4G8D;AA5G9D,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,WAAW;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WACE;AAAA,EACF,WACE;AAAA,EACF,8BAA8B;AAAA;AAAA,EAC9B,2CACE;AACJ;AAEA,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AACX;AAEA,MAAM,sBAAsB,IAAI,0BAA0B;AAAA,EACxD,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF,CAAC;AASD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB,GAAG;AACL,GAAyC;AACvC,QAAM,kBAAkB,CACtB,YACY;AACZ,QAAI,QAAQ,SAAS,OAAO,MAAM;AAChC,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,gBACX;AACA,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,gBACjC;AACA,aAAO;AAAA,IACT,WAAW,QAAQ,SAAS,OAAO,QAAQ,SAAS,eAAe;AACjE,aAAO;AAAA,IACT;AAEA,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV;AACA,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,YACG;AACH,QAAI,CAAC,gBAAgB,OAAO,GAAG;AAC7B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,SAAS,WAAW,aAAa,GAAG,SAAS;AAAA,MAE3D,8BAAC,SAAI,WAAW,GAAG,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAC,GACnD,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,UAC7B,MAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,gCAAE;AAAA,MACxD,GACF;AAAA;AAAA,EACF;AAEJ;AAUA,SAAS,IAAI;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB;AACF,GAAY;AACV,SAAO,UACL,gCAAG,UAAS,IAEZ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,iBACE;AAAA,QACF;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/layout/layout.tsx"],"sourcesContent":["import * as React from \"react\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst bgColors = {\r\n  transparent: \"sg:bg-transparent\",\r\n  background: \"sg:bg-background sg:text-foreground\",\r\n  primary: \"sg:bg-primary sg:text-primary-foreground\",\r\n  secondary: \"sg:bg-secondary sg:text-secondary-foreground\",\r\n  muted: \"sg:bg-muted sg:text-muted-foreground\",\r\n  accent: \"sg:bg-accent sg:text-accent-foreground\",\r\n  gradient1:\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-destructive)_50%,var(--sg-primary-dark)_100%)]\",\r\n  gradient2:\r\n    \"sg:bg-[radial-gradient(1200px_300px_at_10%_-20%,var(--sg-primary-20),transparent),radial-gradient(800px_200px_at_90%_-20%,var(--sg-primary-10),transparent)]\",\r\n  \"gradient-masks-and-opacity\": \"bg-brand-mask\", //brand class defined in main.css\r\n  \"gradient-primary-primarymuted-secondary\":\r\n    \"sg:bg-[linear-gradient(135deg,var(--sg-primary)_0%,var(--sg-primary-muted)_50%,var(--sg-secondary)_100%)]\",\r\n};\r\n\r\nconst layoutVariants = {\r\n  type: {\r\n    container: \"sg:w-full\",\r\n    full: \"sg:w-full sg:px-4\",\r\n    wide: \"sg:mx-auto sg:max-w-[1024px] sg:px-4 sg:min-[1056px]:px-0\",\r\n    col: \"sg:mx-auto sg:max-w-[768px] sg:px-4 sg:min-[800px]:px-0\",\r\n    narrow: \"sg:mx-auto sg:max-w-[410px] sg:px-4 sg:min-[442px]:px-0\",\r\n  },\r\n  cols: {\r\n    \"100\": \"\",\r\n    \"66-33\": \"sg:md:grid-cols-[2fr_1fr] sg:gap-4\",\r\n    \"50-50\": \"sg:md:grid-cols-2 sg:gap-4\",\r\n    \"33-33-33\": \"sg:md:grid-cols-3 sg:gap-4\",\r\n    \"25-25-25-25\": \"sg:md:grid-cols-4 sg:gap-4\",\r\n  },\r\n  bgColor: bgColors,\r\n};\r\n\r\nconst layoutVariantsProps = cva(\"sg:grid sg:grid-cols-1\", {\r\n  variants: layoutVariants,\r\n  defaultVariants: {\r\n    type: \"col\",\r\n    cols: \"100\",\r\n  },\r\n});\r\n\r\nexport interface LayoutProps\r\n  extends\r\n    React.HTMLAttributes<HTMLElement>,\r\n    VariantProps<typeof layoutVariantsProps> {\r\n  /** Semantic HTML element for the outer wrapper. Defaults to `div`. */\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n}\r\n\r\n/** Grid layout with width constraints (`type`), column templates (`cols`), and background tokens (`bgColor`). */\r\nfunction Layout({\r\n  children,\r\n  className,\r\n  type,\r\n  cols,\r\n  bgColor,\r\n  as: Component = \"div\",\r\n  ...props\r\n}: React.PropsWithChildren<LayoutProps>) {\r\n  const allowedInLayout = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ): boolean => {\r\n    if (content.type === Layout.Col1) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col2 &&\r\n      (cols === \"66-33\" ||\r\n        cols === \"50-50\" ||\r\n        cols === \"33-33-33\" ||\r\n        cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (\r\n      content.type === Layout.Col3 &&\r\n      (cols === \"33-33-33\" || cols === \"25-25-25-25\")\r\n    ) {\r\n      return true;\r\n    } else if (content.type === Layout.Col4 && cols === \"25-25-25-25\") {\r\n      return true;\r\n    }\r\n\r\n    console.error(\r\n      \"Content not allowed in column for variant\",\r\n      cols,\r\n      content.type,\r\n    );\r\n    return false;\r\n  };\r\n\r\n  const renderColumn = (\r\n    content: React.ReactElement<any, string | React.JSXElementConstructor<any>>,\r\n  ) => {\r\n    if (!allowedInLayout(content)) {\r\n      return;\r\n    }\r\n    return content;\r\n  };\r\n\r\n  return (\r\n    <Component\r\n      {...props}\r\n      className={cn(bgColors[bgColor ?? \"transparent\"], className)}\r\n    >\r\n      <div className={cn(layoutVariantsProps({ type, cols }))}>\r\n        {React.Children.map(children, (child) =>\r\n          React.isValidElement(child) ? renderColumn(child) : <></>,\r\n        )}\r\n      </div>\r\n    </Component>\r\n  );\r\n}\r\n\r\ntype colProp = {\r\n  children?: React.ReactNode;\r\n  hideDiv?: boolean;\r\n  className?: string;\r\n  as?: \"div\" | \"section\" | \"article\" | \"main\" | \"header\" | \"footer\";\r\n  centerContent?: boolean;\r\n};\r\n\r\nfunction Col({\r\n  children,\r\n  hideDiv,\r\n  className,\r\n  as: Component = \"div\",\r\n  centerContent,\r\n}: colProp) {\r\n  return hideDiv ? (\r\n    <>{children}</>\r\n  ) : (\r\n    <Component\r\n      className={cn(\r\n        centerContent &&\r\n          \"sg:flex sg:flex-col sg:items-center sg:justify-center\",\r\n        className,\r\n      )}\r\n    >\r\n      {children}\r\n    </Component>\r\n  );\r\n}\r\n\r\nLayout.Col1 = Col;\r\nLayout.Col2 = Col;\r\nLayout.Col3 = Col;\r\nLayout.Col4 = Col;\r\n\r\nexport { Layout, layoutVariantsProps, layoutVariants };\r\n"],"mappings":"AA8G8D;AA9G9D,YAAY,WAAW;AACvB,SAAS,WAA8B;AACvC,SAAS,UAAU;AAEnB,MAAM,WAAW;AAAA,EACf,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WACE;AAAA,EACF,WACE;AAAA,EACF,8BAA8B;AAAA;AAAA,EAC9B,2CACE;AACJ;AAEA,MAAM,iBAAiB;AAAA,EACrB,MAAM;AAAA,IACJ,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,eAAe;AAAA,EACjB;AAAA,EACA,SAAS;AACX;AAEA,MAAM,sBAAsB,IAAI,0BAA0B;AAAA,EACxD,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,MAAM;AAAA,IACN,MAAM;AAAA,EACR;AACF,CAAC;AAWD,SAAS,OAAO;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB,GAAG;AACL,GAAyC;AACvC,QAAM,kBAAkB,CACtB,YACY;AACZ,QAAI,QAAQ,SAAS,OAAO,MAAM;AAChC,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,WACR,SAAS,WACT,SAAS,cACT,SAAS,gBACX;AACA,aAAO;AAAA,IACT,WACE,QAAQ,SAAS,OAAO,SACvB,SAAS,cAAc,SAAS,gBACjC;AACA,aAAO;AAAA,IACT,WAAW,QAAQ,SAAS,OAAO,QAAQ,SAAS,eAAe;AACjE,aAAO;AAAA,IACT;AAEA,YAAQ;AAAA,MACN;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IACV;AACA,WAAO;AAAA,EACT;AAEA,QAAM,eAAe,CACnB,YACG;AACH,QAAI,CAAC,gBAAgB,OAAO,GAAG;AAC7B;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,GAAG,SAAS,WAAW,aAAa,GAAG,SAAS;AAAA,MAE3D,8BAAC,SAAI,WAAW,GAAG,oBAAoB,EAAE,MAAM,KAAK,CAAC,CAAC,GACnD,gBAAM,SAAS;AAAA,QAAI;AAAA,QAAU,CAAC,UAC7B,MAAM,eAAe,KAAK,IAAI,aAAa,KAAK,IAAI,gCAAE;AAAA,MACxD,GACF;AAAA;AAAA,EACF;AAEJ;AAUA,SAAS,IAAI;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,YAAY;AAAA,EAChB;AACF,GAAY;AACV,SAAO,UACL,gCAAG,UAAS,IAEZ;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,QACT,iBACE;AAAA,QACF;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,EACH;AAEJ;AAEA,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;AACd,OAAO,OAAO;","names":[]}

package/dist/components/primitives/link/link.d.ts

@@ -1,9 +1,8 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { BaseLinkProps } from '../../providers/LinkContext.js';
 import { VariantProps } from 'class-variance-authority';
 import { icons } from 'lucide-react';
-import 'react';
 
 declare const linkVariants: {
     variant: {
@@ -37,6 +36,6 @@ type Props = BaseLinkProps & VariantProps<typeof linkVariantsProps> & {
     iconStart?: keyof typeof icons;
     iconEnd?: keyof typeof icons;
 };
-declare const Link: ({ className, variant, size, iconStart, iconEnd, ...props }: Props) => react_jsx_runtime.JSX.Element;
+declare const Link: ({ className, variant, size, iconStart, iconEnd, ...props }: Props) => React.JSX.Element;
 
 export { Link, linkVariants };

package/dist/components/primitives/separator/separator.d.ts

@@ -1,6 +1,6 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { Separator as Separator$1 } from '@base-ui/react/separator';
 
-declare function Separator({ className, orientation, ...props }: Separator$1.Props): react_jsx_runtime.JSX.Element;
+declare function Separator({ className, orientation, ...props }: Separator$1.Props): React.JSX.Element;
 
 export { Separator };

package/dist/components/primitives/sheet/sheet.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import * as React from 'react';
 import * as SheetPrimitive from '@radix-ui/react-dialog';
@@ -16,11 +15,11 @@ interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof SheetP
 }
 declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
 declare const SheetHeader: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const SheetFooter: {
-    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): React.JSX.Element;
     displayName: string;
 };
 declare const SheetTitle: React.ForwardRefExoticComponent<Omit<SheetPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/dist/components/primitives/skeleton/skeleton.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
-declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function Skeleton({ className, ...props }: React.ComponentProps<"div">): React$1.JSX.Element;
 
 export { Skeleton };

package/dist/components/primitives/sonner/sonner.d.ts

@@ -1,7 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ToasterProps } from 'sonner';
 export { toast } from 'sonner';
 
-declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+declare const Toaster: ({ ...props }: ToasterProps) => React.JSX.Element;
 
 export { Toaster };

package/dist/components/primitives/spinner/spinner.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
-declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): react_jsx_runtime.JSX.Element;
+declare function Spinner({ className, ...props }: React.ComponentProps<"svg">): React$1.JSX.Element;
 
 export { Spinner };

package/dist/components/primitives/stack/stack.d.ts

@@ -2,6 +2,48 @@ import * as class_variance_authority_types from 'class-variance-authority/types'
 import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
+declare const stackVariantOptions: {
+    gap: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        13: string;
+        14: string;
+        15: string;
+        16: string;
+    };
+    direction: {
+        column: string;
+        row: string;
+    };
+    wrap: {
+        default: string;
+        wrap: string;
+        nowrap: string;
+    };
+    alignItems: {
+        default: string;
+        start: string;
+        center: string;
+        end: string;
+    };
+    justifyContent: {
+        default: string;
+        start: string;
+        center: string;
+        end: string;
+    };
+};
 declare const stackVariants: (props?: ({
     gap?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | null | undefined;
     direction?: "row" | "column" | null | undefined;
@@ -10,8 +52,10 @@ declare const stackVariants: (props?: ({
     justifyContent?: "center" | "default" | "end" | "start" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface StackProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof stackVariants> {
+    /** Merge props onto the child via Radix Slot instead of rendering a wrapper div. */
     asChild?: boolean;
 }
+/** Flex stack with tokenized `gap`, `direction`, and alignment variants. Prefer `gap` over margin on children. */
 declare const Stack: React.ForwardRefExoticComponent<StackProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Stack, type StackProps, stackVariants };
+export { Stack, type StackProps, stackVariantOptions, stackVariants };

package/dist/components/primitives/stack/stack.js

@@ -3,49 +3,50 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import * as React from "react";
 import { cn } from "../../../utils/index.js";
-const stackVariants = cva("sg:flex sg:flex-col", {
-  variants: {
-    gap: {
-      0: "",
-      1: "sg:gap-1",
-      2: "sg:gap-2",
-      3: "sg:gap-3",
-      4: "sg:gap-4",
-      5: "sg:gap-5",
-      6: "sg:gap-6",
-      7: "sg:gap-7",
-      8: "sg:gap-8",
-      9: "sg:gap-9",
-      10: "sg:gap-10",
-      11: "sg:gap-11",
-      12: "sg:gap-12",
-      13: "sg:gap-13",
-      14: "sg:gap-14",
-      15: "sg:gap-15",
-      16: "sg:gap-16"
-    },
-    direction: {
-      column: "sg:flex-col",
-      row: "sg:flex-row"
-    },
-    wrap: {
-      default: "",
-      wrap: "sg:flex-wrap",
-      nowrap: "sg:flex-nowrap"
-    },
-    alignItems: {
-      default: "",
-      start: "sg:items-start",
-      center: "sg:items-center",
-      end: "sg:items-end"
-    },
-    justifyContent: {
-      default: "",
-      start: "sg:justify-start",
-      center: "sg:justify-center",
-      end: "sg:justify-end"
-    }
+const stackVariantOptions = {
+  gap: {
+    0: "",
+    1: "sg:gap-1",
+    2: "sg:gap-2",
+    3: "sg:gap-3",
+    4: "sg:gap-4",
+    5: "sg:gap-5",
+    6: "sg:gap-6",
+    7: "sg:gap-7",
+    8: "sg:gap-8",
+    9: "sg:gap-9",
+    10: "sg:gap-10",
+    11: "sg:gap-11",
+    12: "sg:gap-12",
+    13: "sg:gap-13",
+    14: "sg:gap-14",
+    15: "sg:gap-15",
+    16: "sg:gap-16"
+  },
+  direction: {
+    column: "sg:flex-col",
+    row: "sg:flex-row"
+  },
+  wrap: {
+    default: "",
+    wrap: "sg:flex-wrap",
+    nowrap: "sg:flex-nowrap"
+  },
+  alignItems: {
+    default: "",
+    start: "sg:items-start",
+    center: "sg:items-center",
+    end: "sg:items-end"
   },
+  justifyContent: {
+    default: "",
+    start: "sg:justify-start",
+    center: "sg:justify-center",
+    end: "sg:justify-end"
+  }
+};
+const stackVariants = cva("sg:flex sg:flex-col", {
+  variants: stackVariantOptions,
   defaultVariants: {
     gap: 0,
     direction: "column",
@@ -80,6 +81,7 @@ const Stack = React.forwardRef(
 Stack.displayName = "Stack";
 export {
   Stack,
+  stackVariantOptions,
   stackVariants
 };
 //# sourceMappingURL=stack.js.map

package/dist/components/primitives/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n  variants: {\r\n    gap: {\r\n      0: \"\",\r\n      1: \"sg:gap-1\",\r\n      2: \"sg:gap-2\",\r\n      3: \"sg:gap-3\",\r\n      4: \"sg:gap-4\",\r\n      5: \"sg:gap-5\",\r\n      6: \"sg:gap-6\",\r\n      7: \"sg:gap-7\",\r\n      8: \"sg:gap-8\",\r\n      9: \"sg:gap-9\",\r\n      10: \"sg:gap-10\",\r\n      11: \"sg:gap-11\",\r\n      12: \"sg:gap-12\",\r\n      13: \"sg:gap-13\",\r\n      14: \"sg:gap-14\",\r\n      15: \"sg:gap-15\",\r\n      16: \"sg:gap-16\",\r\n    },\r\n    direction: {\r\n      column: \"sg:flex-col\",\r\n      row: \"sg:flex-row\",\r\n    },\r\n    wrap: {\r\n      default: \"\",\r\n      wrap: \"sg:flex-wrap\",\r\n      nowrap: \"sg:flex-nowrap\",\r\n    },\r\n    alignItems: {\r\n      default: \"\",\r\n      start: \"sg:items-start\",\r\n      center: \"sg:items-center\",\r\n      end: \"sg:items-end\",\r\n    },\r\n    justifyContent: {\r\n      default: \"\",\r\n      start: \"sg:justify-start\",\r\n      center: \"sg:justify-center\",\r\n      end: \"sg:justify-end\",\r\n    },\r\n  },\r\n  defaultVariants: {\r\n    gap: 0,\r\n    direction: \"column\",\r\n    wrap: \"default\",\r\n  },\r\n});\r\n\r\nexport interface StackProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof stackVariants> {\r\n  asChild?: boolean;\r\n}\r\n\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n  (\r\n    {\r\n      className,\r\n      gap,\r\n      direction,\r\n      wrap,\r\n      alignItems,\r\n      justifyContent,\r\n      asChild = false,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(\r\n          stackVariants({ gap, direction, wrap, alignItems, justifyContent }),\r\n          className,\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariants };\r\n"],"mappings":"AA8EM;AA9EN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,IACR,KAAK;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MACH,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,WAAW;AAAA,MACT,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,MAAM;AAAA,MACN,QAAQ;AAAA,IACV;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,IACA,gBAAgB;AAAA,MACd,SAAS;AAAA,MACT,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,KAAK;AAAA,IACP;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AASD,MAAM,QAAQ,MAAM;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,cAAc,EAAE,KAAK,WAAW,MAAM,YAAY,eAAe,CAAC;AAAA,UAClE;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/components/primitives/stack/stack.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\r\nimport { cva, type VariantProps } from \"class-variance-authority\";\r\nimport * as React from \"react\";\r\nimport { cn } from \"../../../utils/index\";\r\n\r\nconst stackVariantOptions = {\r\n  gap: {\r\n    0: \"\",\r\n    1: \"sg:gap-1\",\r\n    2: \"sg:gap-2\",\r\n    3: \"sg:gap-3\",\r\n    4: \"sg:gap-4\",\r\n    5: \"sg:gap-5\",\r\n    6: \"sg:gap-6\",\r\n    7: \"sg:gap-7\",\r\n    8: \"sg:gap-8\",\r\n    9: \"sg:gap-9\",\r\n    10: \"sg:gap-10\",\r\n    11: \"sg:gap-11\",\r\n    12: \"sg:gap-12\",\r\n    13: \"sg:gap-13\",\r\n    14: \"sg:gap-14\",\r\n    15: \"sg:gap-15\",\r\n    16: \"sg:gap-16\",\r\n  },\r\n  direction: {\r\n    column: \"sg:flex-col\",\r\n    row: \"sg:flex-row\",\r\n  },\r\n  wrap: {\r\n    default: \"\",\r\n    wrap: \"sg:flex-wrap\",\r\n    nowrap: \"sg:flex-nowrap\",\r\n  },\r\n  alignItems: {\r\n    default: \"\",\r\n    start: \"sg:items-start\",\r\n    center: \"sg:items-center\",\r\n    end: \"sg:items-end\",\r\n  },\r\n  justifyContent: {\r\n    default: \"\",\r\n    start: \"sg:justify-start\",\r\n    center: \"sg:justify-center\",\r\n    end: \"sg:justify-end\",\r\n  },\r\n};\r\n\r\nconst stackVariants = cva(\"sg:flex sg:flex-col\", {\r\n  variants: stackVariantOptions,\r\n  defaultVariants: {\r\n    gap: 0,\r\n    direction: \"column\",\r\n    wrap: \"default\",\r\n  },\r\n});\r\n\r\nexport interface StackProps\r\n  extends\r\n    React.HTMLAttributes<HTMLDivElement>,\r\n    VariantProps<typeof stackVariants> {\r\n  /** Merge props onto the child via Radix Slot instead of rendering a wrapper div. */\r\n  asChild?: boolean;\r\n}\r\n\r\n/** Flex stack with tokenized `gap`, `direction`, and alignment variants. Prefer `gap` over margin on children. */\r\nconst Stack = React.forwardRef<HTMLDivElement, StackProps>(\r\n  (\r\n    {\r\n      className,\r\n      gap,\r\n      direction,\r\n      wrap,\r\n      alignItems,\r\n      justifyContent,\r\n      asChild = false,\r\n      ...props\r\n    },\r\n    ref,\r\n  ) => {\r\n    const Comp = asChild ? Slot : \"div\";\r\n    return (\r\n      <Comp\r\n        className={cn(\r\n          stackVariants({ gap, direction, wrap, alignItems, justifyContent }),\r\n          className,\r\n        )}\r\n        ref={ref}\r\n        {...props}\r\n      />\r\n    );\r\n  },\r\n);\r\nStack.displayName = \"Stack\";\r\n\r\nexport { Stack, stackVariantOptions, stackVariants };\r\n"],"mappings":"AAkFM;AAlFN,SAAS,YAAY;AACrB,SAAS,WAA8B;AACvC,YAAY,WAAW;AACvB,SAAS,UAAU;AAEnB,MAAM,sBAAsB;AAAA,EAC1B,KAAK;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,GAAG;AAAA,IACH,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,EACN;AAAA,EACA,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AAAA,EACA,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AAAA,EACA,gBAAgB;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,KAAK;AAAA,EACP;AACF;AAEA,MAAM,gBAAgB,IAAI,uBAAuB;AAAA,EAC/C,UAAU;AAAA,EACV,iBAAiB;AAAA,IACf,KAAK;AAAA,IACL,WAAW;AAAA,IACX,MAAM;AAAA,EACR;AACF,CAAC;AAWD,MAAM,QAAQ,MAAM;AAAA,EAClB,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,OAAO,UAAU,OAAO;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW;AAAA,UACT,cAAc,EAAE,KAAK,WAAW,MAAM,YAAY,eAAe,CAAC;AAAA,UAClE;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,EAEJ;AACF;AACA,MAAM,cAAc;","names":[]}

package/dist/components/primitives/text/heading.d.ts

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import { textElementVariantsProps } from './internal/text-element.js';
-import 'react';
 
 declare const headingVariants: {
     variant: {
@@ -21,6 +20,6 @@ interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement>, Variant
     as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
     foreground?: VariantProps<typeof textElementVariantsProps>["foreground"];
 }
-declare const Heading: ({ children, as, variant, foreground, className, ...props }: HeadingProps) => react_jsx_runtime.JSX.Element;
+declare const Heading: ({ children, as, variant, foreground, className, ...props }: HeadingProps) => React$1.JSX.Element;
 
 export { Heading, type HeadingProps, headingVariants, headingVariantsProps };

package/dist/components/primitives/text/internal/text-element.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import React__default from 'react';
 import { VariantProps } from 'class-variance-authority';
@@ -77,6 +76,6 @@ declare const textElementVariantsProps: (props?: ({
 interface TextElementProps extends React__default.HTMLAttributes<HTMLElement>, VariantProps<typeof textElementVariantsProps> {
     as?: "p" | "div" | "span" | "time" | "code";
 }
-declare const TextElement: ({ as, children, size, foreground, fontweight, className, ...props }: TextElementProps) => react_jsx_runtime.JSX.Element;
+declare const TextElement: ({ as, children, size, foreground, fontweight, className, ...props }: TextElementProps) => React__default.JSX.Element;
 
 export { TextElement, type TextElementProps, textElementForeground, textElementSize, textElementVariants, textElementVariantsProps };