@askrjs/themes 0.0.10 → 0.0.12

package/dist/components/nav/nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"nav.js","names":[],"sources":["../../../src/components/nav/nav.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { currentRoute, Link, navigate } from \"@askrjs/askr/router\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  NavItemAsChildProps,\n  NavItemProps,\n  NavLinkProps,\n  PillProps,\n  PillsAsChildProps,\n  PillsProps,\n  TabProps,\n  TabsAsChildProps,\n  TabsProps,\n} from \"./nav.types\";\n\nfunction normalizePathname(pathname: string): string {\n  return pathname.endsWith(\"/\") && pathname !== \"/\" ? pathname.slice(0, -1) : pathname;\n}\n\nfunction getCurrentPathname(): string | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  return normalizePathname(window.location.pathname || \"/\");\n}\n\nfunction getReactiveCurrentPathname(): string | null {\n  try {\n    return normalizePathname(currentRoute().path || \"/\");\n  } catch {\n    return getCurrentPathname();\n  }\n}\n\nfunction isActiveNavLink(\n  currentPathname: string,\n  targetPathname: string,\n  match: NavLinkProps[\"match\"] = \"prefix\",\n): boolean {\n  if (targetPathname === \"/\") {\n    return currentPathname === \"/\";\n  }\n\n  if (match === \"exact\") {\n    return currentPathname === targetPathname;\n  }\n\n  return currentPathname === targetPathname || currentPathname.startsWith(`${targetPathname}/`);\n}\n\nfunction shouldHandleClientNavigation(\n  event: MouseEvent,\n  target: string | undefined,\n  targetPathname: string | null,\n): boolean {\n  if (targetPathname === null || target) {\n    return false;\n  }\n\n  return (\n    !event.defaultPrevented &&\n    (event.button ?? 0) === 0 &&\n    !event.altKey &&\n    !event.ctrlKey &&\n    !event.metaKey &&\n    !event.shiftKey\n  );\n}\n\nfunction renderNavSet(\n  props: TabsProps | TabsAsChildProps | PillsProps | PillsAsChildProps,\n  slot: \"tabs\" | \"pills\",\n): JSX.Element {\n  const className = \"class\" in props ? props.class : undefined;\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(slot, className),\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nfunction renderRoutedLink(\n  props: NavLinkProps | TabProps | PillProps,\n  slot: \"nav-item\" | \"tab\" | \"pill\",\n  options: { activeBackground?: boolean; className?: string; inheritSlot?: boolean } = {},\n): JSX.Element {\n  const {\n    active,\n    children,\n    href,\n    onClick,\n    ref,\n    class: className,\n    match = \"prefix\",\n    target,\n    ...rest\n  } = props as NavLinkProps & { onClick?: (event: MouseEvent) => void };\n  const inheritedSlot =\n    options.inheritSlot && typeof (rest as Record<string, unknown>)[\"data-slot\"] === \"string\"\n      ? String((rest as Record<string, unknown>)[\"data-slot\"])\n      : undefined;\n  const resolvedSlot = (inheritedSlot ?? slot) as \"nav-item\" | \"tab\" | \"pill\";\n  const inheritedNavClass =\n    slot === \"nav-item\" && resolvedSlot !== \"nav-item\" ? \"nav-item\" : undefined;\n  const { \"data-slot\": _dataSlot, ...childRest } = rest as Record<string, unknown>;\n  void _dataSlot;\n  const currentPathname = getReactiveCurrentPathname();\n  const targetPathname = resolvePathname(href);\n  const routeActive =\n    currentPathname !== null &&\n    targetPathname !== null &&\n    isActiveNavLink(currentPathname, targetPathname, match);\n  const isActive = active ?? routeActive;\n  const activeProps = isActive\n    ? {\n        \"aria-current\": \"page\" as const,\n        \"data-active\": \"true\" as const,\n      }\n    : {\n        \"data-active\": undefined,\n      };\n  const useRouterLink = targetPathname !== null && !target && typeof onClick !== \"function\";\n  const childProps = {\n    ...childRest,\n    href,\n    target,\n  };\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n\n    if (!shouldHandleClientNavigation(event, target, targetPathname)) {\n      return;\n    }\n\n    event.preventDefault();\n    navigate(href);\n  };\n\n  return (\n    <Block\n      asChild\n      paddingX=\"sm\"\n      paddingY=\"xs\"\n      radius={resolvedSlot === \"pill\" ? \"round\" : \"md\"}\n      background={isActive && options.activeBackground ? \"selected\" : undefined}\n      ref={ref}\n      class={classes(options.className, inheritedNavClass, className)}\n      data-slot={resolvedSlot}\n      {...activeProps}\n    >\n      {useRouterLink ? (\n        <Link {...childProps}>{children}</Link>\n      ) : (\n        <a {...childProps} onClick={handleClick}>\n          {children}\n        </a>\n      )}\n    </Block>\n  );\n}\n\nexport function Tabs(props: TabsProps): JSX.Element;\nexport function Tabs(props: TabsAsChildProps): JSX.Element;\nexport function Tabs(props: TabsProps | TabsAsChildProps): JSX.Element {\n  return renderNavSet(props, \"tabs\");\n}\n\nexport function Pills(props: PillsProps): JSX.Element;\nexport function Pills(props: PillsAsChildProps): JSX.Element;\nexport function Pills(props: PillsProps | PillsAsChildProps): JSX.Element {\n  return renderNavSet(props, \"pills\");\n}\n\nexport function Tab(props: TabProps): JSX.Element {\n  return renderRoutedLink(props, \"tab\", { className: \"tab\" });\n}\n\nexport function Pill(props: PillProps): JSX.Element {\n  return renderRoutedLink(props, \"pill\", { activeBackground: true, className: \"pill\" });\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 {\n    asChild,\n    active = false,\n    children,\n    ref,\n    class: className,\n    match: _match,\n    ...rest\n  } = props as (NavItemProps | NavItemAsChildProps) & { match?: unknown };\n  void _match;\n\n  if (asChild) {\n    return (\n      <Block\n        asChild\n        paddingX=\"sm\"\n        paddingY=\"xs\"\n        radius=\"md\"\n        background={active ? \"selected\" : undefined}\n        {...rest}\n        ref={ref}\n        class={className}\n        data-active={active ? \"true\" : undefined}\n        data-slot=\"nav-item\"\n      >\n        {children}\n      </Block>\n    );\n  }\n\n  return (\n    <Block\n      as=\"a\"\n      paddingX=\"sm\"\n      paddingY=\"xs\"\n      radius=\"md\"\n      background={active ? \"selected\" : undefined}\n      {...rest}\n      ref={ref}\n      class={className}\n      data-active={active ? \"true\" : undefined}\n      data-slot=\"nav-item\"\n    >\n      {children}\n    </Block>\n  );\n}\n\nexport function NavLink(props: NavLinkProps): JSX.Element {\n  return renderRoutedLink(props, \"nav-item\", { activeBackground: true, inheritSlot: true });\n}\n"],"mappings":"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"}
+{"version":3,"file":"nav.js","names":[],"sources":["../../../src/components/nav/nav.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { currentRoute, Link, navigate } from \"@askrjs/askr/router\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  NavItemAsChildProps,\n  NavItemProps,\n  NavLinkProps,\n  PillProps,\n  PillsAsChildProps,\n  PillsProps,\n  TabProps,\n  TabsAsChildProps,\n  TabsProps,\n} from \"./nav.types\";\n\nconst LayoutBlock = Block as (props: Record<string, unknown>) => JSX.Element;\n\nfunction normalizePathname(pathname: string): string {\n  return pathname.endsWith(\"/\") && pathname !== \"/\" ? pathname.slice(0, -1) : pathname;\n}\n\nfunction getCurrentPathname(): string | null {\n  if (typeof window === \"undefined\") {\n    return null;\n  }\n\n  return normalizePathname(window.location.pathname || \"/\");\n}\n\nfunction getReactiveCurrentPathname(): string | null {\n  try {\n    return normalizePathname(currentRoute().path || \"/\");\n  } catch {\n    return getCurrentPathname();\n  }\n}\n\nfunction isActiveNavLink(\n  currentPathname: string,\n  targetPathname: string,\n  match: NavLinkProps[\"match\"] = \"prefix\",\n): boolean {\n  if (targetPathname === \"/\") {\n    return currentPathname === \"/\";\n  }\n\n  if (match === \"exact\") {\n    return currentPathname === targetPathname;\n  }\n\n  return currentPathname === targetPathname || currentPathname.startsWith(`${targetPathname}/`);\n}\n\nfunction shouldHandleClientNavigation(\n  event: MouseEvent,\n  target: string | undefined,\n  targetPathname: string | null,\n): boolean {\n  if (targetPathname === null || target) {\n    return false;\n  }\n\n  return (\n    !event.defaultPrevented &&\n    (event.button ?? 0) === 0 &&\n    !event.altKey &&\n    !event.ctrlKey &&\n    !event.metaKey &&\n    !event.shiftKey\n  );\n}\n\nfunction renderNavSet(\n  props: TabsProps | TabsAsChildProps | PillsProps | PillsAsChildProps,\n  slot: \"tabs\" | \"pills\",\n): JSX.Element {\n  const className = \"class\" in props ? props.class : undefined;\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(slot, 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(\"nav\", finalProps, children);\n}\n\nfunction renderRoutedLink(\n  props: NavLinkProps | TabProps | PillProps,\n  slot: \"nav-item\" | \"tab\" | \"pill\",\n  options: { activeBackground?: boolean; className?: string; inheritSlot?: boolean } = {},\n): JSX.Element {\n  const {\n    active,\n    children,\n    href: suppliedHref,\n    to,\n    onClick,\n    ref,\n    class: className,\n    match = \"prefix\",\n    target,\n    ...rest\n  } = props as NavLinkProps & { onClick?: (event: MouseEvent) => void };\n  const href = to?.href ?? suppliedHref;\n  if (!href) {\n    throw new Error(\"Nav link requires href or to.\");\n  }\n  const inheritedSlot =\n    options.inheritSlot && typeof (rest as Record<string, unknown>)[\"data-slot\"] === \"string\"\n      ? String((rest as Record<string, unknown>)[\"data-slot\"])\n      : undefined;\n  const resolvedSlot = (inheritedSlot ?? slot) as \"nav-item\" | \"tab\" | \"pill\";\n  const inheritedNavClass =\n    slot === \"nav-item\" && resolvedSlot !== \"nav-item\" ? \"nav-item\" : undefined;\n  const { \"data-slot\": _dataSlot, ...childRest } = rest as Record<string, unknown>;\n  void _dataSlot;\n  const currentPathname = getReactiveCurrentPathname();\n  const targetPathname = resolvePathname(href);\n  const routeActive =\n    currentPathname !== null &&\n    targetPathname !== null &&\n    isActiveNavLink(currentPathname, targetPathname, match);\n  const isActive = active ?? routeActive;\n  const activeProps = isActive\n    ? {\n        \"aria-current\": \"page\" as const,\n        \"data-active\": \"true\" as const,\n      }\n    : {\n        \"data-active\": undefined,\n      };\n  const rendersRouterLink = targetPathname !== null && !target && typeof onClick !== \"function\";\n  const childProps: NavLinkProps = to\n    ? ({ ...childRest, to, target } as NavLinkProps)\n    : ({ ...childRest, href, target } as NavLinkProps);\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n\n    if (!shouldHandleClientNavigation(event, target, targetPathname)) {\n      return;\n    }\n\n    event.preventDefault();\n    navigate(href);\n  };\n\n  return (\n    <LayoutBlock\n      asChild\n      paddingX=\"sm\"\n      paddingY=\"xs\"\n      radius={resolvedSlot === \"pill\" ? \"round\" : \"md\"}\n      background={isActive && options.activeBackground ? \"selected\" : undefined}\n      ref={ref}\n      className={classes(options.className, inheritedNavClass, className)}\n      data-slot={resolvedSlot}\n      {...activeProps}\n    >\n      {rendersRouterLink ? (\n        <Link {...childProps}>{children}</Link>\n      ) : (\n        <a {...childRest} href={href} target={target} onClick={handleClick}>\n          {children}\n        </a>\n      )}\n    </LayoutBlock>\n  );\n}\n\nexport function Tabs(props: TabsProps): JSX.Element;\nexport function Tabs(props: TabsAsChildProps): JSX.Element;\nexport function Tabs(props: TabsProps | TabsAsChildProps): JSX.Element {\n  return renderNavSet(props, \"tabs\");\n}\n\nexport function Pills(props: PillsProps): JSX.Element;\nexport function Pills(props: PillsAsChildProps): JSX.Element;\nexport function Pills(props: PillsProps | PillsAsChildProps): JSX.Element {\n  return renderNavSet(props, \"pills\");\n}\n\nexport function Tab(props: TabProps): JSX.Element {\n  return renderRoutedLink(props, \"tab\", { className: \"tab\" });\n}\n\nexport function Pill(props: PillProps): JSX.Element {\n  return renderRoutedLink(props, \"pill\", { activeBackground: true, className: \"pill\" });\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 {\n    asChild,\n    active = false,\n    children,\n    ref,\n    class: className,\n    match: _match,\n    ...rest\n  } = props as (NavItemProps | NavItemAsChildProps) & { match?: unknown };\n  void _match;\n\n  if (asChild) {\n    return (\n      <LayoutBlock\n        asChild\n        paddingX=\"sm\"\n        paddingY=\"xs\"\n        radius=\"md\"\n        background={active ? \"selected\" : undefined}\n        {...rest}\n        ref={ref}\n        className={className}\n        data-active={active ? \"true\" : undefined}\n        data-slot=\"nav-item\"\n      >\n        {children}\n      </LayoutBlock>\n    );\n  }\n\n  return (\n    <LayoutBlock\n      as=\"a\"\n      paddingX=\"sm\"\n      paddingY=\"xs\"\n      radius=\"md\"\n      background={active ? \"selected\" : undefined}\n      {...rest}\n      ref={ref}\n      className={className}\n      data-active={active ? \"true\" : undefined}\n      data-slot=\"nav-item\"\n    >\n      {children}\n    </LayoutBlock>\n  );\n}\n\nexport function NavLink(props: NavLinkProps): JSX.Element {\n  return renderRoutedLink(props, \"nav-item\", { activeBackground: true, inheritSlot: true });\n}\n"],"mappings":";;;;;;;;;AAmBA,MAAM,cAAc;AAEpB,SAAS,kBAAkB,UAA0B;CACnD,OAAO,SAAS,SAAS,GAAG,KAAK,aAAa,MAAM,SAAS,MAAM,GAAG,EAAE,IAAI;AAC9E;AAEA,SAAS,qBAAoC;CAC3C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,kBAAkB,OAAO,SAAS,YAAY,GAAG;AAC1D;AAEA,SAAS,6BAA4C;CACnD,IAAI;EACF,OAAO,kBAAkB,aAAa,CAAC,CAAC,QAAQ,GAAG;CACrD,QAAQ;EACN,OAAO,mBAAmB;CAC5B;AACF;AAEA,SAAS,gBACP,iBACA,gBACA,QAA+B,UACtB;CACT,IAAI,mBAAmB,KACrB,OAAO,oBAAoB;CAG7B,IAAI,UAAU,SACZ,OAAO,oBAAoB;CAG7B,OAAO,oBAAoB,kBAAkB,gBAAgB,WAAW,GAAG,eAAe,EAAE;AAC9F;AAEA,SAAS,6BACP,OACA,QACA,gBACS;CACT,IAAI,mBAAmB,QAAQ,QAC7B,OAAO;CAGT,OACE,CAAC,MAAM,qBACN,MAAM,UAAU,OAAO,KACxB,CAAC,MAAM,UACP,CAAC,MAAM,WACP,CAAC,MAAM,WACP,CAAC,MAAM;AAEX;AAEA,SAAS,aACP,OACA,MACa;CACb,MAAM,YAAY,WAAW,QAAQ,MAAM,QAAQ,KAAA;CACnD,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,MAAM,SAAS;EAC9B,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,iBAAiB,OAAO,YAAY,QAAQ;AACrD;AAEA,SAAS,iBACP,OACA,MACA,UAAqF,CAAC,GACzE;CACb,MAAM,EACJ,QACA,UACA,MAAM,cACN,IACA,SACA,KACA,OAAO,WACP,QAAQ,UACR,QACA,GAAG,SACD;CACJ,MAAM,OAAO,IAAI,QAAQ;CACzB,IAAI,CAAC,MACH,MAAM,IAAI,MAAM,+BAA+B;CAMjD,MAAM,gBAHJ,QAAQ,eAAe,OAAQ,KAAiC,iBAAiB,WAC7E,OAAQ,KAAiC,YAAY,IACrD,KAAA,MACiC;CACvC,MAAM,oBACJ,SAAS,cAAc,iBAAiB,aAAa,aAAa,KAAA;CACpE,MAAM,EAAE,aAAa,WAAW,GAAG,cAAc;CAEjD,MAAM,kBAAkB,2BAA2B;CACnD,MAAM,iBAAiB,gBAAgB,IAAI;CAC3C,MAAM,cACJ,oBAAoB,QACpB,mBAAmB,QACnB,gBAAgB,iBAAiB,gBAAgB,KAAK;CACxD,MAAM,WAAW,UAAU;CAC3B,MAAM,cAAc,WAChB;EACE,gBAAgB;EAChB,eAAe;CACjB,IACA,EACE,eAAe,KAAA,EACjB;CACJ,MAAM,oBAAoB,mBAAmB,QAAQ,CAAC,UAAU,OAAO,YAAY;CACnF,MAAM,aAA2B,KAC5B;EAAE,GAAG;EAAW;EAAI;CAAO,IAC3B;EAAE,GAAG;EAAW;EAAM;CAAO;CAClC,MAAM,eAAe,UAAsB;EACzC,UAAU,KAAK;EAEf,IAAI,CAAC,6BAA6B,OAAO,QAAQ,cAAc,GAC7D;EAGF,MAAM,eAAe;EACrB,SAAS,IAAI;CACf;CAEA,OACE,oBAAC,aAAD;EACE,SAAA;EACA,UAAS;EACT,UAAS;EACT,QAAQ,iBAAiB,SAAS,UAAU;EAC5C,YAAY,YAAY,QAAQ,mBAAmB,aAAa,KAAA;EAC3D;EACL,WAAW,QAAQ,QAAQ,WAAW,mBAAmB,SAAS;EAClE,aAAW;EACX,GAAI;YAEH,oBACC,oBAAC,MAAD;GAAM,GAAI;GAAa;EAAe,CAAA,IAEtC,oBAAC,KAAD;GAAG,GAAI;GAAiB;GAAc;GAAQ,SAAS;GACpD;EACA,CAAA;CAEM,CAAA;AAEjB;AAIA,SAAgB,KAAK,OAAkD;CACrE,OAAO,aAAa,OAAO,MAAM;AACnC;AAIA,SAAgB,MAAM,OAAoD;CACxE,OAAO,aAAa,OAAO,OAAO;AACpC;AAEA,SAAgB,IAAI,OAA8B;CAChD,OAAO,iBAAiB,OAAO,OAAO,EAAE,WAAW,MAAM,CAAC;AAC5D;AAEA,SAAgB,KAAK,OAA+B;CAClD,OAAO,iBAAiB,OAAO,QAAQ;EAAE,kBAAkB;EAAM,WAAW;CAAO,CAAC;AACtF;AAIA,SAAgB,QAAQ,OAAwD;CAC9E,MAAM,EACJ,SACA,SAAS,OACT,UACA,KACA,OAAO,WACP,OAAO,QACP,GAAG,SACD;CAGJ,IAAI,SACF,OACE,oBAAC,aAAD;EACE,SAAA;EACA,UAAS;EACT,UAAS;EACT,QAAO;EACP,YAAY,SAAS,aAAa,KAAA;EAClC,GAAI;EACC;EACM;EACX,eAAa,SAAS,SAAS,KAAA;EAC/B,aAAU;EAET;CACU,CAAA;CAIjB,OACE,oBAAC,aAAD;EACE,IAAG;EACH,UAAS;EACT,UAAS;EACT,QAAO;EACP,YAAY,SAAS,aAAa,KAAA;EAClC,GAAI;EACC;EACM;EACX,eAAa,SAAS,SAAS,KAAA;EAC/B,aAAU;EAET;CACU,CAAA;AAEjB;AAEA,SAAgB,QAAQ,OAAkC;CACxD,OAAO,iBAAiB,OAAO,YAAY;EAAE,kBAAkB;EAAM,aAAa;CAAK,CAAC;AAC1F"}

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

@@ -1,7 +1,6 @@
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 import { LinkProps } from "@askrjs/askr/router";
-
 //#region src/components/nav/nav.types.d.ts
 type NavLinkMatch = "prefix" | "exact";
 type TabsOwnProps = {
@@ -48,5 +47,5 @@ type NavLinkProps = LinkProps & NavLinkOwnProps;
 type TabProps = LinkProps & NavLinkOwnProps;
 type PillProps = LinkProps & NavLinkOwnProps;
 //#endregion
-export { NavItemAsChildProps, NavItemProps, NavLinkProps, PillProps, PillsAsChildProps, PillsProps, TabProps, TabsAsChildProps, TabsProps };
+export { NavItemAsChildProps, NavItemOwnProps, NavItemProps, NavLinkMatch, NavLinkOwnProps, NavLinkProps, PillProps, PillsAsChildProps, PillsOwnProps, PillsProps, TabProps, TabsAsChildProps, TabsOwnProps, TabsProps };
 //# sourceMappingURL=nav.types.d.ts.map

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

@@ -1,4 +1,6 @@
 import { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarCollapseBreakpoint, NavbarProps } from "./navbar.types.js";
 import { NavBrand, NavDropdown, NavGroup, Navbar } from "./navbar.js";
 import { NavItemAsChildProps, NavItemProps, NavLinkProps } from "../nav/nav.types.js";
-import { NavItem, NavLink } from "../nav/nav.js";
+import { NavItem, NavLink } from "../nav/nav.js";
+import "../nav/index.js";
+export { NavBrand, type NavBrandProps, NavDropdown, type NavDropdownProps, NavGroup, type NavGroupProps, NavItem, type NavItemAsChildProps, type NavItemProps, NavLink, type NavLinkProps, Navbar, type NavbarCollapseBreakpoint, type NavbarProps };

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

@@ -1,5 +1,4 @@
 import { NavBrandProps, NavDropdownProps, NavGroupProps, 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;

package/dist/components/navbar/navbar.js

@@ -1,11 +1,12 @@
 import { classes } from "../_internal/classes.js";
+import { isJsxElement, toChildArray } from "../_internal/jsx.js";
 import { Block } from "../block/block.js";
 import { DropdownContent as DropdownContent$1 } from "../overlays/dropdown-content.js";
-import { isJsxElement, toChildArray } from "../_internal/jsx.js";
 import { Dropdown, DropdownTrigger } from "@askrjs/ui";
 import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
 //#region src/components/navbar/navbar.tsx
 const ASKR_FRAGMENT = Symbol.for("askr.fragment");
+const LayoutBlock = Block;
 function flattenNavbarChildren(children) {
 	return toChildArray(children).flatMap((child) => {
 		if (isJsxElement(child) && child.type === ASKR_FRAGMENT) return flattenNavbarChildren(child.props?.children);
@@ -23,7 +24,7 @@ function hasRenderableChildren(children) {
 }
 function Navbar(props) {
 	const { breakpoint, children, collapseAt = breakpoint ?? false, collapseIcon, collapseLabel = "Menu", ...rest } = props;
-	if (!collapseAt) return /* @__PURE__ */ jsx(Block, {
+	if (!collapseAt) return /* @__PURE__ */ jsx(LayoutBlock, {
 		as: "nav",
 		direction: "row",
 		align: "center",
@@ -45,7 +46,7 @@ function Navbar(props) {
 				"data-slot": "navbar-toggle-label",
 				children: collapseLabel
 			})]
-		}), /* @__PURE__ */ jsx(Block, {
+		}), /* @__PURE__ */ jsx(LayoutBlock, {
 			direction: "row",
 			align: "center",
 			gap: "md",
@@ -54,7 +55,7 @@ function Navbar(props) {
 			children: navChildren
 		})]
 	}) : null;
-	return /* @__PURE__ */ jsx(Block, {
+	return /* @__PURE__ */ jsx(LayoutBlock, {
 		as: "nav",
 		direction: "row",
 		align: "center",
@@ -68,7 +69,7 @@ function Navbar(props) {
 }
 function NavBrand(props) {
 	const { children, ...rest } = props;
-	return /* @__PURE__ */ jsx(Block, {
+	return /* @__PURE__ */ jsx(LayoutBlock, {
 		direction: "row",
 		align: "center",
 		gap: "sm",
@@ -80,7 +81,7 @@ function NavBrand(props) {
 }
 function NavGroup(props) {
 	const { align, children, label, title = label, ...rest } = props;
-	return /* @__PURE__ */ jsxs(Block, {
+	return /* @__PURE__ */ jsxs(LayoutBlock, {
 		align,
 		gap: "sm",
 		...rest,
@@ -89,7 +90,7 @@ function NavGroup(props) {
 		children: [title !== void 0 ? /* @__PURE__ */ jsx("div", {
 			"data-slot": "nav-group-label",
 			children: title
-		}) : null, /* @__PURE__ */ jsx(Block, {
+		}) : null, /* @__PURE__ */ jsx(LayoutBlock, {
 			gap: "xs",
 			"data-slot": "nav-group-body",
 			children
@@ -98,7 +99,7 @@ function NavGroup(props) {
 }
 function NavDropdown(props) {
 	const { align = "end", children, label, side = "bottom", sideOffset = 6, ...rest } = props;
-	return /* @__PURE__ */ jsx(Block, {
+	return /* @__PURE__ */ jsx(LayoutBlock, {
 		direction: "row",
 		align: "center",
 		"data-slot": "nav-dropdown",

package/dist/components/navbar/navbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","names":["DropdownContent"],"sources":["../../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { Dropdown, DropdownTrigger } from \"@askrjs/ui\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { DropdownContent } from \"../overlays/dropdown-content\";\nimport type { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarProps } from \"./navbar.types\";\n\nconst ASKR_FRAGMENT = Symbol.for(\"askr.fragment\");\n\nfunction flattenNavbarChildren(children: unknown): unknown[] {\n  return toChildArray(children).flatMap((child) => {\n    if (isJsxElement(child) && child.type === ASKR_FRAGMENT) {\n      return flattenNavbarChildren(child.props?.children);\n    }\n\n    return [child];\n  });\n}\n\nfunction isNavBrandChild(child: unknown): boolean {\n  return (\n    isJsxElement(child) && (child.type === NavBrand || child.props?.[\"data-slot\"] === \"nav-brand\")\n  );\n}\n\nfunction hasRenderableChildren(children: readonly unknown[]): boolean {\n  return children.some((child) => {\n    if (Array.isArray(child)) {\n      return hasRenderableChildren(child);\n    }\n\n    return child !== undefined && child !== null && typeof child !== \"boolean\";\n  });\n}\n\nexport function Navbar(props: NavbarProps): JSX.Element {\n  const {\n    breakpoint,\n    children,\n    collapseAt = breakpoint ?? false,\n    collapseIcon,\n    collapseLabel = \"Menu\",\n    ...rest\n  } = props;\n\n  if (!collapseAt) {\n    return (\n      <Block\n        as=\"nav\"\n        direction=\"row\"\n        align=\"center\"\n        gap=\"md\"\n        width=\"full\"\n        {...rest}\n        data-slot=\"navbar\"\n      >\n        {children}\n      </Block>\n    );\n  }\n\n  const navbarChildren = flattenNavbarChildren(children);\n  const brandChildren = navbarChildren.filter(isNavBrandChild);\n  const navChildren = navbarChildren.filter((child) => !isNavBrandChild(child));\n  const hasNavContent = hasRenderableChildren(navChildren);\n  const content = (\n    <Block direction=\"row\" align=\"center\" gap=\"md\" width=\"full\" data-slot=\"navbar-content\">\n      {navChildren}\n    </Block>\n  );\n  const collapse = hasNavContent ? (\n    <details data-slot=\"navbar-collapse\">\n      <summary aria-label={collapseLabel} data-slot=\"navbar-toggle\">\n        {collapseIcon}\n        <span data-slot=\"navbar-toggle-label\">{collapseLabel}</span>\n      </summary>\n      {content}\n    </details>\n  ) : null;\n\n  return (\n    <Block\n      as=\"nav\"\n      direction=\"row\"\n      align=\"center\"\n      gap=\"md\"\n      width=\"full\"\n      {...rest}\n      data-collapse-at={collapseAt}\n      data-slot=\"navbar\"\n    >\n      {[...brandChildren, collapse]}\n    </Block>\n  );\n}\n\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block direction=\"row\" align=\"center\" gap=\"sm\" shrink={false} {...rest} data-slot=\"nav-brand\">\n      {children}\n    </Block>\n  );\n}\n\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n  const { align, children, label, title = label, ...rest } = props;\n\n  return (\n    <Block align={align} gap=\"sm\" {...rest} data-align={align} data-slot=\"nav-group\">\n      {title !== undefined ? <div data-slot=\"nav-group-label\">{title}</div> : null}\n      <Block gap=\"xs\" data-slot=\"nav-group-body\">\n        {children}\n      </Block>\n    </Block>\n  );\n}\n\nexport function NavDropdown(props: NavDropdownProps): JSX.Element {\n  const { align = \"end\", children, label, side = \"bottom\", sideOffset = 6, ...rest } = props;\n\n  return (\n    <Block direction=\"row\" align=\"center\" data-slot=\"nav-dropdown\">\n      <Dropdown {...rest}>\n        <DropdownTrigger class={classes(\"nav-item\")} data-slot=\"nav-dropdown-trigger\">\n          {label}\n        </DropdownTrigger>\n        <DropdownContent\n          align={align}\n          class={classes(\"dropdown-content\")}\n          data-slot=\"nav-dropdown-content\"\n          side={side}\n          sideOffset={sideOffset}\n        >\n          {children}\n        </DropdownContent>\n      </Dropdown>\n    </Block>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,OAAO,IAAI,eAAe;AAEhD,SAAS,sBAAsB,UAA8B;CAC3D,OAAO,aAAa,QAAQ,CAAC,CAAC,SAAS,UAAU;EAC/C,IAAI,aAAa,KAAK,KAAK,MAAM,SAAS,eACxC,OAAO,sBAAsB,MAAM,OAAO,QAAQ;EAGpD,OAAO,CAAC,KAAK;CACf,CAAC;AACH;AAEA,SAAS,gBAAgB,OAAyB;CAChD,OACE,aAAa,KAAK,MAAM,MAAM,SAAS,YAAY,MAAM,QAAQ,iBAAiB;AAEtF;AAEA,SAAS,sBAAsB,UAAuC;CACpE,OAAO,SAAS,MAAM,UAAU;EAC9B,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,sBAAsB,KAAK;EAGpC,OAAO,UAAU,KAAA,KAAa,UAAU,QAAQ,OAAO,UAAU;CACnE,CAAC;AACH;AAEA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EACJ,YACA,UACA,aAAa,cAAc,OAC3B,cACA,gBAAgB,QAChB,GAAG,SACD;CAEJ,IAAI,CAAC,YACH,OACE,oBAAC,OAAD;EACE,IAAG;EACH,WAAU;EACV,OAAM;EACN,KAAI;EACJ,OAAM;EACN,GAAI;EACJ,aAAU;EAET;CACI,CAAA;CAIX,MAAM,iBAAiB,sBAAsB,QAAQ;CACrD,MAAM,gBAAgB,eAAe,OAAO,eAAe;CAC3D,MAAM,cAAc,eAAe,QAAQ,UAAU,CAAC,gBAAgB,KAAK,CAAC;CAO5E,MAAM,WANgB,sBAAsB,WAMf,IAC3B,qBAAC,WAAD;EAAS,aAAU;YAAnB,CACE,qBAAC,WAAD;GAAS,cAAY;GAAe,aAAU;aAA9C,CACG,cACD,oBAAC,QAAD;IAAM,aAAU;cAAuB;GAAoB,CAAA,CACpD;MACR,oBAVF,OAAD;GAAO,WAAU;GAAM,OAAM;GAAS,KAAI;GAAK,OAAM;GAAO,aAAU;aACnE;EACI,CAQE,CACA;MACP;CAEJ,OACE,oBAAC,OAAD;EACE,IAAG;EACH,WAAU;EACV,OAAM;EACN,KAAI;EACJ,OAAM;EACN,GAAI;EACJ,oBAAkB;EAClB,aAAU;YAET,CAAC,GAAG,eAAe,QAAQ;CACvB,CAAA;AAEX;AAEA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,WAAU;EAAM,OAAM;EAAS,KAAI;EAAK,QAAQ;EAAO,GAAI;EAAM,aAAU;EAC/E;CACI,CAAA;AAEX;AAEA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,OAAO,UAAU,OAAO,QAAQ,OAAO,GAAG,SAAS;CAE3D,OACE,qBAAC,OAAD;EAAc;EAAO,KAAI;EAAK,GAAI;EAAM,cAAY;EAAO,aAAU;YAArE,CACG,UAAU,KAAA,IAAY,oBAAC,OAAD;GAAK,aAAU;aAAmB;EAAW,CAAA,IAAI,MACxE,oBAAC,OAAD;GAAO,KAAI;GAAK,aAAU;GACvB;EACI,CAAA,CACF;;AAEX;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,QAAQ,OAAO,UAAU,OAAO,OAAO,UAAU,aAAa,GAAG,GAAG,SAAS;CAErF,OACE,oBAAC,OAAD;EAAO,WAAU;EAAM,OAAM;EAAS,aAAU;YAC9C,qBAAC,UAAD;GAAU,GAAI;aAAd,CACE,oBAAC,iBAAD;IAAiB,OAAO,QAAQ,UAAU;IAAG,aAAU;cACpD;GACc,CAAA,GACjB,oBAACA,mBAAD;IACS;IACP,OAAO,QAAQ,kBAAkB;IACjC,aAAU;IACJ;IACM;IAEX;GACc,CAAA,CACT;;CACL,CAAA;AAEX"}
+{"version":3,"file":"navbar.js","names":["DropdownContent"],"sources":["../../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { Dropdown, DropdownTrigger } from \"@askrjs/ui\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { DropdownContent } from \"../overlays/dropdown-content\";\nimport type { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarProps } from \"./navbar.types\";\n\nconst ASKR_FRAGMENT = Symbol.for(\"askr.fragment\");\nconst LayoutBlock = Block as (props: Record<string, unknown>) => JSX.Element;\n\nfunction flattenNavbarChildren(children: unknown): unknown[] {\n  return toChildArray(children).flatMap((child) => {\n    if (isJsxElement(child) && child.type === ASKR_FRAGMENT) {\n      return flattenNavbarChildren(child.props?.children);\n    }\n\n    return [child];\n  });\n}\n\nfunction isNavBrandChild(child: unknown): boolean {\n  return (\n    isJsxElement(child) && (child.type === NavBrand || child.props?.[\"data-slot\"] === \"nav-brand\")\n  );\n}\n\nfunction hasRenderableChildren(children: readonly unknown[]): boolean {\n  return children.some((child) => {\n    if (Array.isArray(child)) {\n      return hasRenderableChildren(child);\n    }\n\n    return child !== undefined && child !== null && typeof child !== \"boolean\";\n  });\n}\n\nexport function Navbar(props: NavbarProps): JSX.Element {\n  const {\n    breakpoint,\n    children,\n    collapseAt = breakpoint ?? false,\n    collapseIcon,\n    collapseLabel = \"Menu\",\n    ...rest\n  } = props;\n\n  if (!collapseAt) {\n    return (\n      <LayoutBlock\n        as=\"nav\"\n        direction=\"row\"\n        align=\"center\"\n        gap=\"md\"\n        width=\"full\"\n        {...rest}\n        data-slot=\"navbar\"\n      >\n        {children}\n      </LayoutBlock>\n    );\n  }\n\n  const navbarChildren = flattenNavbarChildren(children);\n  const brandChildren = navbarChildren.filter(isNavBrandChild);\n  const navChildren = navbarChildren.filter((child) => !isNavBrandChild(child));\n  const hasNavContent = hasRenderableChildren(navChildren);\n  const content = (\n    <LayoutBlock direction=\"row\" align=\"center\" gap=\"md\" width=\"full\" data-slot=\"navbar-content\">\n      {navChildren}\n    </LayoutBlock>\n  );\n  const collapse = hasNavContent ? (\n    <details data-slot=\"navbar-collapse\">\n      <summary aria-label={collapseLabel} data-slot=\"navbar-toggle\">\n        {collapseIcon}\n        <span data-slot=\"navbar-toggle-label\">{collapseLabel}</span>\n      </summary>\n      {content}\n    </details>\n  ) : null;\n\n  return (\n    <LayoutBlock\n      as=\"nav\"\n      direction=\"row\"\n      align=\"center\"\n      gap=\"md\"\n      width=\"full\"\n      {...rest}\n      data-collapse-at={collapseAt}\n      data-slot=\"navbar\"\n    >\n      {[...brandChildren, collapse]}\n    </LayoutBlock>\n  );\n}\n\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <LayoutBlock\n      direction=\"row\"\n      align=\"center\"\n      gap=\"sm\"\n      shrink={false}\n      {...rest}\n      data-slot=\"nav-brand\"\n    >\n      {children}\n    </LayoutBlock>\n  );\n}\n\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n  const { align, children, label, title = label, ...rest } = props;\n\n  return (\n    <LayoutBlock align={align} gap=\"sm\" {...rest} data-align={align} data-slot=\"nav-group\">\n      {title !== undefined ? <div data-slot=\"nav-group-label\">{title}</div> : null}\n      <LayoutBlock gap=\"xs\" data-slot=\"nav-group-body\">\n        {children}\n      </LayoutBlock>\n    </LayoutBlock>\n  );\n}\n\nexport function NavDropdown(props: NavDropdownProps): JSX.Element {\n  const { align = \"end\", children, label, side = \"bottom\", sideOffset = 6, ...rest } = props;\n\n  return (\n    <LayoutBlock direction=\"row\" align=\"center\" data-slot=\"nav-dropdown\">\n      <Dropdown {...rest}>\n        <DropdownTrigger class={classes(\"nav-item\")} data-slot=\"nav-dropdown-trigger\">\n          {label}\n        </DropdownTrigger>\n        <DropdownContent\n          align={align}\n          class={classes(\"dropdown-content\")}\n          data-slot=\"nav-dropdown-content\"\n          side={side}\n          sideOffset={sideOffset}\n        >\n          {children}\n        </DropdownContent>\n      </Dropdown>\n    </LayoutBlock>\n  );\n}\n"],"mappings":";;;;;;;AAOA,MAAM,gBAAgB,OAAO,IAAI,eAAe;AAChD,MAAM,cAAc;AAEpB,SAAS,sBAAsB,UAA8B;CAC3D,OAAO,aAAa,QAAQ,CAAC,CAAC,SAAS,UAAU;EAC/C,IAAI,aAAa,KAAK,KAAK,MAAM,SAAS,eACxC,OAAO,sBAAsB,MAAM,OAAO,QAAQ;EAGpD,OAAO,CAAC,KAAK;CACf,CAAC;AACH;AAEA,SAAS,gBAAgB,OAAyB;CAChD,OACE,aAAa,KAAK,MAAM,MAAM,SAAS,YAAY,MAAM,QAAQ,iBAAiB;AAEtF;AAEA,SAAS,sBAAsB,UAAuC;CACpE,OAAO,SAAS,MAAM,UAAU;EAC9B,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,sBAAsB,KAAK;EAGpC,OAAO,UAAU,KAAA,KAAa,UAAU,QAAQ,OAAO,UAAU;CACnE,CAAC;AACH;AAEA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EACJ,YACA,UACA,aAAa,cAAc,OAC3B,cACA,gBAAgB,QAChB,GAAG,SACD;CAEJ,IAAI,CAAC,YACH,OACE,oBAAC,aAAD;EACE,IAAG;EACH,WAAU;EACV,OAAM;EACN,KAAI;EACJ,OAAM;EACN,GAAI;EACJ,aAAU;EAET;CACU,CAAA;CAIjB,MAAM,iBAAiB,sBAAsB,QAAQ;CACrD,MAAM,gBAAgB,eAAe,OAAO,eAAe;CAC3D,MAAM,cAAc,eAAe,QAAQ,UAAU,CAAC,gBAAgB,KAAK,CAAC;CAO5E,MAAM,WANgB,sBAAsB,WAMf,IAC3B,qBAAC,WAAD;EAAS,aAAU;YAAnB,CACE,qBAAC,WAAD;GAAS,cAAY;GAAe,aAAU;aAA9C,CACG,cACD,oBAAC,QAAD;IAAM,aAAU;cAAuB;GAAoB,CAAA,CACpD;MACR,oBAVF,aAAD;GAAa,WAAU;GAAM,OAAM;GAAS,KAAI;GAAK,OAAM;GAAO,aAAU;aACzE;EACU,CAQJ,CACA;MACP;CAEJ,OACE,oBAAC,aAAD;EACE,IAAG;EACH,WAAU;EACV,OAAM;EACN,KAAI;EACJ,OAAM;EACN,GAAI;EACJ,oBAAkB;EAClB,aAAU;YAET,CAAC,GAAG,eAAe,QAAQ;CACjB,CAAA;AAEjB;AAEA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,aAAD;EACE,WAAU;EACV,OAAM;EACN,KAAI;EACJ,QAAQ;EACR,GAAI;EACJ,aAAU;EAET;CACU,CAAA;AAEjB;AAEA,SAAgB,SAAS,OAAmC;CAC1D,MAAM,EAAE,OAAO,UAAU,OAAO,QAAQ,OAAO,GAAG,SAAS;CAE3D,OACE,qBAAC,aAAD;EAAoB;EAAO,KAAI;EAAK,GAAI;EAAM,cAAY;EAAO,aAAU;YAA3E,CACG,UAAU,KAAA,IAAY,oBAAC,OAAD;GAAK,aAAU;aAAmB;EAAW,CAAA,IAAI,MACxE,oBAAC,aAAD;GAAa,KAAI;GAAK,aAAU;GAC7B;EACU,CAAA,CACF;;AAEjB;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,QAAQ,OAAO,UAAU,OAAO,OAAO,UAAU,aAAa,GAAG,GAAG,SAAS;CAErF,OACE,oBAAC,aAAD;EAAa,WAAU;EAAM,OAAM;EAAS,aAAU;YACpD,qBAAC,UAAD;GAAU,GAAI;aAAd,CACE,oBAAC,iBAAD;IAAiB,OAAO,QAAQ,UAAU;IAAG,aAAU;cACpD;GACc,CAAA,GACjB,oBAACA,mBAAD;IACS;IACP,OAAO,QAAQ,kBAAkB;IACjC,aAAU;IACJ;IACM;IAEX;GACc,CAAA,CACT;;CACC,CAAA;AAEjB"}

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

@@ -1,6 +1,6 @@
 import { BlockAsChildProps, BlockDivProps, BlockElementProps } from "../block/block.types.js";
+import "../block/index.js";
 import { DropdownContentOwnProps, DropdownProps } from "@askrjs/ui";
-
 //#region src/components/navbar/navbar.types.d.ts
 type NavbarCollapseBreakpoint = "sm" | "md" | "lg" | "xl";
 type NavbarProps = Omit<BlockElementProps<"nav">, "as" | "direction" | "align"> & {

package/dist/components/overlays/dropdown-content.d.ts

@@ -1,5 +1,4 @@
 import { DropdownContentAsChildProps, DropdownContentProps } from "@askrjs/ui";
-
 //#region src/components/overlays/dropdown-content.d.ts
 declare function DropdownContent$1(props: DropdownContentProps): JSX.Element | null;
 declare function DropdownContent$1(props: DropdownContentAsChildProps): JSX.Element | null;

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

@@ -1,2 +1,3 @@
 import { PageProps } from "./page.types.js";
-import { Page } from "./page.js";
+import { Page } from "./page.js";
+export { Page, type PageProps };

package/dist/components/page/page.d.ts

@@ -1,5 +1,4 @@
 import { PageProps } from "./page.types.js";
-
 //#region src/components/page/page.d.ts
 declare function Page(props: PageProps): JSX.Element;
 //#endregion

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

@@ -1,4 +1,5 @@
 import { MainProps } from "../main/main.types.js";
+import "../main/index.js";
 //#region src/components/page/page.types.d.ts
 type PageProps = MainProps;
 //#endregion

package/dist/components/page-header/index.d.ts

@@ -1,2 +1,3 @@
 import { PageHeaderProps } from "./page-header.types.js";
-import { PageHeader } from "./page-header.js";
+import { PageHeader } from "./page-header.js";
+export { PageHeader, type PageHeaderProps };

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

@@ -1,5 +1,4 @@
 import { PageHeaderProps } from "./page-header.types.js";
-
 //#region src/components/page-header/page-header.d.ts
 declare function PageHeader(props: PageHeaderProps): JSX.Element;
 //#endregion

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

@@ -1,4 +1,5 @@
 import { BlockDivProps } from "../block/block.types.js";
+import "../block/index.js";
 //#region src/components/page-header/page-header.types.d.ts
 type PageHeaderProps = BlockDivProps & {
   title: unknown;

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

@@ -1,2 +1,3 @@
 import { SectionProps } from "./section.types.js";
-import { Section } from "./section.js";
+import { Section } from "./section.js";
+export { Section, type SectionProps };

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

@@ -1,5 +1,4 @@
 import { SectionProps } from "./section.types.js";
-
 //#region src/components/section/section.d.ts
 declare function Section(props: SectionProps): JSX.Element;
 //#endregion

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

@@ -1,4 +1,5 @@
 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

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,5 +1,4 @@
 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;

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,10 +17,7 @@ function Separator(props) {
 		...finalProps,
 		children
 	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
-		children
-	});
+	return intrinsicElement("div", finalProps, children);
 }
 //#endregion
 export { Separator };

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;

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,5 @@ 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 };
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarRail, SidebarScope, SidebarTrigger };
 //# sourceMappingURL=sidebar.d.ts.map

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,6 @@ function SidebarTrigger(props) {
 	});
 }
 //#endregion
-export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarProvider, SidebarRail, SidebarTrigger };
+export { Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarRail, SidebarScope, SidebarTrigger };
 
 //# sourceMappingURL=sidebar.js.map

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":"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"}
+{"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";

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,5 +1,4 @@
 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;

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,10 +29,7 @@ function Skeleton(props) {
 		...finalProps,
 		children
 	});
-	return /* @__PURE__ */ jsx("div", {
-		...finalProps,
-		children
-	});
+	return intrinsicElement("div", finalProps, children);
 }
 //#endregion
 export { Skeleton };

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;

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,5 +1,4 @@
 import { SpinnerProps } from "./spinner.types.js";
-
 //#region src/components/spinner/spinner.d.ts
 declare function Spinner(props: SpinnerProps): JSX.Element;
 //#endregion

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"> & {

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,5 +1,4 @@
 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;

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">;

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,5 +1,4 @@
 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

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,10 +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 };