@askrjs/themes 0.0.12 → 0.0.14

package/README.md

@@ -1,5 +1,8 @@
 # @askrjs/themes
 
+[![CI](https://github.com/askrjs/askr-themes/actions/workflows/ci.yml/badge.svg?branch=main)](https://github.com/askrjs/askr-themes/actions/workflows/ci.yml)
+[![npm version](https://img.shields.io/npm/v/%40askrjs%2Fthemes.svg)](https://www.npmjs.com/package/@askrjs/themes)
+
 CSS tokens and a shadcn-style styled component catalog for Askr apps.
 
 `@askrjs/themes` is the visual companion to `@askrjs/ui` and

package/THEMING.md

@@ -37,6 +37,15 @@ Style override:
 }
 ```
 
+Card titles default to `h3`. Choose `titleAs` from the surrounding document
+hierarchy; use `h1` when the card title is the page title, or the next logical
+level beneath an existing heading:
+
+```tsx
+<CardTitle titleAs="h1">Sign in</CardTitle>
+<CardTitle titleAs="h2">Live sessions</CardTitle>
+```
+
 Icon override:
 
 ```css

package/dist/components/_internal/block-layout.d.ts

@@ -45,5 +45,4 @@ type BlockLayoutProps = {
   hide?: ResponsiveValue<boolean>;
 };
 //#endregion
-export { BlockAlign, BlockBackground, BlockDirection, BlockJustify, BlockLayoutProps, BlockMargin, BlockRadius, BlockRowFrom, BlockShadow, BlockSize, BlockSpace, BlockZIndex, LayoutBreakpoint, ResponsiveValue };
-//# sourceMappingURL=block-layout.d.ts.map
+export { BlockAlign, BlockBackground, BlockDirection, BlockJustify, BlockLayoutProps, BlockMargin, BlockRadius, BlockRowFrom, BlockShadow, BlockSize, BlockSpace, BlockZIndex, LayoutBreakpoint, ResponsiveValue };

package/dist/components/_internal/block-layout.js

@@ -206,5 +206,3 @@ function mergeLayoutStyles(layout, user) {
 }
 //#endregion
 export { applyBlockLayoutStyles, mergeLayoutStyles, splitBlockLayoutProps };
-
-//# sourceMappingURL=block-layout.js.map

package/dist/components/_internal/classes.js

@@ -4,5 +4,3 @@ function classes(...values) {
 }
 //#endregion
 export { classes };
-
-//# sourceMappingURL=classes.js.map

package/dist/components/_internal/jsx.js

@@ -16,5 +16,3 @@ function toChildArray(children) {
 }
 //#endregion
 export { intrinsicElement, isJsxElement, toChildArray };
-
-//# sourceMappingURL=jsx.js.map

package/dist/components/_internal/merge-props.js

@@ -51,5 +51,3 @@ function mergeProps(base, injected) {
 }
 //#endregion
 export { mergeProps };
-
-//# sourceMappingURL=merge-props.js.map

package/dist/components/_internal/pathname.js

@@ -35,5 +35,3 @@ function resolvePathname(href) {
 }
 //#endregion
 export { resolvePathname };
-
-//# sourceMappingURL=pathname.js.map

package/dist/components/_internal/style.js

@@ -61,5 +61,3 @@ function styleDeclarationsToClass(declarations) {
 }
 //#endregion
 export { serializeCssDeclarations, styleDeclarationsToClass };
-
-//# sourceMappingURL=style.js.map

package/dist/components/alert/alert.d.ts

@@ -2,5 +2,4 @@ import { AlertProps } from "./alert.types.js";
 //#region src/components/alert/alert.d.ts
 declare function Alert(props: AlertProps): JSX.Element;
 //#endregion
-export { Alert };
-//# sourceMappingURL=alert.d.ts.map
+export { Alert };

package/dist/components/alert/alert.js

@@ -61,5 +61,3 @@ function Alert(props) {
 }
 //#endregion
 export { Alert };
-
-//# sourceMappingURL=alert.js.map

package/dist/components/alert/alert.types.d.ts

@@ -16,5 +16,4 @@ type AlertProps = DivProps & {
   ref?: Ref<HTMLDivElement>;
 };
 //#endregion
-export { AlertHeadingTag, AlertProps, AlertVariant };
-//# sourceMappingURL=alert.types.d.ts.map
+export { AlertHeadingTag, AlertProps, AlertVariant };

package/dist/components/aside/aside.d.ts

@@ -2,5 +2,4 @@ import { AsideProps } from "./aside.types.js";
 //#region src/components/aside/aside.d.ts
 declare function Aside(props: AsideProps): JSX.Element;
 //#endregion
-export { Aside };
-//# sourceMappingURL=aside.d.ts.map
+export { Aside };

package/dist/components/aside/aside.js

@@ -12,5 +12,3 @@ function Aside(props) {
 }
 //#endregion
 export { Aside };
-
-//# sourceMappingURL=aside.js.map

package/dist/components/aside/aside.types.d.ts

@@ -3,5 +3,4 @@ import "../block/index.js";
 //#region src/components/aside/aside.types.d.ts
 type AsideProps = Omit<BlockElementProps<"aside">, "as">;
 //#endregion
-export { AsideProps };
-//# sourceMappingURL=aside.types.d.ts.map
+export { AsideProps };

package/dist/components/aspect-ratio/aspect-ratio.d.ts

@@ -3,5 +3,4 @@ import { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio.types.
 declare function AspectRatio(props: AspectRatioProps): JSX.Element;
 declare function AspectRatio(props: AspectRatioAsChildProps): JSX.Element;
 //#endregion
-export { AspectRatio };
-//# sourceMappingURL=aspect-ratio.d.ts.map
+export { AspectRatio };

package/dist/components/aspect-ratio/aspect-ratio.js

@@ -27,5 +27,3 @@ function AspectRatio(props) {
 }
 //#endregion
 export { AspectRatio };
-
-//# sourceMappingURL=aspect-ratio.js.map

package/dist/components/aspect-ratio/aspect-ratio.types.d.ts

@@ -16,5 +16,4 @@ type AspectRatioAsChildProps = AspectRatioOwnProps & {
   ref?: Ref<unknown>;
 };
 //#endregion
-export { AspectRatioAsChildProps, AspectRatioOwnProps, AspectRatioProps };
-//# sourceMappingURL=aspect-ratio.types.d.ts.map
+export { AspectRatioAsChildProps, AspectRatioOwnProps, AspectRatioProps };

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

@@ -3,5 +3,4 @@ import { BadgeAsChildProps, BadgeProps } from "./badge.types.js";
 declare function Badge(props: BadgeProps): JSX.Element;
 declare function Badge(props: BadgeAsChildProps): JSX.Element;
 //#endregion
-export { Badge };
-//# sourceMappingURL=badge.d.ts.map
+export { Badge };

package/dist/components/badge/badge.js

@@ -25,5 +25,3 @@ function Badge(props) {
 }
 //#endregion
 export { Badge };
-
-//# sourceMappingURL=badge.js.map

package/dist/components/badge/badge.types.d.ts

@@ -16,5 +16,4 @@ type BadgeAsChildProps = BadgeOwnProps & {
   ref?: Ref<unknown>;
 };
 //#endregion
-export { BadgeAsChildProps, BadgeOwnProps, BadgeProps, BadgeVariant };
-//# sourceMappingURL=badge.types.d.ts.map
+export { BadgeAsChildProps, BadgeOwnProps, BadgeProps, BadgeVariant };

package/dist/components/block/block.d.ts

@@ -3,5 +3,4 @@ import { BlockAsChildProps, BlockNativeProps } from "./block.types.js";
 declare function Block(props: BlockNativeProps): JSX.Element;
 declare function Block(props: BlockAsChildProps): JSX.Element;
 //#endregion
-export { Block };
-//# sourceMappingURL=block.d.ts.map
+export { Block };

package/dist/components/block/block.js

@@ -30,5 +30,3 @@ function Block(props) {
 }
 //#endregion
 export { Block };
-
-//# sourceMappingURL=block.js.map

package/dist/components/block/block.types.d.ts

@@ -23,5 +23,4 @@ type BlockDivProps = BlockElementProps<"div">;
 type BlockSpanProps = BlockElementProps<"span">;
 type BlockProps = BlockNativeProps | BlockAsChildProps;
 //#endregion
-export { type BlockAlign, BlockAsChildProps, type BlockBackground, type BlockDirection, BlockDivProps, BlockElement, BlockElementProps, type BlockJustify, type BlockMargin, BlockNativeProps, BlockOwnProps, BlockProps, type BlockRadius, type ResponsiveValue as BlockResponsiveValue, type BlockRowFrom, type BlockShadow, type BlockSize, type BlockSpace, BlockSpanProps, type BlockZIndex };
-//# sourceMappingURL=block.types.d.ts.map
+export { type BlockAlign, BlockAsChildProps, type BlockBackground, type BlockDirection, BlockDivProps, BlockElement, BlockElementProps, type BlockJustify, type BlockMargin, BlockNativeProps, BlockOwnProps, BlockProps, type BlockRadius, type ResponsiveValue as BlockResponsiveValue, type BlockRowFrom, type BlockShadow, type BlockSize, type BlockSpace, BlockSpanProps, type BlockZIndex };

package/dist/components/brand/brand.d.ts

@@ -4,5 +4,4 @@ declare function Brand<TElement extends "div" | "a" | "span" = "div">(props: Bra
 declare function BrandMark(props: BrandMarkProps): JSX.Element;
 declare function BrandLabel(props: BrandLabelProps): JSX.Element;
 //#endregion
-export { Brand, BrandLabel, BrandMark };
-//# sourceMappingURL=brand.d.ts.map
+export { Brand, BrandLabel, BrandMark };

package/dist/components/brand/brand.js

@@ -44,5 +44,3 @@ function BrandLabel(props) {
 }
 //#endregion
 export { Brand, BrandLabel, BrandMark };
-
-//# sourceMappingURL=brand.js.map

package/dist/components/brand/brand.types.d.ts

@@ -26,5 +26,4 @@ type BrandLabelProps = SpanProps & {
   ref?: Ref<HTMLSpanElement>;
 };
 //#endregion
-export { BrandAsChildProps, BrandElement, BrandLabelProps, BrandMarkProps, BrandNativeProps, BrandProps };
-//# sourceMappingURL=brand.types.d.ts.map
+export { BrandAsChildProps, BrandElement, BrandLabelProps, BrandMarkProps, BrandNativeProps, BrandProps };

package/dist/components/button-group/button-group.d.ts

@@ -2,5 +2,4 @@ import { ButtonGroupProps } from "./button-group.types.js";
 //#region src/components/button-group/button-group.d.ts
 declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
 //#endregion
-export { ButtonGroup };
-//# sourceMappingURL=button-group.d.ts.map
+export { ButtonGroup };

package/dist/components/button-group/button-group.js

@@ -16,5 +16,3 @@ function ButtonGroup(props) {
 }
 //#endregion
 export { ButtonGroup };
-
-//# sourceMappingURL=button-group.js.map

package/dist/components/button-group/button-group.types.d.ts

@@ -9,5 +9,4 @@ type ButtonGroupProps = DivProps & {
   ref?: Ref<HTMLDivElement>;
 };
 //#endregion
-export { ButtonGroupOrientation, ButtonGroupProps };
-//# sourceMappingURL=button-group.types.d.ts.map
+export { ButtonGroupOrientation, ButtonGroupProps };

package/dist/components/card/card.d.ts

@@ -8,5 +8,4 @@ declare function CardContent(props: CardContentProps): JSX.Element;
 declare function CardFooter(props: CardFooterProps): JSX.Element;
 declare function CardAction(props: CardActionProps): JSX.Element;
 //#endregion
-export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-//# sourceMappingURL=card.d.ts.map
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/components/card/card.js

@@ -30,8 +30,8 @@ function CardHeader(props) {
 	});
 }
 function CardTitle(props) {
-	const { children, class: className, ref, ...rest } = props;
-	return /* @__PURE__ */ jsx("h3", {
+	const { children, class: className, ref, titleAs: TitleTag = "h3", ...rest } = props;
+	return /* @__PURE__ */ jsx(TitleTag, {
 		...mergeProps(rest, {
 			ref,
 			class: classes("card-title", className),
@@ -86,5 +86,3 @@ function CardAction(props) {
 }
 //#endregion
 export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
-
-//# sourceMappingURL=card.js.map

package/dist/components/card/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n  return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n  const { children, class: className, variant, ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card\", normalizedVariant && `card-${normalizedVariant}`, className),\n    \"data-slot\": \"card\",\n    \"data-variant\": normalizedVariant,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-header\", className),\n    \"data-slot\": \"card-header\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-title\", className),\n    \"data-slot\": \"card-title\",\n  });\n\n  return <h3 {...finalProps}>{children}</h3>;\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-description\", className),\n    \"data-slot\": \"card-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-content\", className),\n    \"data-slot\": \"card-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-footer\", className),\n    \"data-slot\": \"card-footer\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardAction(props: CardActionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-action\", className),\n    \"data-slot\": \"card-action\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAaA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;AACtD;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,KAAK,GAAG,SAAS;CAC9D,MAAM,oBAAoB,iBAAiB,OAAO;CASlD,OAAO,oBAAC,OAAD;EAAK,GAPO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,QAAQ,qBAAqB,QAAQ,qBAAqB,SAAS;GAClF,aAAa;GACb,gBAAgB;EAClB,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,MAAD;EAAI,GANQ,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,SAAS;GACtC,aAAa;EACf,CAEwB;EAAI;CAAa,CAAA;AAC3C;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,oBAAoB,SAAS;GAC5C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C"}
+{"version":3,"file":"card.js","names":[],"sources":["../../../src/components/card/card.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  CardActionProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizeVariant(variant: CardVariant | undefined) {\n  return variant && variant !== \"default\" ? variant : undefined;\n}\n\nexport function Card(props: CardProps): JSX.Element {\n  const { children, class: className, variant, ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card\", normalizedVariant && `card-${normalizedVariant}`, className),\n    \"data-slot\": \"card\",\n    \"data-variant\": normalizedVariant,\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-header\", className),\n    \"data-slot\": \"card-header\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, class: className, ref, titleAs: TitleTag = \"h3\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-title\", className),\n    \"data-slot\": \"card-title\",\n  });\n\n  return <TitleTag {...finalProps}>{children}</TitleTag>;\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-description\", className),\n    \"data-slot\": \"card-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-content\", className),\n    \"data-slot\": \"card-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-footer\", className),\n    \"data-slot\": \"card-footer\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function CardAction(props: CardActionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-action\", className),\n    \"data-slot\": \"card-action\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAaA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;AACtD;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,KAAK,GAAG,SAAS;CAC9D,MAAM,oBAAoB,iBAAiB,OAAO;CASlD,OAAO,oBAAC,OAAD;EAAK,GAPO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,QAAQ,qBAAqB,QAAQ,qBAAqB,SAAS;GAClF,aAAa;GACb,gBAAgB;EAClB,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,SAAS,WAAW,MAAM,GAAG,SAAS;CAO/E,OAAO,oBAAC,UAAD;EAAU,GANE,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,SAAS;GACtC,aAAa;EACf,CAE8B;EAAI;CAAmB,CAAA;AACvD;AAEA,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,oBAAoB,SAAS;GAC5C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C"}

package/dist/components/card/card.types.d.ts

@@ -1,6 +1,7 @@
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/card/card.types.d.ts
 type CardVariant = "default" | "raised";
+type CardTitleHeadingTag = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
 type HeadingProps = Omit<JSX.IntrinsicElements["h3"], "children" | "ref">;
 type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
@@ -15,6 +16,8 @@ type CardHeaderProps = DivProps & {
 };
 type CardTitleProps = HeadingProps & {
   children?: unknown;
+  /** Choose the level that follows the surrounding document hierarchy. */
+  titleAs?: CardTitleHeadingTag;
   ref?: Ref<HTMLHeadingElement>;
 };
 type CardDescriptionProps = ParagraphProps & {
@@ -34,5 +37,4 @@ type CardActionProps = DivProps & {
   ref?: Ref<HTMLDivElement>;
 };
 //#endregion
-export { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CardVariant };
-//# sourceMappingURL=card.types.d.ts.map
+export { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleHeadingTag, CardTitleProps, CardVariant };

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

@@ -1,3 +1,3 @@
-import { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CardVariant } from "./card.types.js";
+import { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleHeadingTag, CardTitleProps, CardVariant } from "./card.types.js";
 import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
-export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleProps, type CardVariant };
+export { Card, CardAction, type CardActionProps, CardContent, type CardContentProps, CardDescription, type CardDescriptionProps, CardFooter, type CardFooterProps, CardHeader, type CardHeaderProps, type CardProps, CardTitle, type CardTitleHeadingTag, type CardTitleProps, type CardVariant };

package/dist/components/catalog.d.ts

@@ -151,5 +151,4 @@ declare function TypographyList(props: CatalogComponentProps): JSX.Element;
 declare function TypographyLead(props: CatalogComponentProps): JSX.Element;
 declare function TypographyMuted(props: CatalogComponentProps): JSX.Element;
 //#endregion
-export { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP };
-//# sourceMappingURL=catalog.d.ts.map
+export { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, CatalogComponentProps, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP };

package/dist/components/catalog.js

@@ -720,5 +720,3 @@ function TypographyMuted(props) {
 }
 //#endregion
 export { AlertDescription, AlertTitle, Box, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Calendar, CalendarBody, CalendarCaption, CalendarCell, CalendarDay, CalendarGrid, CalendarHead, CalendarHeader, CalendarNav, CalendarNextButton, CalendarPreviousButton, CalendarRow, Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, Combobox, ComboboxInput, ComboboxList, ComboboxOption, Command, CommandDialog, CommandEmpty, CommandGroup, CommandGroupHeading, CommandHeader, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DataTable, DatePicker, DatePickerInput, Direction, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, FieldContent, FieldDescription, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, Inline, InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemTitle, Kbd, NativeSelect, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, ResizableHandle, ResizablePanel, ResizablePanelGroup, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, Shell, ShellMain, ShellNav, Sonner, Stack, TabsContent, TabsList, TabsTrigger, Toaster, Typography, TypographyBlockquote, TypographyH1, TypographyH2, TypographyH3, TypographyH4, TypographyLead, TypographyList, TypographyMuted, TypographyP };
-
-//# sourceMappingURL=catalog.js.map

package/dist/components/close/close.d.ts

@@ -2,5 +2,4 @@ import { CloseNativeProps } from "./close.types.js";
 //#region src/components/close/close.d.ts
 declare function Close(props: CloseNativeProps): JSX.Element;
 //#endregion
-export { Close };
-//# sourceMappingURL=close.d.ts.map
+export { Close };

package/dist/components/close/close.js

@@ -18,5 +18,3 @@ function Close(props) {
 }
 //#endregion
 export { Close };
-
-//# sourceMappingURL=close.js.map

package/dist/components/close/close.types.d.ts

@@ -5,5 +5,4 @@ type CloseOwnProps = {
 };
 type CloseNativeProps = ButtonNativeProps & CloseOwnProps;
 //#endregion
-export { CloseNativeProps, CloseOwnProps };
-//# sourceMappingURL=close.types.d.ts.map
+export { CloseNativeProps, CloseOwnProps };

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

@@ -2,5 +2,4 @@ import { ContainerProps } from "./container.types.js";
 //#region src/components/container/container.d.ts
 declare function Container(props: ContainerProps): JSX.Element;
 //#endregion
-export { Container };
-//# sourceMappingURL=container.d.ts.map
+export { Container };

package/dist/components/container/container.js

@@ -15,5 +15,3 @@ function Container(props) {
 }
 //#endregion
 export { Container };
-
-//# sourceMappingURL=container.js.map

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

@@ -6,5 +6,4 @@ type ContainerProps = Omit<BlockDivProps, "maxWidth"> & {
   size?: BlockSize;
 };
 //#endregion
-export { ContainerProps };
-//# sourceMappingURL=container.types.d.ts.map
+export { ContainerProps };

package/dist/components/empty-state/empty-state.d.ts

@@ -2,5 +2,4 @@ import { EmptyStateProps } from "./empty-state.types.js";
 //#region src/components/empty-state/empty-state.d.ts
 declare function EmptyState(props: EmptyStateProps): JSX.Element;
 //#endregion
-export { EmptyState };
-//# sourceMappingURL=empty-state.d.ts.map
+export { EmptyState };

package/dist/components/empty-state/empty-state.js

@@ -41,5 +41,3 @@ function EmptyState(props) {
 }
 //#endregion
 export { EmptyState };
-
-//# sourceMappingURL=empty-state.js.map

package/dist/components/empty-state/empty-state.types.d.ts

@@ -10,5 +10,4 @@ type EmptyStateProps = BlockDivProps & {
   action?: unknown;
 };
 //#endregion
-export { EmptyStateHeadingTag, EmptyStateProps };
-//# sourceMappingURL=empty-state.types.d.ts.map
+export { EmptyStateHeadingTag, EmptyStateProps };

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

@@ -4,5 +4,4 @@ declare function Field(props: FieldProps): JSX.Element;
 declare function FieldHint(props: FieldHintProps): JSX.Element;
 declare function FieldError(props: FieldErrorProps): JSX.Element;
 //#endregion
-export { Field, FieldError, FieldHint };
-//# sourceMappingURL=field.d.ts.map
+export { Field, FieldError, FieldHint };

package/dist/components/field/field.js

@@ -39,5 +39,3 @@ function FieldError(props) {
 }
 //#endregion
 export { Field, FieldError, FieldHint };
-
-//# sourceMappingURL=field.js.map

package/dist/components/field/field.types.d.ts

@@ -16,5 +16,4 @@ type FieldErrorProps = ParagraphProps & {
   ref?: Ref<HTMLParagraphElement>;
 };
 //#endregion
-export { FieldErrorProps, FieldHintProps, FieldProps };
-//# sourceMappingURL=field.types.d.ts.map
+export { FieldErrorProps, FieldHintProps, FieldProps };

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

@@ -8,5 +8,4 @@ declare function FooterDescription(props: FooterDescriptionProps): JSX.Element;
 declare function FooterLinks(props: FooterLinksProps): JSX.Element;
 declare function FooterLink(props: FooterLinkProps): JSX.Element;
 //#endregion
-export { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle };
-//# sourceMappingURL=footer.d.ts.map
+export { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle };

package/dist/components/footer/footer.js

@@ -82,5 +82,3 @@ function FooterLink(props) {
 }
 //#endregion
 export { Footer, FooterContent, FooterDescription, FooterLink, FooterLinks, FooterSection, FooterTitle };
-
-//# sourceMappingURL=footer.js.map

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

@@ -33,5 +33,4 @@ type FooterLinkProps = AnchorProps & {
   ref?: Ref<HTMLAnchorElement>;
 };
 //#endregion
-export { FooterContentProps, FooterDescriptionProps, FooterLinkProps, FooterLinksProps, FooterProps, FooterSectionProps, FooterTitleProps };
-//# sourceMappingURL=footer.types.d.ts.map
+export { FooterContentProps, FooterDescriptionProps, FooterLinkProps, FooterLinksProps, FooterProps, FooterSectionProps, FooterTitleProps };

package/dist/components/grid/grid.d.ts

@@ -2,5 +2,4 @@ import { GridElement, GridProps } from "./grid.types.js";
 //#region src/components/grid/grid.d.ts
 declare function Grid<TElement extends GridElement = "div">(props: GridProps<TElement>): JSX.Element;
 //#endregion
-export { Grid };
-//# sourceMappingURL=grid.d.ts.map
+export { Grid };

package/dist/components/grid/grid.js

@@ -69,5 +69,3 @@ function Grid(props) {
 }
 //#endregion
 export { Grid };
-
-//# sourceMappingURL=grid.js.map

package/dist/components/grid/grid.types.d.ts

@@ -14,5 +14,4 @@ type GridProps<TElement extends GridElement = "div"> = GridIntrinsicProps<TEleme
   ref?: Ref<HTMLElement>;
 };
 //#endregion
-export { GridAlign, GridColumns, GridElement, GridProps };
-//# sourceMappingURL=grid.types.d.ts.map
+export { GridAlign, GridColumns, GridElement, GridProps };

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

@@ -2,5 +2,4 @@ import { HeaderProps } from "./header.types.js";
 //#region src/components/header/header.d.ts
 declare function Header(props: HeaderProps): JSX.Element;
 //#endregion
-export { Header };
-//# sourceMappingURL=header.d.ts.map
+export { Header };

package/dist/components/header/header.js

@@ -17,5 +17,3 @@ function Header(props) {
 }
 //#endregion
 export { Header };
-
-//# sourceMappingURL=header.js.map

package/dist/components/header/header.types.d.ts

@@ -6,5 +6,4 @@ type HeaderProps = Omit<BlockElementProps<"header">, "as" | "sticky"> & {
   sticky?: boolean;
 };
 //#endregion
-export { HeaderProps };
-//# sourceMappingURL=header.types.d.ts.map
+export { HeaderProps };

package/dist/components/input-group/input-group.d.ts

@@ -4,5 +4,4 @@ declare function InputGroup(props: InputGroupProps): JSX.Element;
 declare function InputGroupText(props: InputGroupTextProps): JSX.Element;
 declare function InputGroupText(props: InputGroupTextAsChildProps): JSX.Element;
 //#endregion
-export { InputGroup, InputGroupText };
-//# sourceMappingURL=input-group.d.ts.map
+export { InputGroup, InputGroupText };

package/dist/components/input-group/input-group.js

@@ -33,5 +33,3 @@ function InputGroupText(props) {
 }
 //#endregion
 export { InputGroup, InputGroupText };
-
-//# sourceMappingURL=input-group.js.map

package/dist/components/input-group/input-group.types.d.ts

@@ -21,5 +21,4 @@ type InputGroupTextAsChildProps = SpanProps & {
   ref?: Ref<unknown>;
 };
 //#endregion
-export { InputGroupOrientation, InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps };
-//# sourceMappingURL=input-group.types.d.ts.map
+export { InputGroupOrientation, InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps };

package/dist/components/main/main.d.ts

@@ -2,5 +2,4 @@ import { MainProps } from "./main.types.js";
 //#region src/components/main/main.d.ts
 declare function Main(props: MainProps): JSX.Element;
 //#endregion
-export { Main };
-//# sourceMappingURL=main.d.ts.map
+export { Main };

package/dist/components/main/main.js

@@ -13,5 +13,3 @@ function Main(props) {
 }
 //#endregion
 export { Main };
-
-//# sourceMappingURL=main.js.map

package/dist/components/main/main.types.d.ts

@@ -3,5 +3,4 @@ import "../block/index.js";
 //#region src/components/main/main.types.d.ts
 type MainProps = Omit<BlockElementProps<"main">, "as">;
 //#endregion
-export { MainProps };
-//# sourceMappingURL=main.types.d.ts.map
+export { MainProps };

package/dist/components/nav/nav.d.ts

@@ -10,5 +10,4 @@ declare function NavItem(props: NavItemProps): JSX.Element;
 declare function NavItem(props: NavItemAsChildProps): JSX.Element;
 declare function NavLink(props: NavLinkProps): JSX.Element;
 //#endregion
-export { NavItem, NavLink, Pill, Pills, Tab, Tabs };
-//# sourceMappingURL=nav.d.ts.map
+export { NavItem, NavLink, Pill, Pills, Tab, Tabs };

package/dist/components/nav/nav.js

@@ -151,5 +151,3 @@ function NavLink(props) {
 }
 //#endregion
 export { NavItem, NavLink, Pill, Pills, Tab, Tabs };
-
-//# sourceMappingURL=nav.js.map

package/dist/components/nav/nav.types.d.ts

@@ -47,5 +47,4 @@ type NavLinkProps = LinkProps & NavLinkOwnProps;
 type TabProps = LinkProps & NavLinkOwnProps;
 type PillProps = LinkProps & NavLinkOwnProps;
 //#endregion
-export { NavItemAsChildProps, NavItemOwnProps, NavItemProps, NavLinkMatch, NavLinkOwnProps, NavLinkProps, PillProps, PillsAsChildProps, PillsOwnProps, PillsProps, TabProps, TabsAsChildProps, TabsOwnProps, TabsProps };
-//# sourceMappingURL=nav.types.d.ts.map
+export { NavItemAsChildProps, NavItemOwnProps, NavItemProps, NavLinkMatch, NavLinkOwnProps, NavLinkProps, PillProps, PillsAsChildProps, PillsOwnProps, PillsProps, TabProps, TabsAsChildProps, TabsOwnProps, TabsProps };

package/dist/components/navbar/navbar.d.ts

@@ -5,5 +5,4 @@ declare function NavBrand(props: NavBrandProps): JSX.Element;
 declare function NavGroup(props: NavGroupProps): JSX.Element;
 declare function NavDropdown(props: NavDropdownProps): JSX.Element;
 //#endregion
-export { NavBrand, NavDropdown, NavGroup, Navbar };
-//# sourceMappingURL=navbar.d.ts.map
+export { NavBrand, NavDropdown, NavGroup, Navbar };

package/dist/components/navbar/navbar.js

@@ -122,5 +122,3 @@ function NavDropdown(props) {
 }
 //#endregion
 export { NavBrand, NavDropdown, NavGroup, Navbar };
-
-//# sourceMappingURL=navbar.js.map

package/dist/components/navbar/navbar.types.d.ts

@@ -19,5 +19,4 @@ type NavDropdownProps = Omit<DropdownProps, "children"> & Pick<DropdownContentOw
   children?: unknown;
 };
 //#endregion
-export { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarCollapseBreakpoint, NavbarProps };
-//# sourceMappingURL=navbar.types.d.ts.map
+export { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarCollapseBreakpoint, NavbarProps };