singularity-components 0.1.194 → 0.1.195

package/dist/components/primitives/text/text-code.d.ts

@@ -1,4 +1,4 @@
-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';
 
@@ -21,6 +21,6 @@ declare const textCodeVariantsProps: (props?: ({
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface TextCodeProps extends React.HTMLAttributes<HTMLElement>, VariantProps<typeof textCodeVariantsProps> {
 }
-declare const TextCode: ({ children, size, className, ...props }: TextCodeProps) => react_jsx_runtime.JSX.Element;
+declare const TextCode: ({ children, size, className, ...props }: TextCodeProps) => React$1.JSX.Element;
 
 export { TextCode, type TextCodeProps, textCodeVariants, textCodeVariantsProps };

package/dist/components/primitives/text/text-div.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { OmitClassProperty } from '../../../lib/types.js';
 import { TextElementProps } from './internal/text-element.js';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
 
-declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+declare const TextDiv: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => React.JSX.Element;
 
 export { TextDiv };

package/dist/components/primitives/text/text-span.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { OmitClassProperty } from '../../../lib/types.js';
 import { TextElementProps } from './internal/text-element.js';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
 
-declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+declare const TextSpan: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => React.JSX.Element;
 
 export { TextSpan };

package/dist/components/primitives/text/text-time.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { TextElementProps } from './internal/text-element.js';
 import { OmitClassProperty } from '../../../lib/types.js';
 import 'class-variance-authority/types';
-import 'react';
 import 'class-variance-authority';
 
-declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+declare const TextTime: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => React.JSX.Element;
 
 export { TextTime };

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

@@ -1,8 +1,7 @@
-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 { OmitClassProperty } from '../../../lib/types.js';
 import { TextElementProps } from './internal/text-element.js';
-import 'react';
 import 'class-variance-authority';
 
 declare const textVariants: {
@@ -11,6 +10,6 @@ declare const textVariants: {
 declare const textVariantsProps: (props?: ({
     variant?: null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-declare const Text: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => react_jsx_runtime.JSX.Element;
+declare const Text: ({ children, size, foreground, fontweight, className, ...props }: OmitClassProperty<TextElementProps, "as">) => React.JSX.Element;
 
 export { Text, textVariants, textVariantsProps };

package/dist/components/primitives/ui-image/ui-image.d.ts

@@ -1,10 +1,9 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { BaseImageProps } from '../../providers/ImageContext.js';
-import 'react';
 
 type Props = {
     showServerSideDefaultImageComponent?: boolean;
 } & BaseImageProps;
-declare function UiImage({ showServerSideDefaultImageComponent, ...props }: Props): react_jsx_runtime.JSX.Element;
+declare function UiImage({ showServerSideDefaultImageComponent, ...props }: Props): React.JSX.Element;
 
 export { UiImage };

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

@@ -1,8 +1,7 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { BaseLinkProps } from '../../providers/LinkContext.js';
-import 'react';
 
 type Props = BaseLinkProps;
-declare const UiLink: ({ ...props }: Props) => react_jsx_runtime.JSX.Element;
+declare const UiLink: ({ ...props }: Props) => React.JSX.Element;
 
 export { UiLink };

package/dist/components/providers/SingularityContext.d.ts

@@ -2,7 +2,6 @@ import React__default, { ReactNode } from 'react';
 import { ImageComponentType } from './ImageContext.js';
 import { LinkComponentType } from './LinkContext.js';
 import { Theme } from './theme-provider.js';
-import 'react/jsx-runtime';
 
 interface SingularityProviderProps {
     ImageComponent?: ImageComponentType;

package/dist/components/providers/auth-provider.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 import { ReactNode } from 'react';
 
 interface AuthContextType {
@@ -9,7 +9,7 @@ interface AuthContextType {
 }
 declare function AuthProvider({ children }: {
     children: ReactNode;
-}): react_jsx_runtime.JSX.Element;
+}): React.JSX.Element;
 declare const useAuth: () => AuthContextType;
 
 export { AuthProvider, useAuth };

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

@@ -4,4 +4,3 @@ export { SingularityProvider } from './SingularityContext.js';
 export { AuthProvider, useAuth } from './auth-provider.js';
 export { Theme, ThemeProvider, ThemeProviderProps, ThemeProviderState, useTheme } from './theme-provider.js';
 import 'react';
-import 'react/jsx-runtime';

package/dist/components/providers/theme-provider.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 type Theme = "dark" | "light" | "system";
@@ -18,7 +17,7 @@ type ThemeProviderState = {
  * Supports "light", "dark", and "system" modes.
  * Default is "system" with a fallback to "dark".
  */
-declare function ThemeProvider({ children, defaultTheme, ...props }: ThemeProviderProps): react_jsx_runtime.JSX.Element;
+declare function ThemeProvider({ children, defaultTheme, ...props }: ThemeProviderProps): React.JSX.Element;
 /**
  * Hook to access the current theme and setTheme function.
  */

package/dist/components/templates/container/container.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 import { PropsWithChildren } from 'react';
 
@@ -6,11 +5,11 @@ type Prop = {
     children?: React.ReactNode;
     as?: "body" | "div";
 } & React.HTMLAttributes<HTMLElement>;
-declare function Container({ children, as: Component, className, ...rest }: PropsWithChildren<Prop>): react_jsx_runtime.JSX.Element;
+declare function Container({ children, as: Component, className, ...rest }: PropsWithChildren<Prop>): React.JSX.Element;
 declare namespace Container {
-    var Header: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
-    var Content: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
-    var Footer: ({ children, as: Component, ...props }: ChildProp) => react_jsx_runtime.JSX.Element;
+    var Header: ({ children, as: Component, ...props }: ChildProp) => React.JSX.Element;
+    var Content: ({ children, as: Component, ...props }: ChildProp) => React.JSX.Element;
+    var Footer: ({ children, as: Component, ...props }: ChildProp) => React.JSX.Element;
 }
 type ChildProp = {
     children?: React.ReactNode;

package/dist/components/templates/footer/footer.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
-declare function Footer(): react_jsx_runtime.JSX.Element;
+declare function Footer(): React.JSX.Element;
 
 export { Footer };

package/dist/components/templates/form/form.d.ts

@@ -1,5 +1,5 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
 
-declare function Form(): react_jsx_runtime.JSX.Element;
+declare function Form(): React.JSX.Element;
 
 export { Form as default };

package/dist/components/templates/hero/hero.d.ts

@@ -1,4 +1,4 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React$1 from 'react';
 
 interface HeroProps {
     title?: React.ReactNode;
@@ -13,6 +13,6 @@ interface HeroProps {
         href: string;
     };
 }
-declare function Hero({ title, titleAccent, description, primaryCTA, secondaryCTA, }: HeroProps): react_jsx_runtime.JSX.Element;
+declare function Hero({ title, titleAccent, description, primaryCTA, secondaryCTA, }: HeroProps): React$1.JSX.Element;
 
 export { Hero as default };

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

@@ -1,5 +1,4 @@
 export { Container } from './container/container.js';
 export { Footer } from './footer/footer.js';
 export { Header, HeaderProps, NavLink } from './navigation/header.js';
-import 'react/jsx-runtime';
 import 'react';

package/dist/components/templates/navigation/header.d.ts

@@ -1,4 +1,3 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
 
 interface NavLink {
@@ -14,6 +13,6 @@ interface HeaderProps {
     loginLabel?: string;
     extrasLabel?: string;
 }
-declare function Header({ navLinks, extrasLinks, logo, currentPath, loginPath, loginLabel, extrasLabel, }: HeaderProps): react_jsx_runtime.JSX.Element;
+declare function Header({ navLinks, extrasLinks, logo, currentPath, loginPath, loginLabel, extrasLabel, }: HeaderProps): React.JSX.Element;
 
 export { Header, type HeaderProps, type NavLink };

package/dist/components/templates/navigation/index.d.ts

@@ -1,3 +1,2 @@
 export { Header, HeaderProps, NavLink } from './header.js';
-import 'react/jsx-runtime';
 import 'react';

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from './components/blocks/cards/card.js';
+export { Login, LoginCredentials, LoginProps } from './components/blocks/login/login.js';
 export { PostListWithFilters } from './components/blocks/post-list/post-list-with-filters.js';
 export { AdminPage, AdminPageProps } from './components/pages/admin/admin-page.js';
 export { BlogPost } from './components/pages/blogpost/blogpost.js';
@@ -32,7 +33,7 @@ export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHe
 export { Skeleton } from './components/primitives/skeleton/skeleton.js';
 export { Toaster } from './components/primitives/sonner/sonner.js';
 export { Spinner } from './components/primitives/spinner/spinner.js';
-export { Stack, StackProps, stackVariants } from './components/primitives/stack/stack.js';
+export { Stack, StackProps, stackVariantOptions, stackVariants } from './components/primitives/stack/stack.js';
 export { Heading, HeadingProps, headingVariants, headingVariantsProps } from './components/primitives/text/heading.js';
 export { TextCode, TextCodeProps, textCodeVariants, textCodeVariantsProps } from './components/primitives/text/text-code.js';
 export { TextDiv } from './components/primitives/text/text-div.js';
@@ -50,7 +51,6 @@ export { Container } from './components/templates/container/container.js';
 export { Footer } from './components/templates/footer/footer.js';
 export { Header, HeaderProps, NavLink } from './components/templates/navigation/header.js';
 export { toast } from 'sonner';
-import 'react/jsx-runtime';
 import 'react';
 import './data/posts.js';
 import '@base-ui/react/accordion';

package/dist/main.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.3.1 | MIT License | https://tailwindcss.com */
 @layer properties;
 :root {
   --sg-black: oklch(0.25 0 0);
@@ -84,6 +84,7 @@
   :root,
   :host {
     --sg-spacing: 0.25rem;
+    --sg-container-xs: 20rem;
     --sg-container-sm: 24rem;
     --sg-container-md: 28rem;
     --sg-container-lg: 32rem;
@@ -354,13 +355,13 @@
     position: sticky;
   }
   .sg\:inset-0 {
-    inset: calc(var(--sg-spacing) * 0);
+    inset: 0;
   }
   .sg\:inset-x-0 {
-    inset-inline: calc(var(--sg-spacing) * 0);
+    inset-inline: 0;
   }
   .sg\:inset-y-0 {
-    inset-block: calc(var(--sg-spacing) * 0);
+    inset-block: 0;
   }
   .sg\:end-3 {
     inset-inline-end: calc(var(--sg-spacing) * 3);
@@ -369,7 +370,7 @@
     top: calc(var(--sg-spacing) * -1.5);
   }
   .sg\:top-0 {
-    top: calc(var(--sg-spacing) * 0);
+    top: 0;
   }
   .sg\:top-1\/2 {
     top: calc(1 / 2 * 100%);
@@ -387,16 +388,16 @@
     right: calc(var(--sg-spacing) * -1.5);
   }
   .sg\:right-0 {
-    right: calc(var(--sg-spacing) * 0);
+    right: 0;
   }
   .sg\:right-4 {
     right: calc(var(--sg-spacing) * 4);
   }
   .sg\:bottom-0 {
-    bottom: calc(var(--sg-spacing) * 0);
+    bottom: 0;
   }
   .sg\:left-0 {
-    left: calc(var(--sg-spacing) * 0);
+    left: 0;
   }
   .sg\:left-2 {
     left: calc(var(--sg-spacing) * 2);
@@ -456,7 +457,7 @@
     margin-block: calc(var(--sg-spacing) * -2);
   }
   .sg\:my-1 {
-    margin-block: calc(var(--sg-spacing) * 1);
+    margin-block: var(--sg-spacing);
   }
   .sg\:my-4 {
     margin-block: calc(var(--sg-spacing) * 4);
@@ -465,7 +466,7 @@
     margin-top: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:mt-1 {
-    margin-top: calc(var(--sg-spacing) * 1);
+    margin-top: var(--sg-spacing);
   }
   .sg\:mt-1\.5 {
     margin-top: calc(var(--sg-spacing) * 1.5);
@@ -501,13 +502,13 @@
     margin-top: auto;
   }
   .sg\:mr-1 {
-    margin-right: calc(var(--sg-spacing) * 1);
+    margin-right: var(--sg-spacing);
   }
   .sg\:mr-2 {
     margin-right: calc(var(--sg-spacing) * 2);
   }
   .sg\:mb-1 {
-    margin-bottom: calc(var(--sg-spacing) * 1);
+    margin-bottom: var(--sg-spacing);
   }
   .sg\:mb-2 {
     margin-bottom: calc(var(--sg-spacing) * 2);
@@ -531,7 +532,7 @@
     margin-bottom: calc(var(--sg-spacing) * 12);
   }
   .sg\:ml-1 {
-    margin-left: calc(var(--sg-spacing) * 1);
+    margin-left: var(--sg-spacing);
   }
   .sg\:ml-4 {
     margin-left: calc(var(--sg-spacing) * 4);
@@ -623,7 +624,7 @@
     height: var(--accordion-panel-height);
   }
   .sg\:h-1 {
-    height: calc(var(--sg-spacing) * 1);
+    height: var(--sg-spacing);
   }
   .sg\:h-2 {
     height: calc(var(--sg-spacing) * 2);
@@ -658,6 +659,9 @@
   .sg\:h-32 {
     height: calc(var(--sg-spacing) * 32);
   }
+  .sg\:h-48 {
+    height: calc(var(--sg-spacing) * 48);
+  }
   .sg\:h-56 {
     height: calc(var(--sg-spacing) * 56);
   }
@@ -695,7 +699,10 @@
     max-height: var(--available-height);
   }
   .sg\:min-h-0 {
-    min-height: calc(var(--sg-spacing) * 0);
+    min-height: 0;
+  }
+  .sg\:min-h-\[24rem\] {
+    min-height: 24rem;
   }
   .sg\:min-h-\[60vh\] {
     min-height: 60vh;
@@ -713,7 +720,7 @@
     width: var(--anchor-width);
   }
   .sg\:w-1 {
-    width: calc(var(--sg-spacing) * 1);
+    width: var(--sg-spacing);
   }
   .sg\:w-1\/2 {
     width: calc(1 / 2 * 100%);
@@ -820,8 +827,11 @@
   .sg\:max-w-xl {
     max-width: var(--sg-container-xl);
   }
+  .sg\:max-w-xs {
+    max-width: var(--sg-container-xs);
+  }
   .sg\:min-w-0 {
-    min-width: calc(var(--sg-spacing) * 0);
+    min-width: 0;
   }
   .sg\:min-w-6 {
     min-width: calc(var(--sg-spacing) * 6);
@@ -951,7 +961,7 @@
     gap: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:gap-1 {
-    gap: calc(var(--sg-spacing) * 1);
+    gap: var(--sg-spacing);
   }
   .sg\:gap-1\.5 {
     gap: calc(var(--sg-spacing) * 1.5);
@@ -1004,8 +1014,8 @@
   .sg\:space-y-1 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
-      margin-block-start: calc(calc(var(--sg-spacing) * 1) * var(--tw-space-y-reverse));
-      margin-block-end: calc(calc(var(--sg-spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
+      margin-block-start: calc(var(--sg-spacing) * var(--tw-space-y-reverse));
+      margin-block-end: calc(var(--sg-spacing) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
   .sg\:space-y-1\.5 {
@@ -1270,7 +1280,7 @@
     object-fit: cover;
   }
   .sg\:p-1 {
-    padding: calc(var(--sg-spacing) * 1);
+    padding: var(--sg-spacing);
   }
   .sg\:p-2 {
     padding: calc(var(--sg-spacing) * 2);
@@ -1306,7 +1316,7 @@
     padding-block: calc(var(--sg-spacing) * 0.5);
   }
   .sg\:py-1 {
-    padding-block: calc(var(--sg-spacing) * 1);
+    padding-block: var(--sg-spacing);
   }
   .sg\:py-1\.5 {
     padding-block: calc(var(--sg-spacing) * 1.5);
@@ -1339,7 +1349,7 @@
     padding-block: calc(var(--sg-spacing) * 32);
   }
   .sg\:pt-0 {
-    padding-top: calc(var(--sg-spacing) * 0);
+    padding-top: 0;
   }
   .sg\:pt-2 {
     padding-top: calc(var(--sg-spacing) * 2);
@@ -1350,11 +1360,14 @@
   .sg\:pt-4 {
     padding-top: calc(var(--sg-spacing) * 4);
   }
+  .sg\:pt-6 {
+    padding-top: calc(var(--sg-spacing) * 6);
+  }
   .sg\:pt-8 {
     padding-top: calc(var(--sg-spacing) * 8);
   }
   .sg\:pr-1 {
-    padding-right: calc(var(--sg-spacing) * 1);
+    padding-right: var(--sg-spacing);
   }
   .sg\:pr-2 {
     padding-right: calc(var(--sg-spacing) * 2);
@@ -1561,6 +1574,9 @@
   .sg\:italic {
     font-style: italic;
   }
+  .sg\:underline {
+    text-decoration-line: underline;
+  }
   .sg\:decoration-primary\/40 {
     text-decoration-color: var(--sg-primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2050,7 +2066,7 @@
   }
   .sg\:last\:mt-0 {
     &:last-child {
-      margin-top: calc(var(--sg-spacing) * 0);
+      margin-top: 0;
     }
   }
   .sg\:hover\:border-primary {
@@ -2368,7 +2384,7 @@
   }
   .sg\:has-\[\>img\:first-child\]\:pt-0 {
     &:has(> img:first-child) {
-      padding-top: calc(var(--sg-spacing) * 0);
+      padding-top: 0;
     }
   }
   .sg\:has-\[\>svg\]\:grid-cols-\[auto_1fr\] {
@@ -2414,7 +2430,7 @@
   }
   .sg\:data-ending-style\:h-0 {
     &[data-ending-style] {
-      height: calc(var(--sg-spacing) * 0);
+      height: 0;
     }
   }
   .sg\:data-open\:bg-muted\/50 {
@@ -2448,7 +2464,7 @@
   }
   .sg\:data-starting-style\:h-0 {
     &[data-starting-style] {
-      height: calc(var(--sg-spacing) * 0);
+      height: 0;
     }
   }
   .sg\:data-\[align-trigger\=true\]\:animate-none {
@@ -2742,17 +2758,17 @@
   }
   .sg\:min-\[442px\]\:px-0 {
     @media (width >= 442px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:min-\[800px\]\:px-0 {
     @media (width >= 800px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:min-\[1056px\]\:px-0 {
     @media (width >= 1056px) {
-      padding-inline: calc(var(--sg-spacing) * 0);
+      padding-inline: 0;
     }
   }
   .sg\:sm\:max-w-sm {