@askrjs/themes 0.0.1

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

@@ -0,0 +1,8 @@
+import { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio.types.js";
+
+//#region src/components/aspect-ratio/aspect-ratio.d.ts
+declare function AspectRatio(props: AspectRatioProps): JSX.Element;
+declare function AspectRatio(props: AspectRatioAsChildProps): JSX.Element;
+//#endregion
+export { AspectRatio };
+//# sourceMappingURL=aspect-ratio.d.ts.map

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

@@ -0,0 +1,36 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/aspect-ratio/aspect-ratio.tsx
+function serializeStyle(base, user) {
+	const merged = { ...base };
+	if (user && typeof user === "object") Object.assign(merged, user);
+	if (typeof user === "string" && user.trim()) return `${Object.entries(merged).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + String(value)).join(";")};${user.trim()}`;
+	return Object.entries(merged).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => key.replace(/([A-Z])/g, "-$1").toLowerCase() + ":" + String(value)).join(";");
+}
+function AspectRatio(props) {
+	const { asChild, children, ratio = 1, ref, style, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "aspect-ratio",
+		style: serializeStyle({
+			display: "block",
+			width: "100%",
+			aspectRatio: String(ratio),
+			overflow: "hidden"
+		}, style)
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { AspectRatio };
+
+//# sourceMappingURL=aspect-ratio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"aspect-ratio.js","names":[],"sources":["../../src/components/aspect-ratio/aspect-ratio.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { AspectRatioAsChildProps, AspectRatioProps } from \"./aspect-ratio.types\";\n\nfunction serializeStyle(base: Record<string, string | number>, user: unknown): string {\n  const merged: Record<string, unknown> = { ...base };\n\n  if (user && typeof user === \"object\") {\n    Object.assign(merged, user as Record<string, unknown>);\n  }\n\n  if (typeof user === \"string\" && user.trim()) {\n    return `${Object.entries(merged)\n      .filter(([, value]) => value !== undefined && value !== null)\n      .map(([key, value]) => key.replace(/([A-Z])/g, \"-$1\").toLowerCase() + \":\" + String(value))\n      .join(\";\")};${user.trim()}`;\n  }\n\n  return Object.entries(merged)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(([key, value]) => key.replace(/([A-Z])/g, \"-$1\").toLowerCase() + \":\" + String(value))\n    .join(\";\");\n}\n\nexport function AspectRatio(props: AspectRatioProps): JSX.Element;\nexport function AspectRatio(props: AspectRatioAsChildProps): JSX.Element;\nexport function AspectRatio(props: AspectRatioProps | AspectRatioAsChildProps) {\n  const { asChild, children, ratio = 1, ref, style, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"aspect-ratio\",\n    style: serializeStyle(\n      {\n        display: \"block\",\n        width: \"100%\",\n        aspectRatio: String(ratio),\n        overflow: \"hidden\",\n      },\n      style,\n    ),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAIA,SAAS,eAAe,MAAuC,MAAuB;CACpF,MAAM,SAAkC,EAAE,GAAG,MAAM;AAEnD,KAAI,QAAQ,OAAO,SAAS,SAC1B,QAAO,OAAO,QAAQ,KAAgC;AAGxD,KAAI,OAAO,SAAS,YAAY,KAAK,MAAM,CACzC,QAAO,GAAG,OAAO,QAAQ,OAAO,CAC7B,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,IAAI,QAAQ,YAAY,MAAM,CAAC,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,CACzF,KAAK,IAAI,CAAC,GAAG,KAAK,MAAM;AAG7B,QAAO,OAAO,QAAQ,OAAO,CAC1B,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,IAAI,QAAQ,YAAY,MAAM,CAAC,aAAa,GAAG,MAAM,OAAO,MAAM,CAAC,CACzF,KAAK,IAAI;;AAKd,SAAgB,YAAY,OAAmD;CAC7E,MAAM,EAAE,SAAS,UAAU,QAAQ,GAAG,KAAK,OAAO,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,OAAO,eACL;GACE,SAAS;GACT,OAAO;GACP,aAAa,OAAO,MAAM;GAC1B,UAAU;GACX,EACD,MACD;EACF,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}

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

@@ -0,0 +1,20 @@
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/aspect-ratio/aspect-ratio.types.d.ts
+type AspectRatioOwnProps = {
+  children?: unknown;
+  ratio?: number | string;
+  style?: unknown;
+};
+type AspectRatioProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & AspectRatioOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLDivElement>;
+};
+type AspectRatioAsChildProps = AspectRatioOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { AspectRatioAsChildProps, AspectRatioProps };
+//# sourceMappingURL=aspect-ratio.types.d.ts.map

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

@@ -0,0 +1,2 @@
+import { AspectRatioAsChildProps, AspectRatioProps } from "./aspect-ratio.types.js";
+import { AspectRatio } from "./aspect-ratio.js";

package/dist/badge/badge.d.ts

@@ -0,0 +1,8 @@
+import { BadgeAsChildProps, BadgeProps } from "./badge.types.js";
+
+//#region src/components/badge/badge.d.ts
+declare function Badge(props: BadgeProps): JSX.Element;
+declare function Badge(props: BadgeAsChildProps): JSX.Element;
+//#endregion
+export { Badge };
+//# sourceMappingURL=badge.d.ts.map

package/dist/badge/badge.js

@@ -0,0 +1,26 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/badge/badge.tsx
+function Badge(props) {
+	const { asChild, children, variant, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "badge",
+		"data-badge": "true",
+		"data-variant": variant && variant !== "default" ? variant : void 0
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { Badge };
+
+//# sourceMappingURL=badge.js.map

package/dist/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","names":[],"sources":["../../src/components/badge/badge.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { BadgeAsChildProps, BadgeProps } from \"./badge.types\";\n\nexport function Badge(props: BadgeProps): JSX.Element;\nexport function Badge(props: BadgeAsChildProps): JSX.Element;\nexport function Badge(props: BadgeProps | BadgeAsChildProps) {\n  const { asChild, children, variant, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"badge\",\n    \"data-badge\": \"true\",\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;AAMA,SAAgB,MAAM,OAAuC;CAC3D,MAAM,EAAE,SAAS,UAAU,SAAS,KAAK,GAAG,SAAS;CACrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,cAAc;EACd,gBAAgB,WAAW,YAAY,YAAY,UAAU,KAAA;EAC9D,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA"}

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

@@ -0,0 +1,20 @@
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/badge/badge.types.d.ts
+type BadgeVariant = "default" | "secondary" | "outline" | "success" | "warning" | "danger" | "info";
+type BadgeOwnProps = {
+  children?: unknown;
+  variant?: BadgeVariant;
+};
+type BadgeProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BadgeOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BadgeAsChildProps = BadgeOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { BadgeAsChildProps, BadgeOwnProps, BadgeProps };
+//# sourceMappingURL=badge.types.d.ts.map

package/dist/badge/index.d.ts

@@ -0,0 +1,2 @@
+import { BadgeAsChildProps, BadgeOwnProps, BadgeProps } from "./badge.types.js";
+import { Badge } from "./badge.js";

package/dist/box/box.d.ts

@@ -0,0 +1,9 @@
+import { BoxAsChildProps, BoxDivProps, BoxSpanProps } from "./box.types.js";
+
+//#region src/components/box/box.d.ts
+declare function Box(props: BoxDivProps): JSX.Element;
+declare function Box(props: BoxSpanProps): JSX.Element;
+declare function Box(props: BoxAsChildProps): JSX.Element;
+//#endregion
+export { Box };
+//# sourceMappingURL=box.d.ts.map

package/dist/box/box.js

@@ -0,0 +1,35 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { applyBoxLayoutStyles, splitBoxLayoutProps, withBoxLayoutStyle } from "../_internal/box-layout.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/box/box.tsx
+function Box(props) {
+	const as = "as" in props ? props.as : "div";
+	const { asChild, children, ref, style: userStyle, ...rest } = props;
+	const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
+	const layoutStyle = {};
+	applyBoxLayoutStyles(layoutStyle, boxProps);
+	const finalProps = mergeProps(passthroughProps, {
+		ref,
+		"data-slot": "box",
+		"data-ak-layout": "true",
+		style: withBoxLayoutStyle(layoutStyle, userStyle)
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	if (as === "span") return /* @__PURE__ */ jsx("span", {
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { Box };
+
+//# sourceMappingURL=box.js.map

package/dist/box/box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box.js","names":[],"sources":["../../src/components/box/box.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  applyBoxLayoutStyles,\n  splitBoxLayoutProps,\n  withBoxLayoutStyle,\n} from \"../_internal/box-layout\";\nimport type { BoxAsChildProps, BoxDivProps, BoxSpanProps } from \"./box.types\";\n\nexport function Box(props: BoxDivProps): JSX.Element;\nexport function Box(props: BoxSpanProps): JSX.Element;\nexport function Box(props: BoxAsChildProps): JSX.Element;\nexport function Box(props: BoxDivProps | BoxSpanProps | BoxAsChildProps) {\n  const as = \"as\" in props ? props.as : \"div\";\n  const { asChild, children, ref, style: userStyle, ...rest } = props;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {};\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": \"box\",\n    \"data-ak-layout\": \"true\",\n    style: withBoxLayoutStyle(layoutStyle, userStyle),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  if (as === \"span\") {\n    return <span {...finalProps}>{children}</span>;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;AAYA,SAAgB,IAAI,OAAqD;CACvE,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAE9D,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,KAAK;CACtE,MAAM,cAA+C,EAAE;AACvD,sBAAqB,aAAa,SAAS;CAE3C,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,OAAO,mBAAmB,aAAa,UAAU;EAClD,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,KAAI,OAAO,OACT,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA;AAGhD,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}

package/dist/box/box.types.d.ts

@@ -0,0 +1,71 @@
+import { ResponsiveValue } from "../_internal/layout.js";
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/box/box.types.d.ts
+type LayoutResponsive<T> = ResponsiveValue<T>;
+type BoxLayoutOwnProps = {
+  display?: ResponsiveValue<string>;
+  m?: ResponsiveValue<string | number>;
+  mx?: ResponsiveValue<string | number>;
+  my?: ResponsiveValue<string | number>;
+  mt?: ResponsiveValue<string | number>;
+  mr?: ResponsiveValue<string | number>;
+  mb?: ResponsiveValue<string | number>;
+  ml?: ResponsiveValue<string | number>;
+  p?: ResponsiveValue<string | number>;
+  px?: ResponsiveValue<string | number>;
+  py?: ResponsiveValue<string | number>;
+  pt?: ResponsiveValue<string | number>;
+  pr?: ResponsiveValue<string | number>;
+  pb?: ResponsiveValue<string | number>;
+  pl?: ResponsiveValue<string | number>;
+  width?: ResponsiveValue<string>;
+  minWidth?: ResponsiveValue<string>;
+  maxWidth?: ResponsiveValue<string>;
+  height?: ResponsiveValue<string>;
+  minHeight?: ResponsiveValue<string>;
+  maxHeight?: ResponsiveValue<string>;
+  position?: ResponsiveValue<string>;
+  inset?: ResponsiveValue<string | number>;
+  top?: ResponsiveValue<string | number>;
+  right?: ResponsiveValue<string | number>;
+  bottom?: ResponsiveValue<string | number>;
+  left?: ResponsiveValue<string | number>;
+  overflow?: ResponsiveValue<string>;
+  overflowX?: ResponsiveValue<string>;
+  overflowY?: ResponsiveValue<string>;
+  flexBasis?: ResponsiveValue<string>;
+  flexGrow?: ResponsiveValue<string | number>;
+  flexShrink?: ResponsiveValue<string | number>;
+  gridArea?: ResponsiveValue<string>;
+  gridColumn?: ResponsiveValue<string>;
+  gridColumnStart?: ResponsiveValue<string>;
+  gridColumnEnd?: ResponsiveValue<string>;
+  gridRow?: ResponsiveValue<string>;
+  gridRowStart?: ResponsiveValue<string>;
+  gridRowEnd?: ResponsiveValue<string>;
+  children?: unknown;
+};
+type BoxOwnProps = BoxLayoutOwnProps & {
+  as?: "div" | "span";
+};
+type BoxDivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & BoxOwnProps & {
+  as?: "div";
+  asChild?: false;
+  ref?: Ref<HTMLDivElement>;
+};
+type BoxSpanProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & BoxOwnProps & {
+  as: "span";
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BoxAsChildProps = Omit<BoxOwnProps, "as"> & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+  style?: JSX.IntrinsicElements["div"]["style"];
+};
+type BoxProps = BoxDivProps | BoxSpanProps | BoxAsChildProps;
+//#endregion
+export { BoxAsChildProps, BoxDivProps, BoxLayoutOwnProps, BoxOwnProps, BoxProps, BoxSpanProps, LayoutResponsive };
+//# sourceMappingURL=box.types.d.ts.map

package/dist/box/index.d.ts

@@ -0,0 +1,2 @@
+import { BoxAsChildProps, BoxDivProps, BoxLayoutOwnProps, BoxOwnProps, BoxProps, BoxSpanProps, LayoutResponsive } from "./box.types.js";
+import { Box } from "./box.js";

package/dist/breadcrumb/breadcrumb.d.ts

@@ -0,0 +1,18 @@
+import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
+
+//#region src/components/breadcrumb/breadcrumb.d.ts
+declare function Breadcrumb(props: BreadcrumbProps): JSX.Element;
+declare function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;
+declare function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;
+declare function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;
+declare function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;
+declare function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;
+declare function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;
+declare function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;
+declare function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;
+declare function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;
+declare function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;
+declare function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;
+//#endregion
+export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
+//# sourceMappingURL=breadcrumb.d.ts.map

package/dist/breadcrumb/breadcrumb.js

@@ -0,0 +1,113 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/breadcrumb/breadcrumb.tsx
+function Breadcrumb(props) {
+	const { asChild, children, ref, "aria-label": ariaLabel, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"aria-label": ariaLabel ?? "Breadcrumb",
+		"data-slot": "breadcrumb",
+		"data-breadcrumb": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("nav", {
+		...finalProps,
+		children
+	});
+}
+function BreadcrumbList(props) {
+	const { asChild, children, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "breadcrumb-list",
+		"data-breadcrumb-list": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("ol", {
+		...finalProps,
+		children
+	});
+}
+function BreadcrumbItem(props) {
+	const { asChild, children, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "breadcrumb-item",
+		"data-breadcrumb-item": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("li", {
+		...finalProps,
+		children
+	});
+}
+function BreadcrumbLink(props) {
+	const { asChild, children, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "breadcrumb-link",
+		"data-breadcrumb-link": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("a", {
+		...finalProps,
+		children
+	});
+}
+function BreadcrumbCurrent(props) {
+	const { asChild, children, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"aria-current": "page",
+		"data-slot": "breadcrumb-current",
+		"data-breadcrumb-current": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...finalProps,
+		children
+	});
+}
+function BreadcrumbSeparator(props) {
+	const { asChild, children, ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"aria-hidden": "true",
+		"data-slot": "breadcrumb-separator",
+		"data-breadcrumb-separator": "true"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children: children ?? "/"
+	});
+	return /* @__PURE__ */ jsx("span", {
+		...finalProps,
+		children: children ?? "/"
+	});
+}
+//#endregion
+export { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator };
+
+//# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb/breadcrumb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","names":[],"sources":["../../src/components/breadcrumb/breadcrumb.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  BreadcrumbAsChildProps,\n  BreadcrumbCurrentAsChildProps,\n  BreadcrumbCurrentProps,\n  BreadcrumbItemAsChildProps,\n  BreadcrumbItemProps,\n  BreadcrumbLinkAsChildProps,\n  BreadcrumbLinkProps,\n  BreadcrumbListAsChildProps,\n  BreadcrumbListProps,\n  BreadcrumbProps,\n  BreadcrumbSeparatorAsChildProps,\n  BreadcrumbSeparatorProps,\n} from \"./breadcrumb.types\";\n\nexport function Breadcrumb(props: BreadcrumbProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbAsChildProps): JSX.Element;\nexport function Breadcrumb(props: BreadcrumbProps | BreadcrumbAsChildProps) {\n  const { asChild, children, ref, \"aria-label\": ariaLabel, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-label\": ariaLabel ?? \"Breadcrumb\",\n    \"data-slot\": \"breadcrumb\",\n    \"data-breadcrumb\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function BreadcrumbList(props: BreadcrumbListProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListAsChildProps): JSX.Element;\nexport function BreadcrumbList(props: BreadcrumbListProps | BreadcrumbListAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-list\",\n    \"data-breadcrumb-list\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <ol {...finalProps}>{children}</ol>;\n}\n\nexport function BreadcrumbItem(props: BreadcrumbItemProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemAsChildProps): JSX.Element;\nexport function BreadcrumbItem(props: BreadcrumbItemProps | BreadcrumbItemAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-item\",\n    \"data-breadcrumb-item\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n\nexport function BreadcrumbLink(props: BreadcrumbLinkProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkAsChildProps): JSX.Element;\nexport function BreadcrumbLink(props: BreadcrumbLinkProps | BreadcrumbLinkAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"breadcrumb-link\",\n    \"data-breadcrumb-link\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <a {...finalProps}>{children}</a>;\n}\n\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentAsChildProps): JSX.Element;\nexport function BreadcrumbCurrent(props: BreadcrumbCurrentProps | BreadcrumbCurrentAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-current\": \"page\",\n    \"data-slot\": \"breadcrumb-current\",\n    \"data-breadcrumb-current\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorProps): JSX.Element;\nexport function BreadcrumbSeparator(props: BreadcrumbSeparatorAsChildProps): JSX.Element;\nexport function BreadcrumbSeparator(\n  props: BreadcrumbSeparatorProps | BreadcrumbSeparatorAsChildProps,\n) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"breadcrumb-separator\",\n    \"data-breadcrumb-separator\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children ?? \"/\"} />;\n  }\n\n  return <span {...finalProps}>{children ?? \"/\"}</span>;\n}\n"],"mappings":";;;;AAmBA,SAAgB,WAAW,OAAiD;CAC1E,MAAM,EAAE,SAAS,UAAU,KAAK,cAAc,WAAW,GAAG,SAAS;CACrE,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,cAAc,aAAa;EAC3B,aAAa;EACb,mBAAmB;EACpB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;;AAK9C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAK5C,SAAgB,eAAe,OAAyD;CACtF,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,wBAAwB;EACzB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;EAAa,CAAA;;AAK1C,SAAgB,kBAAkB,OAA+D;CAC/F,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,gBAAgB;EAChB,aAAa;EACb,2BAA2B;EAC5B,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA;;AAKhD,SAAgB,oBACd,OACA;CACA,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,eAAe;EACf,aAAa;EACb,6BAA6B;EAC9B,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAY,UAAU,YAAY;EAAO,CAAA;AAGpE,QAAO,oBAAC,QAAD;EAAM,GAAI;YAAa,YAAY;EAAW,CAAA"}

package/dist/breadcrumb/breadcrumb.types.d.ts

@@ -0,0 +1,64 @@
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/breadcrumb/breadcrumb.types.d.ts
+type BreadcrumbOwnProps = {
+  children?: unknown;
+  "aria-label"?: string;
+};
+type BreadcrumbProps = Omit<JSX.IntrinsicElements["nav"], "children" | "ref"> & BreadcrumbOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLElement>;
+};
+type BreadcrumbAsChildProps = BreadcrumbOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbListProps = Omit<JSX.IntrinsicElements["ol"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLOListElement>;
+};
+type BreadcrumbListAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbItemProps = Omit<JSX.IntrinsicElements["li"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLLIElement>;
+};
+type BreadcrumbItemAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbLinkProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLAnchorElement>;
+};
+type BreadcrumbLinkAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbCurrentProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BreadcrumbCurrentAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type BreadcrumbSeparatorProps = Omit<JSX.IntrinsicElements["span"], "children" | "ref"> & {
+  asChild?: false;
+  ref?: Ref<HTMLSpanElement>;
+};
+type BreadcrumbSeparatorAsChildProps = {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps };
+//# sourceMappingURL=breadcrumb.types.d.ts.map

package/dist/breadcrumb/index.d.ts

@@ -0,0 +1,2 @@
+import { BreadcrumbAsChildProps, BreadcrumbCurrentAsChildProps, BreadcrumbCurrentProps, BreadcrumbItemAsChildProps, BreadcrumbItemProps, BreadcrumbLinkAsChildProps, BreadcrumbLinkProps, BreadcrumbListAsChildProps, BreadcrumbListProps, BreadcrumbOwnProps, BreadcrumbProps, BreadcrumbSeparatorAsChildProps, BreadcrumbSeparatorProps } from "./breadcrumb.types.js";
+import { Breadcrumb, BreadcrumbCurrent, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbSeparator } from "./breadcrumb.js";

package/dist/card/card.d.ts

@@ -0,0 +1,12 @@
+import { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardProps, CardTitleProps } from "./card.types.js";
+
+//#region src/components/card/card.d.ts
+declare function Card(props: CardProps): JSX.Element;
+declare function CardHeader(props: CardHeaderProps): JSX.Element;
+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;
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+//# sourceMappingURL=card.d.ts.map

package/dist/card/card.js

@@ -0,0 +1,68 @@
+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, variant, padding = "md", ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		"data-slot": "card",
+		"data-variant": normalizeVariant(variant),
+		"data-padding": normalizePadding(padding),
+		children
+	});
+}
+function CardHeader(props) {
+	const { children, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		"data-slot": "card-header",
+		children
+	});
+}
+function CardTitle(props) {
+	const { children, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("h3", {
+		...rest,
+		ref,
+		"data-slot": "card-title",
+		children
+	});
+}
+function CardDescription(props) {
+	const { children, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("p", {
+		...rest,
+		ref,
+		"data-slot": "card-description",
+		children
+	});
+}
+function CardContent(props) {
+	const { children, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		"data-slot": "card-content",
+		children
+	});
+}
+function CardFooter(props) {
+	const { children, ref, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		"data-slot": "card-footer",
+		children
+	});
+}
+//#endregion
+export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+
+//# sourceMappingURL=card.js.map

package/dist/card/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","names":[],"sources":["../../src/components/card/card.tsx"],"sourcesContent":["import type {\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, variant, padding = \"md\", ref, ...rest } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-slot=\"card\"\n      data-variant={normalizeVariant(variant)}\n      data-padding={normalizePadding(padding)}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function CardHeader(props: CardHeaderProps): JSX.Element {\n  const { children, ref, ...rest } = props;\n  return (\n    <div {...rest} ref={ref} data-slot=\"card-header\">\n      {children}\n    </div>\n  );\n}\n\nexport function CardTitle(props: CardTitleProps): JSX.Element {\n  const { children, ref, ...rest } = props;\n  return (\n    <h3 {...rest} ref={ref} data-slot=\"card-title\">\n      {children}\n    </h3>\n  );\n}\n\nexport function CardDescription(props: CardDescriptionProps): JSX.Element {\n  const { children, ref, ...rest } = props;\n  return (\n    <p {...rest} ref={ref} data-slot=\"card-description\">\n      {children}\n    </p>\n  );\n}\n\nexport function CardContent(props: CardContentProps): JSX.Element {\n  const { children, ref, ...rest } = props;\n  return (\n    <div {...rest} ref={ref} data-slot=\"card-content\">\n      {children}\n    </div>\n  );\n}\n\nexport function CardFooter(props: CardFooterProps): JSX.Element {\n  const { children, ref, ...rest } = props;\n  return (\n    <div {...rest} ref={ref} data-slot=\"card-footer\">\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;AAWA,SAAS,iBAAiB,SAAkC;AAC1D,QAAO,WAAW,YAAY,OAAO,UAAU,KAAA;;AAGjD,SAAS,iBAAiB,SAAkC;AAC1D,QAAO,WAAW,YAAY,YAAY,UAAU,KAAA;;AAGtD,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,SAAS,UAAU,MAAM,KAAK,GAAG,SAAS;AAE5D,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,aAAU;EACV,gBAAc,iBAAiB,QAAQ;EACvC,gBAAc,iBAAiB,QAAQ;EAEtC;EACG,CAAA;;AAIV,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA;;AAIV,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,MAAD;EAAI,GAAI;EAAW;EAAK,aAAU;EAC/B;EACE,CAAA;;AAIT,SAAgB,gBAAgB,OAA0C;CACxE,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,KAAD;EAAG,GAAI;EAAW;EAAK,aAAU;EAC9B;EACC,CAAA;;AAIR,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA;;AAIV,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,KAAK,GAAG,SAAS;AACnC,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,aAAU;EAChC;EACG,CAAA"}

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

@@ -0,0 +1,37 @@
+import { Ref } from "@askrjs/askr/foundations";
+
+//#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 & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
+};
+type CardFooterProps = DivProps & {
+  children?: unknown;
+  ref?: Ref<HTMLDivElement>;
+};
+type CardTitleProps = HeadingProps & {
+  children?: unknown;
+  ref?: Ref<HTMLHeadingElement>;
+};
+type CardDescriptionProps = ParagraphProps & {
+  children?: unknown;
+  ref?: Ref<HTMLParagraphElement>;
+};
+//#endregion
+export { CardContentProps, CardDescriptionProps, CardFooterProps, CardHeaderProps, CardPadding, CardProps, CardTitleProps, CardVariant };
+//# sourceMappingURL=card.types.d.ts.map

package/dist/card/index.d.ts

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

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

@@ -0,0 +1,7 @@
+import type { BoxLayoutOwnProps } from "../box/box.types";
+export declare function splitBoxLayoutProps<T extends Record<string, unknown>>(props: T): {
+    boxProps: Partial<BoxLayoutOwnProps>;
+    rest: Omit<T, keyof BoxLayoutOwnProps>;
+};
+export declare function applyBoxLayoutStyles(styles: Record<string, string | number>, boxProps: Partial<BoxLayoutOwnProps>): void;
+export declare function withBoxLayoutStyle(styles: Record<string, string | number>, userStyle: unknown): string | undefined;

package/dist/components/_internal/classes.d.ts

@@ -0,0 +1 @@
+export declare function classes(...values: Array<unknown>): string | undefined;

package/dist/components/_internal/jsx.d.ts

@@ -0,0 +1,8 @@
+import type { JSXElement } from "@askrjs/askr/foundations";
+export declare function isJsxElement(value: unknown): value is JSXElement;
+export declare function hasJsxIntrinsicType(value: unknown, expectedType: string): value is JSXElement;
+export declare function toChildArray(children: unknown): unknown[];
+export declare function mapJsxTree(children: unknown, mapper: (element: JSXElement) => unknown): unknown;
+export declare function collectJsxElements(children: unknown, predicate?: (element: JSXElement) => boolean): JSXElement[];
+export declare function extractTextContent(value: unknown): string;
+export declare function serializeForId(value: unknown): string;