@askrjs/themes 0.0.1

package/dist/logos/create-logo.js

@@ -0,0 +1,75 @@
+import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
+//#region src/components/logos/create-logo.tsx
+const ICON_SIZE_TOKENS = [
+	"sm",
+	"md",
+	"lg",
+	"xl"
+];
+function isIconSizeToken(value) {
+	return typeof value === "string" && ICON_SIZE_TOKENS.includes(value);
+}
+function normalizeIconSizeValue(size) {
+	if (typeof size === "number") return `${size}px`;
+	return size;
+}
+function resolveIconSizeVariable(size) {
+	if (isIconSizeToken(size)) return `var(--ak-icon-size-${size}, var(--ak-icon-size-md, 1.25rem))`;
+	return normalizeIconSizeValue(size);
+}
+function camelToKebab(key) {
+	return key.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
+}
+function serializeLogoStyle(style) {
+	if (!style) return "";
+	if (typeof style === "string") return style.trim();
+	return Object.entries(style).filter(([, value]) => value !== void 0 && value !== null).map(([key, value]) => `${camelToKebab(key)}:${String(value)}`).join(";");
+}
+function joinLogoStyle(...styles) {
+	const merged = styles.map((style) => style?.trim()).filter(Boolean);
+	return merged.length > 0 ? merged.join(";") : void 0;
+}
+function getLogoContractProps({ size = 20, title, style, iconName }) {
+	const sizeToken = isIconSizeToken(size) ? size : void 0;
+	const decorative = title ? void 0 : "true";
+	const logoStyle = joinLogoStyle(`--ak-icon-size:${resolveIconSizeVariable(size)}`, "display:inline-block", "flex-shrink:0", "width:var(--ak-icon-size)", "height:var(--ak-icon-size)", serializeLogoStyle(style));
+	return { attrs: {
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "24",
+		height: "24",
+		role: "img",
+		"aria-hidden": title ? void 0 : "true",
+		style: logoStyle,
+		"data-slot": "icon",
+		"data-icon": iconName,
+		"data-size": sizeToken,
+		"data-decorative": decorative
+	} };
+}
+function createLogo(displayName, viewBox, logoNode) {
+	function Logo({ size = 20, title, class: className, style, ref, ...rest }) {
+		const { attrs } = getLogoContractProps({
+			size,
+			title,
+			style,
+			iconName: displayName
+		});
+		const children = logoNode.map(([tag, nodeAttrs], index) => jsx(tag, nodeAttrs, index));
+		return jsxs("svg", {
+			...rest,
+			...attrs,
+			viewBox,
+			fill: "none",
+			stroke: "none",
+			class: className,
+			ref,
+			children: title ? [jsx("title", { children: title }), ...children] : children
+		});
+	}
+	Logo.displayName = displayName;
+	return Logo;
+}
+//#endregion
+export { createLogo };
+
+//# sourceMappingURL=create-logo.js.map

package/dist/logos/create-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-logo.js","names":["createSvgNode","createSvgNodes"],"sources":["../../src/components/logos/create-logo.tsx"],"sourcesContent":["import { jsx as createSvgNode, jsxs as createSvgNodes } from \"@askrjs/askr/jsx-runtime\";\nimport type { IconSizeToken, LogoNode, LogoProps, LogoStyleObject } from \"./types\";\n\nconst ICON_SIZE_TOKENS: readonly IconSizeToken[] = [\"sm\", \"md\", \"lg\", \"xl\"];\n\nfunction isIconSizeToken(value: unknown): value is IconSizeToken {\n  return typeof value === \"string\" && ICON_SIZE_TOKENS.includes(value as IconSizeToken);\n}\n\nfunction normalizeIconSizeValue(size: number | string): string {\n  if (typeof size === \"number\") return `${size}px`;\n  return size;\n}\n\nfunction resolveIconSizeVariable(size: number | string): string {\n  if (isIconSizeToken(size)) {\n    return `var(--ak-icon-size-${size}, var(--ak-icon-size-md, 1.25rem))`;\n  }\n\n  return normalizeIconSizeValue(size);\n}\n\nfunction camelToKebab(key: string): string {\n  return key.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);\n}\n\nfunction serializeLogoStyle(style: string | LogoStyleObject | undefined): string {\n  if (!style) return \"\";\n  if (typeof style === \"string\") return style.trim();\n\n  return Object.entries(style)\n    .filter(([, value]) => value !== undefined && value !== null)\n    .map(([key, value]) => `${camelToKebab(key)}:${String(value)}`)\n    .join(\";\");\n}\n\nfunction joinLogoStyle(...styles: Array<string | undefined>): string | undefined {\n  const merged = styles.map((style) => style?.trim()).filter(Boolean);\n  return merged.length > 0 ? merged.join(\";\") : undefined;\n}\n\nfunction getLogoContractProps({\n  size = 20,\n  title,\n  style,\n  iconName,\n}: Pick<LogoProps, \"iconName\" | \"size\" | \"style\" | \"title\">) {\n  const sizeToken = isIconSizeToken(size) ? size : undefined;\n  const decorative = title ? undefined : \"true\";\n  const resolvedSize = resolveIconSizeVariable(size);\n  const logoStyle = joinLogoStyle(\n    `--ak-icon-size:${resolvedSize}`,\n    \"display:inline-block\",\n    \"flex-shrink:0\",\n    \"width:var(--ak-icon-size)\",\n    \"height:var(--ak-icon-size)\",\n    serializeLogoStyle(style),\n  );\n\n  return {\n    attrs: {\n      xmlns: \"http://www.w3.org/2000/svg\",\n      width: \"24\",\n      height: \"24\",\n      role: \"img\",\n      \"aria-hidden\": title ? undefined : \"true\",\n      style: logoStyle,\n      \"data-slot\": \"icon\",\n      \"data-icon\": iconName,\n      \"data-size\": sizeToken,\n      \"data-decorative\": decorative,\n    },\n  };\n}\n\nexport function createLogo(displayName: string, viewBox: string, logoNode: LogoNode) {\n  function Logo({ size = 20, title, class: className, style, ref, ...rest }: LogoProps) {\n    const { attrs } = getLogoContractProps({\n      size,\n      title,\n      style,\n      iconName: displayName,\n    });\n\n    const children = logoNode.map(([tag, nodeAttrs], index) =>\n      createSvgNode(tag, nodeAttrs as Record<string, unknown>, index),\n    );\n\n    return createSvgNodes(\"svg\", {\n      ...rest,\n      ...attrs,\n      viewBox,\n      fill: \"none\",\n      stroke: \"none\",\n      class: className,\n      ref,\n      children: title ? [createSvgNode(\"title\", { children: title }), ...children] : children,\n    });\n  }\n\n  Logo.displayName = displayName;\n  return Logo;\n}\n"],"mappings":";;AAGA,MAAM,mBAA6C;CAAC;CAAM;CAAM;CAAM;CAAK;AAE3E,SAAS,gBAAgB,OAAwC;AAC/D,QAAO,OAAO,UAAU,YAAY,iBAAiB,SAAS,MAAuB;;AAGvF,SAAS,uBAAuB,MAA+B;AAC7D,KAAI,OAAO,SAAS,SAAU,QAAO,GAAG,KAAK;AAC7C,QAAO;;AAGT,SAAS,wBAAwB,MAA+B;AAC9D,KAAI,gBAAgB,KAAK,CACvB,QAAO,sBAAsB,KAAK;AAGpC,QAAO,uBAAuB,KAAK;;AAGrC,SAAS,aAAa,KAAqB;AACzC,QAAO,IAAI,QAAQ,aAAa,UAAU,IAAI,MAAM,aAAa,GAAG;;AAGtE,SAAS,mBAAmB,OAAqD;AAC/E,KAAI,CAAC,MAAO,QAAO;AACnB,KAAI,OAAO,UAAU,SAAU,QAAO,MAAM,MAAM;AAElD,QAAO,OAAO,QAAQ,MAAM,CACzB,QAAQ,GAAG,WAAW,UAAU,KAAA,KAAa,UAAU,KAAK,CAC5D,KAAK,CAAC,KAAK,WAAW,GAAG,aAAa,IAAI,CAAC,GAAG,OAAO,MAAM,GAAG,CAC9D,KAAK,IAAI;;AAGd,SAAS,cAAc,GAAG,QAAuD;CAC/E,MAAM,SAAS,OAAO,KAAK,UAAU,OAAO,MAAM,CAAC,CAAC,OAAO,QAAQ;AACnE,QAAO,OAAO,SAAS,IAAI,OAAO,KAAK,IAAI,GAAG,KAAA;;AAGhD,SAAS,qBAAqB,EAC5B,OAAO,IACP,OACA,OACA,YAC2D;CAC3D,MAAM,YAAY,gBAAgB,KAAK,GAAG,OAAO,KAAA;CACjD,MAAM,aAAa,QAAQ,KAAA,IAAY;CAEvC,MAAM,YAAY,cAChB,kBAFmB,wBAAwB,KAEb,IAC9B,wBACA,iBACA,6BACA,8BACA,mBAAmB,MAAM,CAC1B;AAED,QAAO,EACL,OAAO;EACL,OAAO;EACP,OAAO;EACP,QAAQ;EACR,MAAM;EACN,eAAe,QAAQ,KAAA,IAAY;EACnC,OAAO;EACP,aAAa;EACb,aAAa;EACb,aAAa;EACb,mBAAmB;EACpB,EACF;;AAGH,SAAgB,WAAW,aAAqB,SAAiB,UAAoB;CACnF,SAAS,KAAK,EAAE,OAAO,IAAI,OAAO,OAAO,WAAW,OAAO,KAAK,GAAG,QAAmB;EACpF,MAAM,EAAE,UAAU,qBAAqB;GACrC;GACA;GACA;GACA,UAAU;GACX,CAAC;EAEF,MAAM,WAAW,SAAS,KAAK,CAAC,KAAK,YAAY,UAC/CA,IAAc,KAAK,WAAsC,MAAM,CAChE;AAED,SAAOC,KAAe,OAAO;GAC3B,GAAG;GACH,GAAG;GACH;GACA,MAAM;GACN,QAAQ;GACR,OAAO;GACP;GACA,UAAU,QAAQ,CAACD,IAAc,SAAS,EAAE,UAAU,OAAO,CAAC,EAAE,GAAG,SAAS,GAAG;GAChF,CAAC;;AAGJ,MAAK,cAAc;AACnB,QAAO"}

package/dist/logos/github-logo.d.ts

@@ -0,0 +1,18 @@
+import { JSXElement } from "../askr/dist/common/jsx.js";
+import { LogoProps } from "./types.js";
+
+//#region src/components/logos/github-logo.d.ts
+declare const GitHubLogo: {
+  ({
+    size,
+    title,
+    class: className,
+    style,
+    ref,
+    ...rest
+  }: LogoProps): JSXElement;
+  displayName: string;
+};
+//#endregion
+export { GitHubLogo };
+//# sourceMappingURL=github-logo.d.ts.map

package/dist/logos/github-logo.js

@@ -0,0 +1,9 @@
+import { createLogo } from "./create-logo.js";
+const GitHubLogo = createLogo("GitHubLogo", "0 0 24 24", [["path", {
+	fill: "#181717",
+	d: "M12 1C5.923 1 1 5.924 1 12.002c0 4.862 3.151 8.987 7.521 10.443.55.102.751-.239.751-.53 0-.262-.01-.956-.015-1.876-3.059.665-3.706-1.475-3.706-1.475-.5-1.271-1.22-1.609-1.22-1.609-.998-.682.076-.668.076-.668 1.104.078 1.685 1.134 1.685 1.134.981 1.682 2.575 1.196 3.203.915.1-.711.384-1.196.698-1.471-2.442-.278-5.01-1.221-5.01-5.436 0-1.201.429-2.184 1.133-2.954-.114-.278-.491-1.397.107-2.913 0 0 .924-.296 3.026 1.128A10.52 10.52 0 0 1 12 6.32c.935.004 1.876.127 2.755.373 2.1-1.424 3.023-1.128 3.023-1.128.6 1.516.223 2.635.109 2.913.706.77 1.131 1.753 1.131 2.954 0 4.225-2.572 5.155-5.02 5.427.395.34.746 1.011.746 2.038 0 1.472-.013 2.659-.013 3.021 0 .294.198.637.757.529C19.851 20.985 23 16.862 23 12.002 23 5.924 18.075 1 12 1Z"
+}]]);
+//#endregion
+export { GitHubLogo };
+
+//# sourceMappingURL=github-logo.js.map

package/dist/logos/github-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"github-logo.js","names":[],"sources":["../../src/components/logos/github-logo.tsx"],"sourcesContent":["import { createLogo } from \"./create-logo\";\n\nconst GITHUB_LOGO_NODE = [\n  [\n    \"path\",\n    {\n      fill: \"#181717\",\n      d: \"M12 1C5.923 1 1 5.924 1 12.002c0 4.862 3.151 8.987 7.521 10.443.55.102.751-.239.751-.53 0-.262-.01-.956-.015-1.876-3.059.665-3.706-1.475-3.706-1.475-.5-1.271-1.22-1.609-1.22-1.609-.998-.682.076-.668.076-.668 1.104.078 1.685 1.134 1.685 1.134.981 1.682 2.575 1.196 3.203.915.1-.711.384-1.196.698-1.471-2.442-.278-5.01-1.221-5.01-5.436 0-1.201.429-2.184 1.133-2.954-.114-.278-.491-1.397.107-2.913 0 0 .924-.296 3.026 1.128A10.52 10.52 0 0 1 12 6.32c.935.004 1.876.127 2.755.373 2.1-1.424 3.023-1.128 3.023-1.128.6 1.516.223 2.635.109 2.913.706.77 1.131 1.753 1.131 2.954 0 4.225-2.572 5.155-5.02 5.427.395.34.746 1.011.746 2.038 0 1.472-.013 2.659-.013 3.021 0 .294.198.637.757.529C19.851 20.985 23 16.862 23 12.002 23 5.924 18.075 1 12 1Z\",\n    },\n  ],\n] as const;\n\nexport const GitHubLogo = createLogo(\"GitHubLogo\", \"0 0 24 24\", GITHUB_LOGO_NODE);\n"],"mappings":";AAYA,MAAa,aAAa,WAAW,cAAc,aAAa,CAT9D,CACE,QACA;CACE,MAAM;CACN,GAAG;CACJ,CACF,CAG6D,CAAiB"}

package/dist/logos/google-logo.d.ts

@@ -0,0 +1,18 @@
+import { JSXElement } from "../askr/dist/common/jsx.js";
+import { LogoProps } from "./types.js";
+
+//#region src/components/logos/google-logo.d.ts
+declare const GoogleLogo: {
+  ({
+    size,
+    title,
+    class: className,
+    style,
+    ref,
+    ...rest
+  }: LogoProps): JSXElement;
+  displayName: string;
+};
+//#endregion
+export { GoogleLogo };
+//# sourceMappingURL=google-logo.d.ts.map

package/dist/logos/google-logo.js

@@ -0,0 +1,23 @@
+import { createLogo } from "./create-logo.js";
+const GoogleLogo = createLogo("GoogleLogo", "0 0 24 24", [
+	["path", {
+		fill: "#4285F4",
+		d: "M23.49 12.276c0-.816-.073-1.6-.209-2.351H12v4.451h6.437a5.505 5.505 0 0 1-2.387 3.613v2.997h3.861c2.259-2.079 3.579-5.142 3.579-8.71Z"
+	}],
+	["path", {
+		fill: "#34A853",
+		d: "M12 24c3.24 0 5.957-1.074 7.943-2.914l-3.861-2.997c-1.074.72-2.448 1.146-4.082 1.146-3.136 0-5.793-2.118-6.741-4.965H1.267v3.092A11.997 11.997 0 0 0 12 24Z"
+	}],
+	["path", {
+		fill: "#FBBC05",
+		d: "M5.259 14.27A7.192 7.192 0 0 1 4.882 12c0-.788.135-1.553.377-2.27V6.638H1.267A11.997 11.997 0 0 0 0 12c0 1.937.464 3.771 1.267 5.362L5.259 14.27Z"
+	}],
+	["path", {
+		fill: "#EA4335",
+		d: "M12 4.765c1.762 0 3.344.606 4.589 1.795l3.44-3.44C17.952 1.181 15.236 0 12 0 7.307 0 3.267 2.691 1.267 6.638L5.259 9.73c.948-2.847 3.605-4.965 6.741-4.965Z"
+	}]
+]);
+//#endregion
+export { GoogleLogo };
+
+//# sourceMappingURL=google-logo.js.map

package/dist/logos/google-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"google-logo.js","names":[],"sources":["../../src/components/logos/google-logo.tsx"],"sourcesContent":["import { createLogo } from \"./create-logo\";\n\nconst GOOGLE_LOGO_NODE = [\n  [\n    \"path\",\n    {\n      fill: \"#4285F4\",\n      d: \"M23.49 12.276c0-.816-.073-1.6-.209-2.351H12v4.451h6.437a5.505 5.505 0 0 1-2.387 3.613v2.997h3.861c2.259-2.079 3.579-5.142 3.579-8.71Z\",\n    },\n  ],\n  [\n    \"path\",\n    {\n      fill: \"#34A853\",\n      d: \"M12 24c3.24 0 5.957-1.074 7.943-2.914l-3.861-2.997c-1.074.72-2.448 1.146-4.082 1.146-3.136 0-5.793-2.118-6.741-4.965H1.267v3.092A11.997 11.997 0 0 0 12 24Z\",\n    },\n  ],\n  [\n    \"path\",\n    {\n      fill: \"#FBBC05\",\n      d: \"M5.259 14.27A7.192 7.192 0 0 1 4.882 12c0-.788.135-1.553.377-2.27V6.638H1.267A11.997 11.997 0 0 0 0 12c0 1.937.464 3.771 1.267 5.362L5.259 14.27Z\",\n    },\n  ],\n  [\n    \"path\",\n    {\n      fill: \"#EA4335\",\n      d: \"M12 4.765c1.762 0 3.344.606 4.589 1.795l3.44-3.44C17.952 1.181 15.236 0 12 0 7.307 0 3.267 2.691 1.267 6.638L5.259 9.73c.948-2.847 3.605-4.965 6.741-4.965Z\",\n    },\n  ],\n] as const;\n\nexport const GoogleLogo = createLogo(\"GoogleLogo\", \"0 0 24 24\", GOOGLE_LOGO_NODE);\n"],"mappings":";AAiCA,MAAa,aAAa,WAAW,cAAc,aAAa;CA9B9D,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CACD,CACE,QACA;EACE,MAAM;EACN,GAAG;EACJ,CACF;CAG6D,CAAiB"}

package/dist/logos/microsoft-logo.d.ts

@@ -0,0 +1,18 @@
+import { JSXElement } from "../askr/dist/common/jsx.js";
+import { LogoProps } from "./types.js";
+
+//#region src/components/logos/microsoft-logo.d.ts
+declare const MicrosoftLogo: {
+  ({
+    size,
+    title,
+    class: className,
+    style,
+    ref,
+    ...rest
+  }: LogoProps): JSXElement;
+  displayName: string;
+};
+//#endregion
+export { MicrosoftLogo };
+//# sourceMappingURL=microsoft-logo.d.ts.map

package/dist/logos/microsoft-logo.js

@@ -0,0 +1,35 @@
+import { createLogo } from "./create-logo.js";
+const MicrosoftLogo = createLogo("MicrosoftLogo", "0 0 24 24", [
+	["rect", {
+		x: "2",
+		y: "2",
+		width: "9",
+		height: "9",
+		fill: "#F25022"
+	}],
+	["rect", {
+		x: "13",
+		y: "2",
+		width: "9",
+		height: "9",
+		fill: "#7FBA00"
+	}],
+	["rect", {
+		x: "2",
+		y: "13",
+		width: "9",
+		height: "9",
+		fill: "#00A4EF"
+	}],
+	["rect", {
+		x: "13",
+		y: "13",
+		width: "9",
+		height: "9",
+		fill: "#FFB900"
+	}]
+]);
+//#endregion
+export { MicrosoftLogo };
+
+//# sourceMappingURL=microsoft-logo.js.map

package/dist/logos/microsoft-logo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"microsoft-logo.js","names":[],"sources":["../../src/components/logos/microsoft-logo.tsx"],"sourcesContent":["import { createLogo } from \"./create-logo\";\n\nconst MICROSOFT_LOGO_NODE = [\n  [\"rect\", { x: \"2\", y: \"2\", width: \"9\", height: \"9\", fill: \"#F25022\" }],\n  [\"rect\", { x: \"13\", y: \"2\", width: \"9\", height: \"9\", fill: \"#7FBA00\" }],\n  [\"rect\", { x: \"2\", y: \"13\", width: \"9\", height: \"9\", fill: \"#00A4EF\" }],\n  [\"rect\", { x: \"13\", y: \"13\", width: \"9\", height: \"9\", fill: \"#FFB900\" }],\n] as const;\n\nexport const MicrosoftLogo = createLogo(\"MicrosoftLogo\", \"0 0 24 24\", MICROSOFT_LOGO_NODE);\n"],"mappings":";AASA,MAAa,gBAAgB,WAAW,iBAAiB,aAAa;CANpE,CAAC,QAAQ;EAAE,GAAG;EAAK,GAAG;EAAK,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACtE,CAAC,QAAQ;EAAE,GAAG;EAAM,GAAG;EAAK,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACvE,CAAC,QAAQ;EAAE,GAAG;EAAK,GAAG;EAAM,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CACvE,CAAC,QAAQ;EAAE,GAAG;EAAM,GAAG;EAAM,OAAO;EAAK,QAAQ;EAAK,MAAM;EAAW,CAAC;CAGJ,CAAoB"}

package/dist/logos/types.d.ts

@@ -0,0 +1,16 @@
+//#region src/components/logos/types.d.ts
+type LogoStyleObject = Record<string, unknown>;
+type LogoOwnProps = {
+  size?: number | string;
+  title?: string;
+  class?: string;
+  style?: string | LogoStyleObject;
+  iconName?: string;
+};
+type LogoProps = Omit<JSX.IntrinsicElements["svg"], "children" | "class" | "height" | "ref" | "role" | "stroke" | "style" | "title" | "width"> & LogoOwnProps & {
+  children?: unknown;
+  ref?: unknown;
+};
+//#endregion
+export { LogoProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/navbar/index.d.ts

@@ -0,0 +1,2 @@
+import { NavBrandProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavItemVariant, NavbarProps } from "./navbar.types.js";
+import { NavBrand, NavGroup, NavItem, Navbar } from "./navbar.js";

package/dist/navbar/navbar.d.ts

@@ -0,0 +1,11 @@
+import { NavBrandProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavbarProps } from "./navbar.types.js";
+
+//#region src/components/navbar/navbar.d.ts
+declare function Navbar(props: NavbarProps): JSX.Element;
+declare function NavBrand(props: NavBrandProps): JSX.Element;
+declare function NavGroup(props: NavGroupProps): JSX.Element;
+declare function NavItem(props: NavItemProps): JSX.Element;
+declare function NavItem(props: NavItemAsChildProps): JSX.Element;
+//#endregion
+export { NavBrand, NavGroup, NavItem, Navbar };
+//# sourceMappingURL=navbar.d.ts.map

package/dist/navbar/navbar.js

@@ -0,0 +1,57 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { classes } from "../_internal/classes.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/navbar/navbar.tsx
+function Navbar(props) {
+	const { children, ref, class: className, ...rest } = props;
+	return /* @__PURE__ */ jsx("nav", {
+		...rest,
+		ref,
+		class: classes("navbar", className),
+		"data-slot": "navbar",
+		children
+	});
+}
+function NavBrand(props) {
+	const { children, ref, class: className, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		class: classes("navbar-brand", className),
+		"data-slot": "navbar-brand",
+		children
+	});
+}
+function NavGroup(props) {
+	const { children, ref, class: className, ...rest } = props;
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		class: classes("navbar-group", className),
+		"data-slot": "navbar-group",
+		children
+	});
+}
+function NavItem(props) {
+	const { asChild, children, ref, class: className, variant = "default", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		class: classes("navbar-item", variant === "icon" && "navbar-item-icon", className),
+		"data-slot": "nav-item",
+		"data-variant": variant
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("a", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { NavBrand, NavGroup, NavItem, Navbar };
+
+//# sourceMappingURL=navbar.js.map

package/dist/navbar/navbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.js","names":[],"sources":["../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  NavBrandProps,\n  NavGroupProps,\n  NavItemAsChildProps,\n  NavItemProps,\n  NavbarProps,\n} from \"./navbar.types\";\nimport { classes } from \"../_internal/classes\";\n\nexport function Navbar(props: NavbarProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n\n  return (\n    <nav {...rest} ref={ref} class={classes(\"navbar\", className)} data-slot=\"navbar\">\n      {children}\n    </nav>\n  );\n}\n\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"navbar-brand\", className)} data-slot=\"navbar-brand\">\n      {children}\n    </div>\n  );\n}\n\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"navbar-group\", className)} data-slot=\"navbar-group\">\n      {children}\n    </div>\n  );\n}\n\nexport function NavItem(props: NavItemProps): JSX.Element;\nexport function NavItem(props: NavItemAsChildProps): JSX.Element;\nexport function NavItem(props: NavItemProps | NavItemAsChildProps): JSX.Element {\n  const { asChild, children, ref, class: className, variant = \"default\", ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"navbar-item\", variant === \"icon\" && \"navbar-item-icon\", className),\n    \"data-slot\": \"nav-item\",\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <a {...finalProps}>{children}</a>;\n}\n"],"mappings":";;;;;AAWA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,UAAU,UAAU;EAAE,aAAU;EACrE;EACG,CAAA;;AAIV,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,gBAAgB,UAAU;EAAE,aAAU;EAC3E;EACG,CAAA;;AAIV,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;AAErD,QACE,oBAAC,OAAD;EAAK,GAAI;EAAW;EAAK,OAAO,QAAQ,gBAAgB,UAAU;EAAE,aAAU;EAC3E;EACG,CAAA;;AAMV,SAAgB,QAAQ,OAAwD;CAC9E,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,UAAU,WAAW,GAAG,SAAS;CAEnF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,eAAe,YAAY,UAAU,oBAAoB,UAAU;EAClF,aAAa;EACb,gBAAgB;EACjB,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,KAAD;EAAG,GAAI;EAAa;EAAa,CAAA"}

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

@@ -0,0 +1,29 @@
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/navbar/navbar.types.d.ts
+type NavbarProps = Omit<JSX.IntrinsicElements["nav"], "children"> & {
+  children?: unknown;
+};
+type NavBrandProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
+  children?: unknown;
+};
+type NavGroupProps = Omit<JSX.IntrinsicElements["div"], "children"> & {
+  children?: unknown;
+};
+type NavItemVariant = "default" | "icon";
+type NavItemOwnProps = {
+  children?: unknown;
+  variant?: NavItemVariant;
+};
+type NavItemProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & NavItemOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLAnchorElement>;
+};
+type NavItemAsChildProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref"> & NavItemOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+//#endregion
+export { NavBrandProps, NavGroupProps, NavItemAsChildProps, NavItemProps, NavItemVariant, NavbarProps };
+//# sourceMappingURL=navbar.types.d.ts.map

package/dist/section/index.d.ts

@@ -0,0 +1,2 @@
+import { SectionAsChildProps, SectionElementProps, SectionOwnProps, SectionProps } from "./section.types.js";
+import { Section } from "./section.js";

package/dist/section/section.d.ts

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

package/dist/section/section.js

@@ -0,0 +1,40 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { serializeResponsiveValueIf } from "../_internal/layout.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/section/section.tsx
+function isSectionSizeToken(value) {
+	return typeof value === "string" && [
+		"1",
+		"2",
+		"3",
+		"4"
+	].includes(value.trim());
+}
+function Section(props) {
+	const { asChild, children, size = "3", ref, style: userStyle, ...rest } = props;
+	const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);
+	const layoutStyle = {};
+	applyBoxLayoutStyles(layoutStyle, boxProps);
+	const finalProps = mergeProps(passthroughProps, {
+		ref,
+		"data-slot": "section",
+		"data-ak-layout": "true",
+		"data-size": serializeResponsiveValueIf(size, isSectionSizeToken),
+		style: withBoxLayoutStyle(layoutStyle, userStyle)
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("section", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { Section };
+
+//# sourceMappingURL=section.js.map

package/dist/section/section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.js","names":[],"sources":["../../src/components/section/section.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 { serializeResponsiveValueIf } from \"../_internal/layout\";\nimport type { SectionAsChildProps, SectionElementProps } from \"./section.types\";\n\nfunction isSectionSizeToken(value: unknown): value is string {\n  return typeof value === \"string\" && [\"1\", \"2\", \"3\", \"4\"].includes(value.trim());\n}\n\nexport function Section(props: SectionElementProps): JSX.Element;\nexport function Section(props: SectionAsChildProps): JSX.Element;\nexport function Section(props: SectionElementProps | SectionAsChildProps) {\n  const { asChild, children, size = \"3\", 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\": \"section\",\n    \"data-ak-layout\": \"true\",\n    \"data-size\": serializeResponsiveValueIf(size, isSectionSizeToken),\n    style: withBoxLayoutStyle(layoutStyle, userStyle),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <section {...finalProps}>{children}</section>;\n}\n"],"mappings":";;;;;;AAUA,SAAS,mBAAmB,OAAiC;AAC3D,QAAO,OAAO,UAAU,YAAY;EAAC;EAAK;EAAK;EAAK;EAAI,CAAC,SAAS,MAAM,MAAM,CAAC;;AAKjF,SAAgB,QAAQ,OAAkD;CACxE,MAAM,EAAE,SAAS,UAAU,OAAO,KAAK,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,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,aAAa,2BAA2B,MAAM,mBAAmB;EACjE,OAAO,mBAAmB,aAAa,UAAU;EAClD,CAAC;AAEF,KAAI,QACF,QAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;AAG7D,QAAO,oBAAC,WAAD;EAAS,GAAI;EAAa;EAAmB,CAAA"}

package/dist/section/section.types.d.ts

@@ -0,0 +1,22 @@
+import { BoxLayoutOwnProps, LayoutResponsive } from "../box/box.types.js";
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/section/section.types.d.ts
+type SectionOwnProps = BoxLayoutOwnProps & {
+  size?: LayoutResponsive<"1" | "2" | "3" | "4">;
+  children?: unknown;
+};
+type SectionElementProps = Omit<JSX.IntrinsicElements["section"], "children" | "ref"> & SectionOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLElement>;
+};
+type SectionAsChildProps = SectionOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+  style?: JSX.IntrinsicElements["section"]["style"];
+};
+type SectionProps = SectionElementProps | SectionAsChildProps;
+//#endregion
+export { SectionAsChildProps, SectionElementProps, SectionOwnProps, SectionProps };
+//# sourceMappingURL=section.types.d.ts.map

package/dist/separator/index.d.ts

@@ -0,0 +1,2 @@
+import { SeparatorAsChildProps, SeparatorNativeProps, SeparatorOwnProps, SeparatorProps } from "./separator.types.js";
+import { Separator } from "./separator.js";

package/dist/separator/separator.d.ts

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

package/dist/separator/separator.js

@@ -0,0 +1,27 @@
+import { mergeProps } from "../_internal/merge-props.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+import { Slot } from "@askrjs/askr/foundations";
+//#region src/components/separator/separator.tsx
+function Separator(props) {
+	const { asChild, children, decorative = false, orientation = "horizontal", ref, ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		ref,
+		"data-slot": "separator",
+		"data-orientation": orientation,
+		role: decorative ? "presentation" : "separator",
+		"aria-orientation": decorative ? void 0 : orientation
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("div", {
+		...finalProps,
+		children
+	});
+}
+//#endregion
+export { Separator };
+
+//# sourceMappingURL=separator.js.map

package/dist/separator/separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","names":[],"sources":["../../src/components/separator/separator.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { SeparatorAsChildProps, SeparatorNativeProps } from \"./separator.types\";\n\nexport function Separator(props: SeparatorNativeProps): JSX.Element;\nexport function Separator(props: SeparatorAsChildProps): JSX.Element;\nexport function Separator(props: SeparatorNativeProps | SeparatorAsChildProps) {\n  const { asChild, children, decorative = false, orientation = \"horizontal\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"separator\",\n    \"data-orientation\": orientation,\n    role: decorative ? \"presentation\" : \"separator\",\n    \"aria-orientation\": decorative ? undefined : orientation,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;AAMA,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EAAE,SAAS,UAAU,aAAa,OAAO,cAAc,cAAc,KAAK,GAAG,SAAS;CAE5F,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,oBAAoB;EACpB,MAAM,aAAa,iBAAiB;EACpC,oBAAoB,aAAa,KAAA,IAAY;EAC9C,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/separator/separator.types.d.ts

@@ -0,0 +1,21 @@
+import { JSXElement, Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/separator/separator.types.d.ts
+type SeparatorOwnProps = {
+  decorative?: boolean;
+  orientation?: "horizontal" | "vertical";
+  children?: unknown;
+};
+type SeparatorNativeProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & SeparatorOwnProps & {
+  asChild?: false;
+  ref?: Ref<HTMLDivElement>;
+};
+type SeparatorAsChildProps = SeparatorOwnProps & {
+  asChild: true;
+  children: JSXElement;
+  ref?: Ref<unknown>;
+};
+type SeparatorProps = SeparatorNativeProps | SeparatorAsChildProps;
+//#endregion
+export { SeparatorAsChildProps, SeparatorNativeProps, SeparatorOwnProps, SeparatorProps };
+//# sourceMappingURL=separator.types.d.ts.map

package/dist/sidebar-layout/index.d.ts

@@ -0,0 +1,2 @@
+import { SidebarLayoutProps, SidebarPosition } from "./sidebar-layout.types.js";
+import { SidebarLayout } from "./sidebar-layout.js";

package/dist/sidebar-layout/sidebar-layout.d.ts

@@ -0,0 +1,7 @@
+import { SidebarLayoutProps } from "./sidebar-layout.types.js";
+
+//#region src/components/sidebar-layout/sidebar-layout.d.ts
+declare function SidebarLayout(props: SidebarLayoutProps): JSX.Element;
+//#endregion
+export { SidebarLayout };
+//# sourceMappingURL=sidebar-layout.d.ts.map

package/dist/sidebar-layout/sidebar-layout.js

@@ -0,0 +1,51 @@
+import { isCssLength, mergeLayoutStyles, serializeValueIf } from "../_internal/layout.js";
+import { jsx } from "@askrjs/askr/jsx-runtime";
+//#region src/components/sidebar-layout/sidebar-layout.tsx
+function isThemeGapToken(value) {
+	return typeof value === "string" && [
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	].includes(value.trim());
+}
+function isThemeSidebarWidthToken(value) {
+	return typeof value === "string" && [
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	].includes(value.trim());
+}
+function SidebarLayout(props) {
+	const { sidebar, children, sidebarPosition = "start", sidebarWidth, gap, collapseBelow, ref, style: userStyle, ...rest } = props;
+	const wrapperStyle = {};
+	if (isCssLength(gap)) wrapperStyle.gap = gap;
+	const sidebarStyle = {};
+	if (isCssLength(sidebarWidth)) {
+		sidebarStyle.width = sidebarWidth;
+		sidebarStyle.flexBasis = sidebarWidth;
+	}
+	return /* @__PURE__ */ jsx("div", {
+		...rest,
+		ref,
+		"data-slot": "sidebar-layout",
+		"data-sidebar-position": sidebarPosition,
+		"data-sidebar-width": serializeValueIf(sidebarWidth, isThemeSidebarWidthToken),
+		"data-gap": serializeValueIf(gap, isThemeGapToken),
+		"data-collapse-below": collapseBelow,
+		style: mergeLayoutStyles(wrapperStyle, userStyle),
+		children: [/* @__PURE__ */ jsx("aside", {
+			"data-slot": "sidebar",
+			style: mergeLayoutStyles(sidebarStyle, void 0),
+			children: sidebar
+		}, "sidebar-layout-sidebar"), /* @__PURE__ */ jsx("main", {
+			"data-slot": "main",
+			children
+		}, "sidebar-layout-main")]
+	});
+}
+//#endregion
+export { SidebarLayout };
+
+//# sourceMappingURL=sidebar-layout.js.map

package/dist/sidebar-layout/sidebar-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-layout.js","names":[],"sources":["../../src/components/sidebar-layout/sidebar-layout.tsx"],"sourcesContent":["import { isCssLength, mergeLayoutStyles, serializeValueIf } from \"../_internal/layout\";\nimport type { SidebarLayoutProps } from \"./sidebar-layout.types\";\n\nfunction isThemeGapToken(value: unknown): value is string {\n  return typeof value === \"string\" && [\"sm\", \"md\", \"lg\", \"xl\"].includes(value.trim());\n}\n\nfunction isThemeSidebarWidthToken(value: unknown): value is string {\n  return typeof value === \"string\" && [\"sm\", \"md\", \"lg\", \"xl\"].includes(value.trim());\n}\n\nexport function SidebarLayout(props: SidebarLayoutProps): JSX.Element {\n  const {\n    sidebar,\n    children,\n    sidebarPosition = \"start\",\n    sidebarWidth,\n    gap,\n    collapseBelow,\n    ref,\n    style: userStyle,\n    ...rest\n  } = props;\n\n  const wrapperStyle: Record<string, string | number> = {};\n  if (isCssLength(gap)) wrapperStyle.gap = gap!;\n\n  const sidebarStyle: Record<string, string | number> = {};\n  if (isCssLength(sidebarWidth)) {\n    sidebarStyle.width = sidebarWidth!;\n    sidebarStyle.flexBasis = sidebarWidth!;\n  }\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      data-slot=\"sidebar-layout\"\n      data-sidebar-position={sidebarPosition}\n      data-sidebar-width={serializeValueIf(sidebarWidth, isThemeSidebarWidthToken)}\n      data-gap={serializeValueIf(gap, isThemeGapToken)}\n      data-collapse-below={collapseBelow}\n      style={mergeLayoutStyles(wrapperStyle, userStyle)}\n    >\n      {[\n        <aside\n          key=\"sidebar-layout-sidebar\"\n          data-slot=\"sidebar\"\n          style={mergeLayoutStyles(sidebarStyle, undefined)}\n        >\n          {sidebar}\n        </aside>,\n        <main key=\"sidebar-layout-main\" data-slot=\"main\">\n          {children}\n        </main>,\n      ]}\n    </div>\n  );\n}\n"],"mappings":";;;AAGA,SAAS,gBAAgB,OAAiC;AACxD,QAAO,OAAO,UAAU,YAAY;EAAC;EAAM;EAAM;EAAM;EAAK,CAAC,SAAS,MAAM,MAAM,CAAC;;AAGrF,SAAS,yBAAyB,OAAiC;AACjE,QAAO,OAAO,UAAU,YAAY;EAAC;EAAM;EAAM;EAAM;EAAK,CAAC,SAAS,MAAM,MAAM,CAAC;;AAGrF,SAAgB,cAAc,OAAwC;CACpE,MAAM,EACJ,SACA,UACA,kBAAkB,SAClB,cACA,KACA,eACA,KACA,OAAO,WACP,GAAG,SACD;CAEJ,MAAM,eAAgD,EAAE;AACxD,KAAI,YAAY,IAAI,CAAE,cAAa,MAAM;CAEzC,MAAM,eAAgD,EAAE;AACxD,KAAI,YAAY,aAAa,EAAE;AAC7B,eAAa,QAAQ;AACrB,eAAa,YAAY;;AAG3B,QACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,aAAU;EACV,yBAAuB;EACvB,sBAAoB,iBAAiB,cAAc,yBAAyB;EAC5E,YAAU,iBAAiB,KAAK,gBAAgB;EAChD,uBAAqB;EACrB,OAAO,kBAAkB,cAAc,UAAU;YAEhD,CACC,oBAAC,SAAD;GAEE,aAAU;GACV,OAAO,kBAAkB,cAAc,KAAA,EAAU;aAEhD;GACK,EALF,yBAKE,EACR,oBAAC,QAAD;GAAgC,aAAU;GACvC;GACI,EAFG,sBAEH,CACR;EACG,CAAA"}

package/dist/sidebar-layout/sidebar-layout.types.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from "@askrjs/askr/foundations";
+
+//#region src/components/sidebar-layout/sidebar-layout.types.d.ts
+type SidebarPosition = "start" | "end";
+type SidebarLayoutProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref"> & {
+  /** Content rendered into the sidebar slot (aside). */sidebar?: unknown; /** Content rendered into the main slot. */
+  children?: unknown; /** Which side the sidebar appears on. Defaults to 'start'. */
+  sidebarPosition?: SidebarPosition; /** CSS width for the sidebar. Applied as inline style only when it is a real CSS length. */
+  sidebarWidth?: string; /** CSS gap between sidebar and main. Applied as inline style only when it is a real CSS length. */
+  gap?: string;
+  /**
+   * Named breakpoint below which the layout collapses to a single column.
+   * Official themes recognize `sm`, `md`, `lg`, and `xl`.
+   */
+  collapseBelow?: string;
+  ref?: Ref<HTMLDivElement>;
+};
+//#endregion
+export { SidebarLayoutProps, SidebarPosition };
+//# sourceMappingURL=sidebar-layout.types.d.ts.map

package/dist/skeleton/index.d.ts

@@ -0,0 +1,2 @@
+import { SkeletonAsChildProps, SkeletonOwnProps, SkeletonProps } from "./skeleton.types.js";
+import { Skeleton } from "./skeleton.js";

package/dist/skeleton/skeleton.d.ts

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