@askrjs/themes 0.0.11 → 0.0.13

package/dist/components/section/section.js

@@ -14,5 +14,3 @@ function Section(props) {
 }
 //#endregion
 export { Section };
-
-//# sourceMappingURL=section.js.map

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

@@ -1,6 +1,6 @@
 import { BlockElementProps } from "../block/block.types.js";
+import "../block/index.js";
 //#region src/components/section/section.types.d.ts
 type SectionProps = Omit<BlockElementProps<"section">, "as">;
 //#endregion
-export { SectionProps };
-//# sourceMappingURL=section.types.d.ts.map
+export { SectionProps };

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

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

package/dist/components/separator/separator.d.ts

@@ -1,8 +1,6 @@
 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
+export { Separator };

package/dist/components/separator/separator.js

@@ -1,4 +1,5 @@
 import { mergeProps } from "../_internal/merge-props.js";
+import { intrinsicElement } from "../_internal/jsx.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 import { Slot } from "@askrjs/askr/foundations";
 //#region src/components/separator/separator.tsx
@@ -16,12 +17,7 @@ function Separator(props) {
 		...finalProps,
 		children
 	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
-		children
-	});
+	return intrinsicElement("div", finalProps, children);
 }
 //#endregion
 export { Separator };
-
-//# sourceMappingURL=separator.js.map

package/dist/components/separator/separator.js.map

@@ -1 +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;CAC/C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
+{"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 { intrinsicElement } from \"../_internal/jsx\";\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 intrinsicElement(\"div\", finalProps, children);\n}\n"],"mappings":";;;;;AAOA,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;CAC/C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,iBAAiB,OAAO,YAAY,QAAQ;AACrD"}

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

@@ -1,6 +1,5 @@
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
-
 //#region src/components/separator/separator.types.d.ts
 type SeparatorOwnProps = {
   decorative?: boolean;
@@ -18,5 +17,4 @@ type SeparatorAsChildProps = SeparatorOwnProps & {
 };
 type SeparatorProps = SeparatorNativeProps | SeparatorAsChildProps;
 //#endregion
-export { SeparatorAsChildProps, SeparatorNativeProps, SeparatorOwnProps, SeparatorProps };
-//# sourceMappingURL=separator.types.d.ts.map
+export { SeparatorAsChildProps, SeparatorNativeProps, SeparatorOwnProps, SeparatorProps };

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

@@ -1,2 +1,3 @@
 import { SidebarButtonProps, SidebarCollapsible, SidebarPartProps, SidebarProps, SidebarSide, SidebarTooltipSide, SidebarVariant } from "./sidebar.types.js";
-import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail, SidebarTrigger } from "./sidebar.js";
+import { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarRail, SidebarScope, SidebarTrigger } from "./sidebar.js";
+export { Sidebar, type SidebarButtonProps, type SidebarCollapsible, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, type SidebarPartProps, type SidebarProps, SidebarRail, SidebarScope, type SidebarSide, type SidebarTooltipSide, SidebarTrigger, type SidebarVariant };

package/dist/components/sidebar/sidebar.d.ts

@@ -1,8 +1,7 @@
 import { SidebarButtonProps, SidebarPartProps, SidebarProps } from "./sidebar.types.js";
-
 //#region src/components/sidebar/sidebar.d.ts
 declare function Sidebar(props: SidebarProps): JSX.Element;
-declare function SidebarProvider(props: SidebarPartProps): JSX.Element;
+declare function SidebarScope(props: SidebarPartProps): JSX.Element;
 declare function SidebarInset(props: SidebarPartProps): JSX.Element;
 declare function SidebarContent(props: SidebarPartProps): JSX.Element;
 declare function SidebarHeader(props: SidebarPartProps): JSX.Element;
@@ -18,5 +17,4 @@ declare function SidebarMenuBadge(props: SidebarPartProps): JSX.Element;
 declare function SidebarRail(props: SidebarPartProps): JSX.Element;
 declare function SidebarTrigger(props: SidebarButtonProps): JSX.Element;
 //#endregion
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail, SidebarTrigger };
-//# sourceMappingURL=sidebar.d.ts.map
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarRail, SidebarScope, SidebarTrigger };

package/dist/components/sidebar/sidebar.js

@@ -1,5 +1,6 @@
 import { classes } from "../_internal/classes.js";
 import { mergeProps } from "../_internal/merge-props.js";
+import { intrinsicElement } from "../_internal/jsx.js";
 import { Block } from "../block/block.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 import { Slot } from "@askrjs/askr/foundations";
@@ -12,7 +13,6 @@ function sidebarTooltipProps(tooltip, tooltipSide) {
 }
 function sidebarPart(props, slot, element = "div") {
 	const { as, asChild, children, class: className, ...rest } = props;
-	const Element = as ?? element;
 	const finalProps = mergeProps(rest, {
 		class: className,
 		"data-slot": slot
@@ -22,10 +22,7 @@ function sidebarPart(props, slot, element = "div") {
 		...finalProps,
 		children
 	});
-	return /* @__PURE__ */ jsx(Element, {
-		...finalProps,
-		children
-	});
+	return intrinsicElement(String(as ?? element), finalProps, children);
 }
 function Sidebar(props) {
 	const { children, collapsible = "offcanvas", side = "left", variant = "sidebar", width = "sidebar", shrink = false, ...rest } = props;
@@ -45,8 +42,8 @@ function Sidebar(props) {
 		children
 	});
 }
-function SidebarProvider(props) {
-	return sidebarPart(props, "sidebar-provider");
+function SidebarScope(props) {
+	return sidebarPart(props, "sidebar-scope");
 }
 function SidebarInset(props) {
 	return sidebarPart(props, "sidebar-inset", "main");
@@ -127,6 +124,4 @@ function SidebarTrigger(props) {
 	});
 }
 //#endregion
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail, SidebarTrigger };
-
-//# sourceMappingURL=sidebar.js.map
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarRail, SidebarScope, SidebarTrigger };

package/dist/components/sidebar/sidebar.js.map

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  SidebarButtonProps,\n  SidebarPartProps,\n  SidebarProps,\n  SidebarTooltipSide,\n} from \"./sidebar.types\";\n\nfunction sidebarTooltipProps(\n  tooltip: string | undefined,\n  tooltipSide: SidebarTooltipSide | undefined,\n): Record<string, string | undefined> {\n  return {\n    \"data-tooltip\": tooltip,\n    \"data-tooltip-side\": tooltip ? tooltipSide : undefined,\n  };\n}\n\nfunction sidebarPart(\n  props: SidebarPartProps,\n  slot: string,\n  element: keyof JSX.IntrinsicElements = \"div\",\n): JSX.Element {\n  const { as, asChild, children, class: className, ...rest } = props;\n  const Element = (as ?? element) as \"div\";\n  const finalProps = mergeProps(rest, {\n    class: className,\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <Element {...finalProps}>{children}</Element>;\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsible = \"offcanvas\",\n    side = \"left\",\n    variant = \"sidebar\",\n    width = \"sidebar\",\n    shrink = false,\n    ...rest\n  } = props;\n\n  return (\n    <Block\n      as=\"aside\"\n      width={width}\n      shrink={shrink}\n      minHeight=\"screen\"\n      padding=\"md\"\n      gap=\"lg\"\n      borderRight={true}\n      {...rest}\n      data-collapsible={collapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-variant={variant}\n    >\n      {children}\n    </Block>\n  );\n}\n\nexport function SidebarProvider(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-provider\");\n}\n\nexport function SidebarInset(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-inset\", \"main\");\n}\n\nexport function SidebarContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-content\");\n}\n\nexport function SidebarHeader(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-header\");\n}\n\nexport function SidebarFooter(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-footer\");\n}\n\nexport function SidebarGroup(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group\");\n}\n\nexport function SidebarGroupLabel(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-label\");\n}\n\nexport function SidebarGroupContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-content\");\n}\n\nexport function SidebarMenu(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu\", \"ul\");\n}\n\nexport function SidebarMenuItem(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-item\", \"li\");\n}\n\nexport function SidebarMenuButton(props: SidebarButtonProps): JSX.Element {\n  const {\n    active,\n    asChild,\n    children,\n    class: className,\n    size,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    variant,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-size\": size && size !== \"default\" ? size : undefined,\n    \"data-slot\": \"sidebar-menu-button\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuAction(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type}\n      {...mergeProps(rest, {\n        class: classes(className),\n        \"data-slot\": \"sidebar-menu-action\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuBadge(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-badge\", \"span\");\n}\n\nexport function SidebarRail(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-rail\", \"button\");\n}\n\nexport function SidebarTrigger(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type}\n      {...mergeProps(rest, {\n        class: classes(\"btn btn-ghost btn-icon\", className),\n        \"data-slot\": \"sidebar-trigger\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":";;;;;;AAWA,SAAS,oBACP,SACA,aACoC;CACpC,OAAO;EACL,gBAAgB;EAChB,qBAAqB,UAAU,cAAc,KAAA;CAC/C;AACF;AAEA,SAAS,YACP,OACA,MACA,UAAuC,OAC1B;CACb,MAAM,EAAE,IAAI,SAAS,UAAU,OAAO,WAAW,GAAG,SAAS;CAC7D,MAAM,UAAW,MAAM;CACvB,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO;EACP,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,oBAAC,SAAD;EAAS,GAAI;EAAa;CAAkB,CAAA;AACrD;AAEA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EACJ,UACA,cAAc,aACd,OAAO,QACP,UAAU,WACV,QAAQ,WACR,SAAS,OACT,GAAG,SACD;CAEJ,OACE,oBAAC,OAAD;EACE,IAAG;EACI;EACC;EACR,WAAU;EACV,SAAQ;EACR,KAAI;EACJ,aAAa;EACb,GAAI;EACJ,oBAAkB;EAClB,aAAW;EACX,aAAU;EACV,gBAAc;EAEb;CACI,CAAA;AAEX;AAEA,SAAgB,gBAAgB,OAAsC;CACpE,OAAO,YAAY,OAAO,kBAAkB;AAC9C;AAEA,SAAgB,aAAa,OAAsC;CACjE,OAAO,YAAY,OAAO,iBAAiB,MAAM;AACnD;AAEA,SAAgB,eAAe,OAAsC;CACnE,OAAO,YAAY,OAAO,iBAAiB;AAC7C;AAEA,SAAgB,cAAc,OAAsC;CAClE,OAAO,YAAY,OAAO,gBAAgB;AAC5C;AAEA,SAAgB,cAAc,OAAsC;CAClE,OAAO,YAAY,OAAO,gBAAgB;AAC5C;AAEA,SAAgB,aAAa,OAAsC;CACjE,OAAO,YAAY,OAAO,eAAe;AAC3C;AAEA,SAAgB,kBAAkB,OAAsC;CACtE,OAAO,YAAY,OAAO,qBAAqB;AACjD;AAEA,SAAgB,oBAAoB,OAAsC;CACxE,OAAO,YAAY,OAAO,uBAAuB;AACnD;AAEA,SAAgB,YAAY,OAAsC;CAChE,OAAO,YAAY,OAAO,gBAAgB,IAAI;AAChD;AAEA,SAAgB,gBAAgB,OAAsC;CACpE,OAAO,YAAY,OAAO,qBAAqB,IAAI;AACrD;AAEA,SAAgB,kBAAkB,OAAwC;CACxE,MAAM,EACJ,QACA,SACA,UACA,OAAO,WACP,MACA,SACA,aACA,OAAO,UACP,SACA,GAAG,SACD;CACJ,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QAAQ,SAAS;EACxB,eAAe,SAAS,SAAS,KAAA;EACjC,aAAa,QAAQ,SAAS,YAAY,OAAO,KAAA;EACjD,aAAa;EACb,GAAG,oBAAoB,SAAS,WAAW;EAC3C,gBAAgB,WAAW,YAAY,YAAY,UAAU,KAAA;CAC/D,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OACE,oBAAC,UAAD;EAAc;EAAM,GAAI;EACrB;CACK,CAAA;AAEZ;AAEA,SAAgB,kBAAkB,OAAwC;CACxE,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,aAAa,OAAO,UAAU,GAAG,SAAS;CACvF,OACE,oBAAC,UAAD;EACQ;EACN,GAAI,WAAW,MAAM;GACnB,OAAO,QAAQ,SAAS;GACxB,aAAa;GACb,GAAG,oBAAoB,SAAS,WAAW;EAC7C,CAAC;EAEA;CACK,CAAA;AAEZ;AAEA,SAAgB,iBAAiB,OAAsC;CACrE,OAAO,YAAY,OAAO,sBAAsB,MAAM;AACxD;AAEA,SAAgB,YAAY,OAAsC;CAChE,OAAO,YAAY,OAAO,gBAAgB,QAAQ;AACpD;AAEA,SAAgB,eAAe,OAAwC;CACrE,MAAM,EAAE,UAAU,OAAO,WAAW,SAAS,aAAa,OAAO,UAAU,GAAG,SAAS;CACvF,OACE,oBAAC,UAAD;EACQ;EACN,GAAI,WAAW,MAAM;GACnB,OAAO,QAAQ,0BAA0B,SAAS;GAClD,aAAa;GACb,GAAG,oBAAoB,SAAS,WAAW;EAC7C,CAAC;EAEA;CACK,CAAA;AAEZ"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type {\n  SidebarButtonProps,\n  SidebarPartProps,\n  SidebarProps,\n  SidebarTooltipSide,\n} from \"./sidebar.types\";\n\nfunction sidebarTooltipProps(\n  tooltip: string | undefined,\n  tooltipSide: SidebarTooltipSide | undefined,\n): Record<string, string | undefined> {\n  return {\n    \"data-tooltip\": tooltip,\n    \"data-tooltip-side\": tooltip ? tooltipSide : undefined,\n  };\n}\n\nfunction sidebarPart(\n  props: SidebarPartProps,\n  slot: string,\n  element: keyof JSX.IntrinsicElements = \"div\",\n): JSX.Element {\n  const { as, asChild, children, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: className,\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return intrinsicElement(String(as ?? element), finalProps, children);\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsible = \"offcanvas\",\n    side = \"left\",\n    variant = \"sidebar\",\n    width = \"sidebar\",\n    shrink = false,\n    ...rest\n  } = props;\n\n  return (\n    <Block\n      as=\"aside\"\n      width={width}\n      shrink={shrink}\n      minHeight=\"screen\"\n      padding=\"md\"\n      gap=\"lg\"\n      borderRight={true}\n      {...rest}\n      data-collapsible={collapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-variant={variant}\n    >\n      {children}\n    </Block>\n  );\n}\n\nexport function SidebarScope(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-scope\");\n}\n\nexport function SidebarInset(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-inset\", \"main\");\n}\n\nexport function SidebarContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-content\");\n}\n\nexport function SidebarHeader(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-header\");\n}\n\nexport function SidebarFooter(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-footer\");\n}\n\nexport function SidebarGroup(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group\");\n}\n\nexport function SidebarGroupLabel(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-label\");\n}\n\nexport function SidebarGroupContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-content\");\n}\n\nexport function SidebarMenu(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu\", \"ul\");\n}\n\nexport function SidebarMenuItem(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-item\", \"li\");\n}\n\nexport function SidebarMenuButton(props: SidebarButtonProps): JSX.Element {\n  const {\n    active,\n    asChild,\n    children,\n    class: className,\n    size,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    variant,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-size\": size && size !== \"default\" ? size : undefined,\n    \"data-slot\": \"sidebar-menu-button\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuAction(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type as \"button\" | \"submit\" | \"reset\" | undefined}\n      {...mergeProps(rest, {\n        class: classes(className),\n        \"data-slot\": \"sidebar-menu-action\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuBadge(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-badge\", \"span\");\n}\n\nexport function SidebarRail(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-rail\", \"button\");\n}\n\nexport function SidebarTrigger(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type as \"button\" | \"submit\" | \"reset\" | undefined}\n      {...mergeProps(rest, {\n        class: classes(\"btn btn-ghost btn-icon\", className),\n        \"data-slot\": \"sidebar-trigger\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { BlockElementProps } from "../block/block.types.js";
+import "../block/index.js";
 //#region src/components/sidebar/sidebar.types.d.ts
 type SidebarCollapsible = "offcanvas" | "icon" | "none";
 type SidebarSide = "left" | "right";
@@ -24,5 +25,4 @@ type SidebarButtonProps = JSX.IntrinsicElements["button"] & {
   variant?: "default" | "outline";
 };
 //#endregion
-export { SidebarButtonProps, SidebarCollapsible, SidebarPartProps, SidebarProps, SidebarSide, SidebarTooltipSide, SidebarVariant };
-//# sourceMappingURL=sidebar.types.d.ts.map
+export { SidebarButtonProps, SidebarCollapsible, SidebarPartProps, SidebarProps, SidebarSide, SidebarTooltipSide, SidebarVariant };

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

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

package/dist/components/skeleton/skeleton.d.ts

@@ -1,8 +1,6 @@
 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
+export { Skeleton };

package/dist/components/skeleton/skeleton.js

@@ -2,6 +2,7 @@ import { classes } from "../_internal/classes.js";
 import { mergeProps } from "../_internal/merge-props.js";
 import { styleDeclarationsToClass } from "../_internal/style.js";
 import { mergeLayoutStyles } from "../_internal/block-layout.js";
+import { intrinsicElement } from "../_internal/jsx.js";
 import { jsx } from "@askrjs/askr/jsx-runtime";
 import { Slot } from "@askrjs/askr/foundations";
 //#region src/components/skeleton/skeleton.tsx
@@ -11,12 +12,14 @@ function resolveSkeletonDimension(value) {
 }
 function Skeleton(props) {
 	const { asChild, children, class: classProp, className, height, ref, style, width, ...rest } = props;
+	const dimensions = {};
+	const blockSize = resolveSkeletonDimension(height);
+	const inlineSize = resolveSkeletonDimension(width);
+	if (blockSize !== void 0) dimensions.blockSize = blockSize;
+	if (inlineSize !== void 0) dimensions.inlineSize = inlineSize;
 	const finalProps = mergeProps(rest, {
 		ref,
-		class: classes(classProp, className, styleDeclarationsToClass(mergeLayoutStyles({
-			blockSize: resolveSkeletonDimension(height),
-			inlineSize: resolveSkeletonDimension(width)
-		}, style))),
+		class: classes(classProp, className, styleDeclarationsToClass(mergeLayoutStyles(dimensions, style))),
 		"data-slot": "skeleton",
 		"data-skeleton": "true",
 		"aria-hidden": "true"
@@ -26,12 +29,7 @@ function Skeleton(props) {
 		...finalProps,
 		children
 	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
-		children
-	});
+	return intrinsicElement("div", finalProps, children);
 }
 //#endregion
 export { Skeleton };
-
-//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeLayoutStyles } from \"../_internal/block-layout\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport type { SkeletonAsChildProps, SkeletonProps } from \"./skeleton.types\";\n\nfunction resolveSkeletonDimension(value: string | number | undefined): string | undefined {\n  if (typeof value === \"number\") return `${value}px`;\n  return value;\n}\n\nexport function Skeleton(props: SkeletonProps): JSX.Element;\nexport function Skeleton(props: SkeletonAsChildProps): JSX.Element;\nexport function Skeleton(props: SkeletonProps | SkeletonAsChildProps) {\n  const {\n    asChild,\n    children,\n    class: classProp,\n    className,\n    height,\n    ref,\n    style,\n    width,\n    ...rest\n  } = props as (SkeletonProps | SkeletonAsChildProps) & {\n    class?: unknown;\n    className?: unknown;\n    style?: unknown;\n  };\n  const layoutClass = styleDeclarationsToClass(\n    mergeLayoutStyles(\n      {\n        blockSize: resolveSkeletonDimension(height),\n        inlineSize: resolveSkeletonDimension(width),\n      },\n      style,\n    ),\n  );\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(classProp, className, layoutClass),\n    \"data-slot\": \"skeleton\",\n    \"data-skeleton\": \"true\",\n    \"aria-hidden\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n"],"mappings":";;;;;;;AAOA,SAAS,yBAAyB,OAAwD;CACxF,IAAI,OAAO,UAAU,UAAU,OAAO,GAAG,MAAM;CAC/C,OAAO;AACT;AAIA,SAAgB,SAAS,OAA6C;CACpE,MAAM,EACJ,SACA,UACA,OAAO,WACP,WACA,QACA,KACA,OACA,OACA,GAAG,SACD;CAcJ,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,WAAW,WAXR,yBAClB,kBACE;GACE,WAAW,yBAAyB,MAAM;GAC1C,YAAY,yBAAyB,KAAK;EAC5C,GACA,KACF,CAI+C,CAAC;EAChD,aAAa;EACb,iBAAiB;EACjB,eAAe;CACjB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeLayoutStyles } from \"../_internal/block-layout\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport type { SkeletonAsChildProps, SkeletonProps } from \"./skeleton.types\";\n\nfunction resolveSkeletonDimension(value: string | number | undefined): string | undefined {\n  if (typeof value === \"number\") return `${value}px`;\n  return value;\n}\n\nexport function Skeleton(props: SkeletonProps): JSX.Element;\nexport function Skeleton(props: SkeletonAsChildProps): JSX.Element;\nexport function Skeleton(props: SkeletonProps | SkeletonAsChildProps) {\n  const {\n    asChild,\n    children,\n    class: classProp,\n    className,\n    height,\n    ref,\n    style,\n    width,\n    ...rest\n  } = props as (SkeletonProps | SkeletonAsChildProps) & {\n    class?: unknown;\n    className?: unknown;\n    style?: unknown;\n  };\n  const dimensions: Record<string, string | number> = {};\n  const blockSize = resolveSkeletonDimension(height);\n  const inlineSize = resolveSkeletonDimension(width);\n  if (blockSize !== undefined) dimensions.blockSize = blockSize;\n  if (inlineSize !== undefined) dimensions.inlineSize = inlineSize;\n  const layoutClass = styleDeclarationsToClass(mergeLayoutStyles(dimensions, style));\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(classProp, className, layoutClass),\n    \"data-slot\": \"skeleton\",\n    \"data-skeleton\": \"true\",\n    \"aria-hidden\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return intrinsicElement(\"div\", finalProps, children);\n}\n"],"mappings":";;;;;;;;AAQA,SAAS,yBAAyB,OAAwD;CACxF,IAAI,OAAO,UAAU,UAAU,OAAO,GAAG,MAAM;CAC/C,OAAO;AACT;AAIA,SAAgB,SAAS,OAA6C;CACpE,MAAM,EACJ,SACA,UACA,OAAO,WACP,WACA,QACA,KACA,OACA,OACA,GAAG,SACD;CAKJ,MAAM,aAA8C,CAAC;CACrD,MAAM,YAAY,yBAAyB,MAAM;CACjD,MAAM,aAAa,yBAAyB,KAAK;CACjD,IAAI,cAAc,KAAA,GAAW,WAAW,YAAY;CACpD,IAAI,eAAe,KAAA,GAAW,WAAW,aAAa;CAEtD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,WAAW,WAHR,yBAAyB,kBAAkB,YAAY,KAAK,CAG/B,CAAC;EAChD,aAAa;EACb,iBAAiB;EACjB,eAAe;CACjB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,iBAAiB,OAAO,YAAY,QAAQ;AACrD"}

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

@@ -1,6 +1,5 @@
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
-
 //#region src/components/skeleton/skeleton.types.d.ts
 type SkeletonOwnProps = {
   children?: unknown;
@@ -17,5 +16,4 @@ type SkeletonAsChildProps = SkeletonOwnProps & {
   ref?: Ref<unknown>;
 };
 //#endregion
-export { SkeletonAsChildProps, SkeletonOwnProps, SkeletonProps };
-//# sourceMappingURL=skeleton.types.d.ts.map
+export { SkeletonAsChildProps, SkeletonOwnProps, SkeletonProps };

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

@@ -1,2 +1,3 @@
 import { SpinnerOwnProps, SpinnerProps, SpinnerSize } from "./spinner.types.js";
-import { Spinner } from "./spinner.js";
+import { Spinner } from "./spinner.js";
+export { Spinner, type SpinnerOwnProps, type SpinnerProps, type SpinnerSize };

package/dist/components/spinner/spinner.d.ts

@@ -1,7 +1,5 @@
 import { SpinnerProps } from "./spinner.types.js";
-
 //#region src/components/spinner/spinner.d.ts
 declare function Spinner(props: SpinnerProps): JSX.Element;
 //#endregion
-export { Spinner };
-//# sourceMappingURL=spinner.d.ts.map
+export { Spinner };

package/dist/components/spinner/spinner.js

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

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

@@ -1,5 +1,4 @@
 import { ProgressCircleProps } from "@askrjs/ui";
-
 //#region src/components/spinner/spinner.types.d.ts
 type SpinnerSize = "sm" | "md" | "lg";
 type SpinnerOwnProps = Omit<ProgressCircleProps, "value" | "getValueLabel"> & {
@@ -8,5 +7,4 @@ type SpinnerOwnProps = Omit<ProgressCircleProps, "value" | "getValueLabel"> & {
 };
 type SpinnerProps = SpinnerOwnProps;
 //#endregion
-export { SpinnerOwnProps, SpinnerProps, SpinnerSize };
-//# sourceMappingURL=spinner.types.d.ts.map
+export { SpinnerOwnProps, SpinnerProps, SpinnerSize };

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

@@ -1,2 +1,3 @@
 import { StatDescriptionProps, StatLabelProps, StatProps, StatValueProps } from "./stat.types.js";
-import { Stat, StatDescription, StatLabel, StatValue } from "./stat.js";
+import { Stat, StatDescription, StatLabel, StatValue } from "./stat.js";
+export { Stat, StatDescription, type StatDescriptionProps, StatLabel, type StatLabelProps, type StatProps, StatValue, type StatValueProps };

package/dist/components/stat/stat.d.ts

@@ -1,10 +1,8 @@
 import { StatDescriptionProps, StatLabelProps, StatProps, StatValueProps } from "./stat.types.js";
-
 //#region src/components/stat/stat.d.ts
 declare function Stat(props: StatProps): JSX.Element;
 declare function StatLabel(props: StatLabelProps): JSX.Element;
 declare function StatValue(props: StatValueProps): JSX.Element;
 declare function StatDescription(props: StatDescriptionProps): JSX.Element;
 //#endregion
-export { Stat, StatDescription, StatLabel, StatValue };
-//# sourceMappingURL=stat.d.ts.map
+export { Stat, StatDescription, StatLabel, StatValue };

package/dist/components/stat/stat.js

@@ -48,5 +48,3 @@ function StatDescription(props) {
 }
 //#endregion
 export { Stat, StatDescription, StatLabel, StatValue };
-
-//# sourceMappingURL=stat.js.map

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

@@ -1,5 +1,4 @@
 import { Ref } from "@askrjs/askr/foundations/utilities";
-
 //#region src/components/stat/stat.types.d.ts
 type DivProps = Omit<JSX.IntrinsicElements["div"], "children" | "ref">;
 type ParagraphProps = Omit<JSX.IntrinsicElements["p"], "children" | "ref">;
@@ -20,5 +19,4 @@ type StatDescriptionProps = ParagraphProps & {
   ref?: Ref<HTMLParagraphElement>;
 };
 //#endregion
-export { StatDescriptionProps, StatLabelProps, StatProps, StatValueProps };
-//# sourceMappingURL=stat.types.d.ts.map
+export { StatDescriptionProps, StatLabelProps, StatProps, StatValueProps };

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

@@ -1,2 +1,3 @@
 import { TextElement, TextFont, TextNumeric, TextProps, TextSize, TextTone, TextWeight, TextWrap } from "./text.types.js";
-import { Text } from "./text.js";
+import { Text } from "./text.js";
+export { Text, type TextElement, type TextFont, type TextNumeric, type TextProps, type TextSize, type TextTone, type TextWeight, type TextWrap };

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

@@ -1,7 +1,5 @@
 import { TextElement, TextProps } from "./text.types.js";
-
 //#region src/components/text/text.d.ts
 declare function Text<TElement extends TextElement = "p">(props: TextProps<TElement>): JSX.Element;
 //#endregion
-export { Text };
-//# sourceMappingURL=text.d.ts.map
+export { Text };

package/dist/components/text/text.js

@@ -1,6 +1,6 @@
 import { classes } from "../_internal/classes.js";
 import { mergeProps } from "../_internal/merge-props.js";
-import { jsx } from "@askrjs/askr/jsx-runtime";
+import { intrinsicElement } from "../_internal/jsx.js";
 //#region src/components/text/text.tsx
 const DEFAULT_ELEMENT = "p";
 function Text(props) {
@@ -17,12 +17,7 @@ function Text(props) {
 		"data-wrap": wrap,
 		"data-truncate": truncate ? "true" : void 0
 	});
-	return /* @__PURE__ */ jsx(as ?? DEFAULT_ELEMENT, {
-		...finalProps,
-		children
-	});
+	return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);
 }
 //#endregion
 export { Text };
-
-//# sourceMappingURL=text.js.map

package/dist/components/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","names":[],"sources":["../../../src/components/text/text.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { TextElement, TextProps } from \"./text.types\";\n\nconst DEFAULT_ELEMENT = \"p\";\n\nexport function Text<TElement extends TextElement = \"p\">(props: TextProps<TElement>): JSX.Element {\n  const {\n    as,\n    size = \"md\",\n    tone = \"default\",\n    weight,\n    font,\n    numeric,\n    wrap,\n    truncate,\n    children,\n    class: classProp,\n    className,\n    ref,\n    ...rest\n  } = props as TextProps<TextElement> & { class?: unknown; className?: unknown };\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"text\", classProp, className),\n    \"data-slot\": \"text\",\n    \"data-size\": size,\n    \"data-tone\": tone,\n    \"data-weight\": weight,\n    \"data-font\": font && font !== \"body\" ? font : undefined,\n    \"data-numeric\": numeric && numeric !== \"normal\" ? numeric : undefined,\n    \"data-wrap\": wrap,\n    \"data-truncate\": truncate ? \"true\" : undefined,\n  });\n\n  const Element = (as ?? DEFAULT_ELEMENT) as keyof JSX.IntrinsicElements;\n  return <Element {...finalProps}>{children}</Element>;\n}\n"],"mappings":";;;;AAIA,MAAM,kBAAkB;AAExB,SAAgB,KAAyC,OAAyC;CAChG,MAAM,EACJ,IACA,OAAO,MACP,OAAO,WACP,QACA,MACA,SACA,MACA,UACA,UACA,OAAO,WACP,WACA,KACA,GAAG,SACD;CAEJ,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,QAAQ,WAAW,SAAS;EAC3C,aAAa;EACb,aAAa;EACb,aAAa;EACb,eAAe;EACf,aAAa,QAAQ,SAAS,SAAS,OAAO,KAAA;EAC9C,gBAAgB,WAAW,YAAY,WAAW,UAAU,KAAA;EAC5D,aAAa;EACb,iBAAiB,WAAW,SAAS,KAAA;CACvC,CAAC;CAGD,OAAO,oBADU,MAAM,iBAChB;EAAS,GAAI;EAAa;CAAkB,CAAA;AACrD"}
+{"version":3,"file":"text.js","names":[],"sources":["../../../src/components/text/text.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type { TextElement, TextProps } from \"./text.types\";\n\nconst DEFAULT_ELEMENT = \"p\";\n\nexport function Text<TElement extends TextElement = \"p\">(props: TextProps<TElement>): JSX.Element {\n  const {\n    as,\n    size = \"md\",\n    tone = \"default\",\n    weight,\n    font,\n    numeric,\n    wrap,\n    truncate,\n    children,\n    class: classProp,\n    className,\n    ref,\n    ...rest\n  } = props as TextProps<TextElement> & { class?: unknown; className?: unknown };\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"text\", classProp, className),\n    \"data-slot\": \"text\",\n    \"data-size\": size,\n    \"data-tone\": tone,\n    \"data-weight\": weight,\n    \"data-font\": font && font !== \"body\" ? font : undefined,\n    \"data-numeric\": numeric && numeric !== \"normal\" ? numeric : undefined,\n    \"data-wrap\": wrap,\n    \"data-truncate\": truncate ? \"true\" : undefined,\n  });\n\n  return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);\n}\n"],"mappings":";;;;AAKA,MAAM,kBAAkB;AAExB,SAAgB,KAAyC,OAAyC;CAChG,MAAM,EACJ,IACA,OAAO,MACP,OAAO,WACP,QACA,MACA,SACA,MACA,UACA,UACA,OAAO,WACP,WACA,KACA,GAAG,SACD;CAEJ,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,QAAQ,WAAW,SAAS;EAC3C,aAAa;EACb,aAAa;EACb,aAAa;EACb,eAAe;EACf,aAAa,QAAQ,SAAS,SAAS,OAAO,KAAA;EAC9C,gBAAgB,WAAW,YAAY,WAAW,UAAU,KAAA;EAC5D,aAAa;EACb,iBAAiB,WAAW,SAAS,KAAA;CACvC,CAAC;CAED,OAAO,iBAAiB,MAAM,iBAAiB,YAAY,QAAQ;AACrE"}

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

@@ -1,5 +1,4 @@
 import { Ref } from "@askrjs/askr/foundations/utilities";
-
 //#region src/components/text/text.types.d.ts
 type TextElement = "p" | "span" | "div" | "strong";
 type TextSize = "sm" | "md" | "lg";
@@ -22,5 +21,4 @@ type TextProps<TElement extends TextElement = "p"> = TextIntrinsicProps<TElement
   ref?: Ref<HTMLElement>;
 };
 //#endregion
-export { TextElement, TextFont, TextNumeric, TextProps, TextSize, TextTone, TextWeight, TextWrap };
-//# sourceMappingURL=text.types.d.ts.map
+export { TextElement, TextFont, TextNumeric, TextProps, TextSize, TextTone, TextWeight, TextWrap };

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

@@ -1 +1,2 @@
-import { CAT_THEME_NAMES, CAT_THEME_OPTIONS, CatThemeName, DEFAULT_THEME_OPTIONS, ThemeContextValue, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, useTheme } from "./theme.js";
+import { CAT_THEME_NAMES, CAT_THEME_OPTIONS, CatThemeName, DEFAULT_THEME_OPTIONS, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeScope, ThemeScopeProps, ThemeScopeValue, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, theme } from "./theme.js";
+export { CAT_THEME_NAMES, CAT_THEME_OPTIONS, type CatThemeName, DEFAULT_THEME_OPTIONS, type ThemeName, type ThemeOption, ThemePicker, type ThemePickerProps, ThemeScope, type ThemeScopeProps, type ThemeScopeValue, ThemeToggle, type ThemeToggleProps, type ThemeToggleRenderContext, theme };

package/dist/components/theme/theme.d.ts

@@ -1,5 +1,4 @@
 import { ButtonNativeProps, PressEvent } from "@askrjs/ui";
-
 //#region src/components/theme/theme.d.ts
 declare const CAT_THEME_NAMES: readonly ["tabby", "ginger", "tuxedo", "calico", "torty"];
 type CatThemeName = (typeof CAT_THEME_NAMES)[number];
@@ -8,13 +7,13 @@ type ThemeOption = {
   value: ThemeName;
   label: string;
 };
-type ThemeContextValue = {
+type ThemeScopeValue = {
   theme: () => ThemeName;
   setTheme: (theme: ThemeName) => void;
   themes: readonly ThemeOption[];
   storageKey: string;
 };
-type ThemeProviderProps = {
+type ThemeScopeProps = {
   children?: unknown;
   defaultTheme?: ThemeName;
   themes?: readonly ThemeOption[];
@@ -38,10 +37,9 @@ type ThemeToggleProps = Omit<ButtonNativeProps, "children" | "onPress"> & {
 };
 declare const DEFAULT_THEME_OPTIONS: readonly ThemeOption[];
 declare const CAT_THEME_OPTIONS: readonly ThemeOption[];
-declare function useTheme(): ThemeContextValue;
-declare function ThemeProvider(props: ThemeProviderProps): JSX.Element;
+declare function theme(): ThemeScopeValue;
+declare function ThemeScope(props: ThemeScopeProps): JSX.Element;
 declare function ThemePicker(props: ThemePickerProps): JSX.Element;
 declare function ThemeToggle(props: ThemeToggleProps): JSX.Element;
 //#endregion
-export { CAT_THEME_NAMES, CAT_THEME_OPTIONS, CatThemeName, DEFAULT_THEME_OPTIONS, ThemeContextValue, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeProvider, ThemeProviderProps, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, useTheme };
-//# sourceMappingURL=theme.d.ts.map
+export { CAT_THEME_NAMES, CAT_THEME_OPTIONS, CatThemeName, DEFAULT_THEME_OPTIONS, ThemeName, ThemeOption, ThemePicker, ThemePickerProps, ThemeScope, ThemeScopeProps, ThemeScopeValue, ThemeToggle, ThemeToggleProps, ThemeToggleRenderContext, theme };