@askrjs/themes 0.0.9 → 0.0.10

package/dist/components/block/block.js

@@ -1,61 +1,31 @@
+import { classes } from "../_internal/classes.js";
 import { mergeProps } from "../_internal/merge-props.js";
-import { serializeResponsiveValueIf } from "../_internal/layout.js";
+import { styleDeclarationsToClass } from "../_internal/style.js";
+import { applyBlockLayoutStyles, mergeLayoutStyles, splitBlockLayoutProps } from "../_internal/block-layout.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 import { Slot } from "@askrjs/askr/foundations";
 //#region src/components/block/block.tsx
-const SPACE_TOKENS = new Set([
-	"1",
-	"2",
-	"3",
-	"4",
-	"5",
-	"6",
-	"7",
-	"8",
-	"9",
-	"xs",
-	"sm",
-	"md",
-	"lg",
-	"xl",
-	"2xl",
-	"3xl"
-]);
+const DEFAULT_ELEMENT = "div";
 function Block(props) {
-	const as = "as" in props ? props.as : "div";
-	const { asChild, children, gap, gapX, gapY, align, justify, size = "md", ref, ...rest } = props;
-	const finalProps = mergeProps(rest, {
+	const as = "as" in props ? props.as : DEFAULT_ELEMENT;
+	const { asChild, children, ref, class: classProp, className, style: userStyle, ...rest } = props;
+	const { blockProps, rest: passthroughProps } = splitBlockLayoutProps(rest);
+	const layoutStyle = {};
+	applyBlockLayoutStyles(layoutStyle, blockProps);
+	const layoutClass = styleDeclarationsToClass(mergeLayoutStyles(layoutStyle, userStyle));
+	const slot = typeof passthroughProps["data-slot"] === "string" ? String(passthroughProps["data-slot"]) : "block";
+	const finalProps = mergeProps(passthroughProps, {
 		ref,
-		"data-slot": "block",
-		"data-ak-layout": "true",
-		"data-gap": serializeResponsiveValueIf(gap, (value) => typeof value === "string" && SPACE_TOKENS.has(value.trim())),
-		"data-gap-x": serializeResponsiveValueIf(gapX, (value) => typeof value === "string" && SPACE_TOKENS.has(value.trim())),
-		"data-gap-y": serializeResponsiveValueIf(gapY, (value) => typeof value === "string" && SPACE_TOKENS.has(value.trim())),
-		"data-align": serializeResponsiveValueIf(align, (value) => typeof value === "string" && [
-			"start",
-			"end",
-			"center",
-			"stretch",
-			"baseline"
-		].includes(value.trim())),
-		"data-justify": serializeResponsiveValueIf(justify, (value) => typeof value === "string" && [
-			"start",
-			"end",
-			"center",
-			"between"
-		].includes(value.trim())),
-		"data-size": `initial:${size}`
+		class: classes(classProp, className, layoutClass),
+		"data-slot": slot,
+		"data-ak-layout": "true"
 	});
 	if (asChild) return /* @__PURE__ */ jsx(Slot, {
 		asChild: true,
 		...finalProps,
 		children
 	});
-	if (as === "span") return /* @__PURE__ */ jsx("span", {
-		...finalProps,
-		children
-	});
-	return /* @__PURE__ */ jsx("div", {
+	return /* @__PURE__ */ jsx(as ?? DEFAULT_ELEMENT, {
 		...finalProps,
 		children
 	});

package/dist/components/block/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","names":[],"sources":["../../../src/components/block/block.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { serializeResponsiveValueIf } from \"../_internal/layout\";\nimport type { BlockAsChildProps, BlockDivProps, BlockSpanProps } from \"./block.types\";\n\nconst SPACE_TOKENS = new Set([\n  \"1\",\n  \"2\",\n  \"3\",\n  \"4\",\n  \"5\",\n  \"6\",\n  \"7\",\n  \"8\",\n  \"9\",\n  \"xs\",\n  \"sm\",\n  \"md\",\n  \"lg\",\n  \"xl\",\n  \"2xl\",\n  \"3xl\",\n]);\n\nexport function Block(props: BlockDivProps): JSX.Element;\nexport function Block(props: BlockSpanProps): JSX.Element;\nexport function Block(props: BlockAsChildProps): JSX.Element;\nexport function Block(props: BlockDivProps | BlockSpanProps | BlockAsChildProps) {\n  const as = \"as\" in props ? props.as : \"div\";\n  const { asChild, children, gap, gapX, gapY, align, justify, size = \"md\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"block\",\n    \"data-ak-layout\": \"true\",\n    \"data-gap\": serializeResponsiveValueIf(\n      gap,\n      (value) => typeof value === \"string\" && SPACE_TOKENS.has(value.trim()),\n    ),\n    \"data-gap-x\": serializeResponsiveValueIf(\n      gapX,\n      (value) => typeof value === \"string\" && SPACE_TOKENS.has(value.trim()),\n    ),\n    \"data-gap-y\": serializeResponsiveValueIf(\n      gapY,\n      (value) => typeof value === \"string\" && SPACE_TOKENS.has(value.trim()),\n    ),\n    \"data-align\": serializeResponsiveValueIf(\n      align,\n      (value) =>\n        typeof value === \"string\" &&\n        [\"start\", \"end\", \"center\", \"stretch\", \"baseline\"].includes(value.trim()),\n    ),\n    \"data-justify\": serializeResponsiveValueIf(\n      justify,\n      (value) =>\n        typeof value === \"string\" && [\"start\", \"end\", \"center\", \"between\"].includes(value.trim()),\n    ),\n    \"data-size\": `initial:${size}`,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"span\") {\n    return <span {...finalProps}>{children}</span>;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;AAKA,MAAM,eAAe,IAAI,IAAI;CAC3B;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF,CAAC;AAKD,SAAgB,MAAM,OAA2D;CAC/E,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EAAE,SAAS,UAAU,KAAK,MAAM,MAAM,OAAO,SAAS,OAAO,MAAM,KAAK,GAAG,SAAS;CAE1F,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,kBAAkB;EAClB,YAAY,2BACV,MACC,UAAU,OAAO,UAAU,YAAY,aAAa,IAAI,MAAM,KAAK,CAAC,CACvE;EACA,cAAc,2BACZ,OACC,UAAU,OAAO,UAAU,YAAY,aAAa,IAAI,MAAM,KAAK,CAAC,CACvE;EACA,cAAc,2BACZ,OACC,UAAU,OAAO,UAAU,YAAY,aAAa,IAAI,MAAM,KAAK,CAAC,CACvE;EACA,cAAc,2BACZ,QACC,UACC,OAAO,UAAU,YACjB;GAAC;GAAS;GAAO;GAAU;GAAW;EAAU,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,CAC3E;EACA,gBAAgB,2BACd,UACC,UACC,OAAO,UAAU,YAAY;GAAC;GAAS;GAAO;GAAU;EAAS,CAAC,CAAC,SAAS,MAAM,KAAK,CAAC,CAC5F;EACA,aAAa,WAAW;CAC1B,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,IAAI,OAAO,QACT,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;CAG/C,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
+{"version":3,"file":"block.js","names":[],"sources":["../../../src/components/block/block.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport {\n  applyBlockLayoutStyles,\n  mergeLayoutStyles,\n  splitBlockLayoutProps,\n} from \"../_internal/block-layout\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport type { BlockAsChildProps, BlockNativeProps } from \"./block.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\n\nexport function Block(props: BlockNativeProps): JSX.Element;\nexport function Block(props: BlockAsChildProps): JSX.Element;\nexport function Block(props: BlockNativeProps | BlockAsChildProps) {\n  const as = \"as\" in props ? props.as : DEFAULT_ELEMENT;\n  const {\n    asChild,\n    children,\n    ref,\n    class: classProp,\n    className,\n    style: userStyle,\n    ...rest\n  } = props as (BlockNativeProps | BlockAsChildProps) & {\n    class?: unknown;\n    className?: unknown;\n    style?: unknown;\n  };\n\n  const { blockProps, rest: passthroughProps } = splitBlockLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {};\n  applyBlockLayoutStyles(layoutStyle, blockProps);\n\n  const layoutClass = styleDeclarationsToClass(mergeLayoutStyles(layoutStyle, userStyle));\n  const slot =\n    typeof (passthroughProps as Record<string, unknown>)[\"data-slot\"] === \"string\"\n      ? String((passthroughProps as Record<string, unknown>)[\"data-slot\"])\n      : \"block\";\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    class: classes(classProp, className, layoutClass),\n    \"data-slot\": slot,\n    \"data-ak-layout\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  const Element = (as ?? DEFAULT_ELEMENT) as keyof JSX.IntrinsicElements;\n  return <Element {...finalProps}>{children}</Element>;\n}\n"],"mappings":";;;;;;;AAWA,MAAM,kBAAkB;AAIxB,SAAgB,MAAM,OAA6C;CACjE,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EACJ,SACA,UACA,KACA,OAAO,WACP,WACA,OAAO,WACP,GAAG,SACD;CAMJ,MAAM,EAAE,YAAY,MAAM,qBAAqB,sBAAsB,IAAI;CACzE,MAAM,cAA+C,CAAC;CACtD,uBAAuB,aAAa,UAAU;CAE9C,MAAM,cAAc,yBAAyB,kBAAkB,aAAa,SAAS,CAAC;CACtF,MAAM,OACJ,OAAQ,iBAA6C,iBAAiB,WAClE,OAAQ,iBAA6C,YAAY,IACjE;CAEN,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,OAAO,QAAQ,WAAW,WAAW,WAAW;EAChD,aAAa;EACb,kBAAkB;CACpB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAI3E,OAAO,oBADU,MAAM,iBAChB;EAAS,GAAI;EAAa;CAAkB,CAAA;AACrD"}

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

@@ -1,38 +1,28 @@
+import { BlockAlign, BlockBackground, BlockDirection, BlockJustify, BlockLayoutProps, BlockMargin, BlockRadius, BlockRowFrom, BlockShadow, BlockSize, BlockSpace, BlockZIndex, ResponsiveValue } from "../_internal/block-layout.js";
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 
 //#region src/components/block/block.types.d.ts
-type BlockSize = "xs" | "sm" | "md" | "lg" | "xl";
-type BlockSpace = "1" | "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | "3xl";
-type BlockAlign = "start" | "end" | "center" | "stretch" | "baseline";
-type BlockJustify = "start" | "end" | "center" | "between";
-type BlockOwnProps = {
-  gap?: BlockSpace;
-  gapX?: BlockSpace;
-  gapY?: BlockSpace;
-  align?: BlockAlign;
-  justify?: BlockJustify;
-  size?: BlockSize;
-  as?: "div" | "span";
+type BlockElement = "div" | "span" | "main" | "header" | "footer" | "section" | "aside" | "nav" | "a" | "ul" | "ol" | "li" | "form" | "article";
+type BlockOwnProps = BlockLayoutProps & {
+  as?: BlockElement;
   children?: unknown;
+  className?: string;
 };
-type BlockNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & BlockOwnProps & {
-  as?: "div";
+type BlockElementProps<TElement extends BlockElement> = Omit<JSX.IntrinsicElements[TElement], "children" | "ref"> & BlockOwnProps & {
+  as?: TElement;
   asChild?: false;
-  ref?: Ref<HTMLDivElement>;
-};
-type BlockSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BlockOwnProps & {
-  as: "span";
-  asChild?: false;
-  ref?: Ref<HTMLSpanElement>;
+  ref?: Ref<unknown>;
 };
+type BlockNativeProps = { [TElement in BlockElement]: BlockElementProps<TElement> }[BlockElement];
 type BlockAsChildProps = Omit<BlockOwnProps, "as"> & {
   asChild: true;
   children: JSXElement;
   ref?: Ref<unknown>;
 };
-type BlockDivProps = BlockNativeProps;
-type BlockProps = BlockDivProps | BlockSpanProps | BlockAsChildProps;
+type BlockDivProps = BlockElementProps<"div">;
+type BlockSpanProps = BlockElementProps<"span">;
+type BlockProps = BlockNativeProps | BlockAsChildProps;
 //#endregion
-export { BlockAsChildProps, BlockDivProps, BlockNativeProps, BlockOwnProps, BlockProps, BlockSize, BlockSpanProps };
+export { BlockAsChildProps, BlockDivProps, BlockElement, BlockElementProps, BlockNativeProps, BlockOwnProps, BlockProps, BlockSpanProps };
 //# sourceMappingURL=block.types.d.ts.map

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

@@ -1,3 +1,3 @@
-import { BlockAsChildProps, BlockDivProps, BlockNativeProps, BlockOwnProps, BlockProps, BlockSize, BlockSpanProps } from "./block.types.js";
-import { Block } from "./block.js";
-import { BLOCK_A11Y_CONTRACT, BlockA11yContract } from "./block.a11y.js";
+import { BlockAlign, BlockBackground, BlockDirection, BlockJustify, BlockMargin, BlockRadius, BlockRowFrom, BlockShadow, BlockSize, BlockSpace, BlockZIndex, ResponsiveValue } from "../_internal/block-layout.js";
+import { BlockAsChildProps, BlockDivProps, BlockElement, BlockElementProps, BlockNativeProps, BlockOwnProps, BlockProps, BlockSpanProps } from "./block.types.js";
+import { Block } from "./block.js";

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

@@ -0,0 +1,9 @@
+import { BrandLabelProps, BrandMarkProps, BrandProps } from "./brand.types.js";
+
+//#region src/components/brand/brand.d.ts
+declare function Brand<TElement extends "div" | "a" | "span" = "div">(props: BrandProps<TElement>): JSX.Element;
+declare function BrandMark(props: BrandMarkProps): JSX.Element;
+declare function BrandLabel(props: BrandLabelProps): JSX.Element;
+//#endregion
+export { Brand, BrandLabel, BrandMark };
+//# sourceMappingURL=brand.d.ts.map

package/dist/components/brand/brand.js

@@ -0,0 +1,49 @@
+import { classes } from "../_internal/classes.js";
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/brand/brand.tsx
+const DEFAULT_ELEMENT = "div";
+function Brand(props) {
+	const { as, asChild, children, class: classProp, className, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("brand", classProp, className),
+		"data-slot": "brand"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx(as ?? DEFAULT_ELEMENT, {
+		...finalProps,
+		children
+	});
+}
+function BrandMark(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("span", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("brand-mark", className),
+			"data-slot": "brand-mark"
+		}),
+		children
+	});
+}
+function BrandLabel(props) {
+	const { children, class: className, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("span", {
+		...mergeProps(rest, {
+			ref,
+			class: classes("brand-label", className),
+			"data-slot": "brand-label"
+		}),
+		children
+	});
+}
+//#endregion
+export { Brand, BrandLabel, BrandMark };
+
+//# sourceMappingURL=brand.js.map

package/dist/components/brand/brand.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand.js","names":[],"sources":["../../../src/components/brand/brand.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  BrandAsChildProps,\n  BrandLabelProps,\n  BrandMarkProps,\n  BrandNativeProps,\n  BrandProps,\n} from \"./brand.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\n\nexport function Brand<TElement extends \"div\" | \"a\" | \"span\" = \"div\">(\n  props: BrandProps<TElement>,\n): JSX.Element {\n  const {\n    as,\n    asChild,\n    children,\n    class: classProp,\n    className,\n    ref,\n    ...rest\n  } = props as BrandNativeProps | BrandAsChildProps;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand\", classProp, className),\n    \"data-slot\": \"brand\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  const Element = (as ?? DEFAULT_ELEMENT) as keyof JSX.IntrinsicElements;\n  return <Element {...finalProps}>{children}</Element>;\n}\n\nexport function BrandMark(props: BrandMarkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-mark\", className),\n    \"data-slot\": \"brand-mark\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n\nexport function BrandLabel(props: BrandLabelProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"brand-label\", className),\n    \"data-slot\": \"brand-label\",\n  });\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;AAWA,MAAM,kBAAkB;AAExB,SAAgB,MACd,OACa;CACb,MAAM,EACJ,IACA,SACA,UACA,OAAO,WACP,WACA,KACA,GAAG,SACD;CAEJ,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,SAAS,WAAW,SAAS;EAC5C,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAI3E,OAAO,oBADU,MAAM,iBAChB;EAAS,GAAI;EAAa;CAAkB,CAAA;AACrD;AAEA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,QAAD;EAAM,GANM,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,cAAc,SAAS;GACtC,aAAa;EACf,CAE0B;EAAI;CAAe,CAAA;AAC/C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,QAAD;EAAM,GANM,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAE0B;EAAI;CAAe,CAAA;AAC/C"}

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

@@ -0,0 +1,31 @@
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/brand/brand.types.d.ts
+type BrandElement = "div" | "a" | "span";
+type BrandIntrinsicProps<TElement extends BrandElement> = Omit<JSX.IntrinsicElements[TElement], "children" | "ref">;
+type SpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref">;
+type BrandNativeProps<TElement extends BrandElement = "div"> = BrandIntrinsicProps<TElement> & {
+  as?: TElement;
+  asChild?: false;
+  children?: unknown;
+  ref?: Ref<HTMLElement>;
+};
+type BrandAsChildProps = {
+  asChild: true;
+  children: JSX.Element;
+  class?: string;
+  className?: string;
+  ref?: Ref<HTMLElement>;
+};
+type BrandProps<TElement extends BrandElement = "div"> = BrandNativeProps<TElement> | BrandAsChildProps;
+type BrandMarkProps = SpanProps & {
+  children?: unknown;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BrandLabelProps = SpanProps & {
+  children?: unknown;
+  ref?: Ref<HTMLSpanElement>;
+};
+//#endregion
+export { BrandAsChildProps, BrandElement, BrandLabelProps, BrandMarkProps, BrandNativeProps, BrandProps };
+//# sourceMappingURL=brand.types.d.ts.map

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

@@ -0,0 +1,2 @@
+import { BrandAsChildProps, BrandElement, BrandLabelProps, BrandMarkProps, BrandNativeProps, BrandProps } from "./brand.types.js";
+import { Brand, BrandLabel, BrandMark } from "./brand.js";

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

@@ -1,4 +1,4 @@
-import { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types.js";
+import { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types.js";
 
 //#region src/components/card/card.d.ts
 declare function Card(props: CardProps): JSX.Element;
@@ -7,7 +7,7 @@ declare function CardTitle(props: CardTitleProps): JSX.Element;
 declare function CardDescription(props: CardDescriptionProps): JSX.Element;
 declare function CardContent(props: CardContentProps): JSX.Element;
 declare function CardFooter(props: CardFooterProps): JSX.Element;
-declare function CardActions(props: CardActionsProps): JSX.Element;
+declare function CardAction(props: CardActionProps): JSX.Element;
 //#endregion
-export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/card/card.js

@@ -2,21 +2,16 @@ import { classes } from "../_internal/classes.js";
 import { mergeProps } from "../_internal/merge-props.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 //#region src/components/card/card.tsx
-function normalizePadding(padding) {
-	return padding && padding !== "md" ? padding : void 0;
-}
 function normalizeVariant(variant) {
 	return variant && variant !== "default" ? variant : void 0;
 }
 function Card(props) {
-	const { children, class: className, variant, padding = "md", ref, ...rest } = props;
+	const { children, class: className, variant, ref, ...rest } = props;
 	const normalizedVariant = normalizeVariant(variant);
-	const normalizedPadding = normalizePadding(padding);
 	return /* @__PURE__ */ jsx("div", {
 		...mergeProps(rest, {
 			ref,
-			class: classes("card", normalizedVariant && `card-${normalizedVariant}`, normalizedPadding && `card-${normalizedPadding}`, className),
-			"data-padding": normalizedPadding,
+			class: classes("card", normalizedVariant && `card-${normalizedVariant}`, className),
 			"data-slot": "card",
 			"data-variant": normalizedVariant
 		}),
@@ -78,18 +73,18 @@ function CardFooter(props) {
 		children
 	});
 }
-function CardActions(props) {
+function CardAction(props) {
 	const { children, class: className, ref, ...rest } = props;
 	return /* @__PURE__ */ jsx("div", {
 		...mergeProps(rest, {
 			ref,
-			class: classes("card-actions", className),
-			"data-slot": "card-actions"
+			class: classes("card-action", className),
+			"data-slot": "card-action"
 		}),
 		children
 	});
 }
 //#endregion
-export { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+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  CardActionsProps,\n  CardContentProps,\n  CardDescriptionProps,\n  CardFooterProps,\n  CardHeaderProps,\n  CardPadding,\n  CardProps,\n  CardTitleProps,\n  CardVariant,\n} from \"./card.types\";\n\nfunction normalizePadding(padding: CardPadding | undefined) {\n  return padding && padding !== \"md\" ? padding : undefined;\n}\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, padding = \"md\", ref, ...rest } = props;\n  const normalizedVariant = normalizeVariant(variant);\n  const normalizedPadding = normalizePadding(padding);\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\n      \"card\",\n      normalizedVariant && `card-${normalizedVariant}`,\n      normalizedPadding && `card-${normalizedPadding}`,\n      className,\n    ),\n    \"data-padding\": normalizedPadding,\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 CardActions(props: CardActionsProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"card-actions\", className),\n    \"data-slot\": \"card-actions\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAcA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,OAAO,UAAU,KAAA;AACjD;AAEA,SAAS,iBAAiB,SAAkC;CAC1D,OAAO,WAAW,YAAY,YAAY,UAAU,KAAA;AACtD;AAEA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,UAAU,MAAM,KAAK,GAAG,SAAS;CAC9E,MAAM,oBAAoB,iBAAiB,OAAO;CAClD,MAAM,oBAAoB,iBAAiB,OAAO;CAelD,OAAO,oBAAC,OAAD;EAAK,GAbO,WAAW,MAAM;GAClC;GACA,OAAO,QACL,QACA,qBAAqB,QAAQ,qBAC7B,qBAAqB,QAAQ,qBAC7B,SACF;GACA,gBAAgB;GAChB,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,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"}
+{"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"}

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

@@ -2,40 +2,38 @@ import { Ref } from "@askrjs/askr/foundations/utilities";
 
 //#region src/components/card/card.types.d.ts
 type CardVariant = "default" | "raised";
-type CardPadding = "sm" | "md" | "lg";
 type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
 type HeadingProps = Omit<JSX.IntrinsicElements["h3"], "children" | "ref">;
 type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
 type CardProps = DivProps & {
   children?: unknown;
   variant?: CardVariant;
-  padding?: CardPadding;
   ref?: Ref<HTMLDivElement>;
 };
 type CardHeaderProps = DivProps & {
   children?: unknown;
   ref?: Ref<HTMLDivElement>;
 };
-type CardContentProps = DivProps & {
+type CardTitleProps = HeadingProps & {
   children?: unknown;
-  ref?: Ref<HTMLDivElement>;
+  ref?: Ref<HTMLHeadingElement>;
 };
-type CardFooterProps = DivProps & {
+type CardDescriptionProps = ParagraphProps & {
   children?: unknown;
-  ref?: Ref<HTMLDivElement>;
+  ref?: Ref<HTMLParagraphElement>;
 };
-type CardActionsProps = DivProps & {
+type CardContentProps = DivProps & {
   children?: unknown;
   ref?: Ref<HTMLDivElement>;
 };
-type CardTitleProps = HeadingProps & {
+type CardFooterProps = DivProps & {
   children?: unknown;
-  ref?: Ref<HTMLHeadingElement>;
+  ref?: Ref<HTMLDivElement>;
 };
-type CardDescriptionProps = ParagraphProps & {
+type CardActionProps = DivProps & {
   children?: unknown;
-  ref?: Ref<HTMLParagraphElement>;
+  ref?: Ref<HTMLDivElement>;
 };
 //#endregion
-export { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant };
+export { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CardVariant };
 //# sourceMappingURL=card.types.d.ts.map

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

@@ -1,2 +1,2 @@
-import { CardActionsProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant } from "./card.types.js";
-import { Card, CardActions, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";
+import { CardActionProps, CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps, CardVariant } from "./card.types.js";
+import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle } from "./card.js";

package/dist/components/catalog.d.ts

@@ -0,0 +1,156 @@
+import { Ref } from "@askrjs/askr/foundations/utilities";
+
+//#region src/components/catalog.d.ts
+type CatalogElement = keyof JSX.IntrinsicElements;
+type CatalogComponentProps = Record<string, unknown> & {
+  as?: CatalogElement;
+  asChild?: boolean;
+  children?: unknown;
+  class?: string;
+  ref?: Ref<HTMLElement>;
+};
+declare function Box(props: CatalogComponentProps): JSX.Element;
+declare function Stack(props: CatalogComponentProps): JSX.Element;
+declare function Inline(props: CatalogComponentProps): JSX.Element;
+declare function Shell(props: CatalogComponentProps & {
+  variant?: unknown;
+}): JSX.Element;
+declare function ShellNav(props: CatalogComponentProps): JSX.Element;
+declare function ShellMain(props: CatalogComponentProps): JSX.Element;
+declare function AlertTitle(props: CatalogComponentProps): JSX.Element;
+declare function AlertDescription(props: CatalogComponentProps): JSX.Element;
+declare function Breadcrumb(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbList(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbItem(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbLink(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbPage(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbSeparator(props: CatalogComponentProps): JSX.Element;
+declare function BreadcrumbEllipsis(props: CatalogComponentProps): JSX.Element;
+declare function Calendar(props: CatalogComponentProps): JSX.Element;
+declare function CalendarHeader(props: CatalogComponentProps): JSX.Element;
+declare function CalendarCaption(props: CatalogComponentProps): JSX.Element;
+declare function CalendarNav(props: CatalogComponentProps): JSX.Element;
+declare function CalendarPreviousButton(props: CatalogComponentProps): JSX.Element;
+declare function CalendarNextButton(props: CatalogComponentProps): JSX.Element;
+declare function CalendarGrid(props: CatalogComponentProps): JSX.Element;
+declare function CalendarHead(props: CatalogComponentProps): JSX.Element;
+declare function CalendarBody(props: CatalogComponentProps): JSX.Element;
+declare function CalendarRow(props: CatalogComponentProps): JSX.Element;
+declare function CalendarCell(props: CatalogComponentProps): JSX.Element;
+declare function CalendarDay(props: CatalogComponentProps & {
+  disabled?: boolean;
+  outside?: boolean;
+  rangeEnd?: boolean;
+  rangeMiddle?: boolean;
+  rangeStart?: boolean;
+  selected?: boolean;
+  today?: boolean;
+}): JSX.Element;
+declare function Carousel(props: CatalogComponentProps): JSX.Element;
+declare function CarouselContent(props: CatalogComponentProps): JSX.Element;
+declare function CarouselItem(props: CatalogComponentProps): JSX.Element;
+declare function CarouselPrevious(props: CatalogComponentProps): JSX.Element;
+declare function CarouselNext(props: CatalogComponentProps): JSX.Element;
+declare function Combobox(props: CatalogComponentProps): JSX.Element;
+declare function ComboboxInput(props: CatalogComponentProps): JSX.Element;
+declare function ComboboxList(props: CatalogComponentProps): JSX.Element;
+declare function ComboboxOption(props: CatalogComponentProps): JSX.Element;
+declare function Command(props: CatalogComponentProps): JSX.Element;
+declare function CommandDialog(props: CatalogComponentProps): JSX.Element;
+declare function CommandInput(props: CatalogComponentProps): JSX.Element;
+declare function CommandHeader(props: CatalogComponentProps): JSX.Element;
+declare function CommandList(props: CatalogComponentProps): JSX.Element;
+declare function CommandEmpty(props: CatalogComponentProps): JSX.Element;
+declare function CommandGroup(props: CatalogComponentProps): JSX.Element;
+declare function CommandGroupHeading(props: CatalogComponentProps): JSX.Element;
+declare function CommandItem(props: CatalogComponentProps & {
+  active?: boolean;
+  disabled?: boolean;
+  selected?: boolean;
+}): JSX.Element;
+declare function CommandSeparator(props: CatalogComponentProps): JSX.Element;
+declare function CommandShortcut(props: CatalogComponentProps): JSX.Element;
+declare function DataTable(props: CatalogComponentProps): JSX.Element;
+declare function DatePicker(props: CatalogComponentProps): JSX.Element;
+declare function DatePickerInput(props: CatalogComponentProps): JSX.Element;
+declare function Direction(props: CatalogComponentProps & {
+  dir?: "ltr" | "rtl";
+}): JSX.Element;
+declare function Empty(props: CatalogComponentProps): JSX.Element;
+declare function EmptyHeader(props: CatalogComponentProps): JSX.Element;
+declare function EmptyTitle(props: CatalogComponentProps): JSX.Element;
+declare function EmptyDescription(props: CatalogComponentProps): JSX.Element;
+declare function EmptyContent(props: CatalogComponentProps): JSX.Element;
+declare function EmptyMedia(props: CatalogComponentProps): JSX.Element;
+declare function FieldGroup(props: CatalogComponentProps): JSX.Element;
+declare function FieldSet(props: CatalogComponentProps): JSX.Element;
+declare function FieldLegend(props: CatalogComponentProps): JSX.Element;
+declare function FieldLabel(props: CatalogComponentProps): JSX.Element;
+declare function FieldDescription(props: CatalogComponentProps): JSX.Element;
+declare function FieldContent(props: CatalogComponentProps): JSX.Element;
+declare function FieldTitle(props: CatalogComponentProps): JSX.Element;
+declare function FieldSeparator(props: CatalogComponentProps): JSX.Element;
+declare function InputOTP(props: CatalogComponentProps): JSX.Element;
+declare function InputOTPGroup(props: CatalogComponentProps): JSX.Element;
+declare function InputOTPSlot(props: CatalogComponentProps): JSX.Element;
+declare function InputOTPSeparator(props: CatalogComponentProps): JSX.Element;
+declare function Item(props: CatalogComponentProps & {
+  active?: boolean;
+  size?: "default" | "sm" | "xs";
+  variant?: "default" | "outline" | "muted";
+}): JSX.Element;
+declare function ItemGroup(props: CatalogComponentProps): JSX.Element;
+declare function ItemHeader(props: CatalogComponentProps): JSX.Element;
+declare function ItemMedia(props: CatalogComponentProps): JSX.Element;
+declare function ItemContent(props: CatalogComponentProps): JSX.Element;
+declare function ItemTitle(props: CatalogComponentProps): JSX.Element;
+declare function ItemDescription(props: CatalogComponentProps): JSX.Element;
+declare function ItemActions(props: CatalogComponentProps): JSX.Element;
+declare function ItemFooter(props: CatalogComponentProps): JSX.Element;
+declare function Kbd(props: CatalogComponentProps): JSX.Element;
+declare function NativeSelect(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenu(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuList(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuItem(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuTrigger(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuContent(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuLink(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuViewport(props: CatalogComponentProps): JSX.Element;
+declare function NavigationMenuIndicator(props: CatalogComponentProps): JSX.Element;
+declare function Pagination(props: CatalogComponentProps): JSX.Element;
+declare function PaginationContent(props: CatalogComponentProps): JSX.Element;
+declare function PaginationItem(props: CatalogComponentProps): JSX.Element;
+declare function PaginationLink(props: CatalogComponentProps & {
+  active?: boolean;
+}): JSX.Element;
+declare function PaginationPrevious(props: CatalogComponentProps): JSX.Element;
+declare function PaginationNext(props: CatalogComponentProps): JSX.Element;
+declare function PaginationEllipsis(props: CatalogComponentProps): JSX.Element;
+declare function ResizablePanelGroup(props: CatalogComponentProps): JSX.Element;
+declare function ResizablePanel(props: CatalogComponentProps): JSX.Element;
+declare function ResizableHandle(props: CatalogComponentProps): JSX.Element;
+declare function TabsList(props: CatalogComponentProps): JSX.Element;
+declare function TabsTrigger(props: CatalogComponentProps): JSX.Element;
+declare function TabsContent(props: CatalogComponentProps): JSX.Element;
+declare function SheetContent(props: CatalogComponentProps & {
+  side?: "top" | "right" | "bottom" | "left";
+}): JSX.Element;
+declare function SheetHeader(props: CatalogComponentProps): JSX.Element;
+declare function SheetFooter(props: CatalogComponentProps): JSX.Element;
+declare function SheetTitle(props: CatalogComponentProps): JSX.Element;
+declare function SheetDescription(props: CatalogComponentProps): JSX.Element;
+declare function Toaster(props: CatalogComponentProps): JSX.Element;
+declare const Sonner: typeof Toaster;
+declare function Typography(props: CatalogComponentProps): JSX.Element;
+declare function TypographyH1(props: CatalogComponentProps): JSX.Element;
+declare function TypographyH2(props: CatalogComponentProps): JSX.Element;
+declare function TypographyH3(props: CatalogComponentProps): JSX.Element;
+declare function TypographyH4(props: CatalogComponentProps): JSX.Element;
+declare function TypographyP(props: CatalogComponentProps): JSX.Element;
+declare function TypographyBlockquote(props: CatalogComponentProps): JSX.Element;
+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