@askrjs/themes 0.0.4 → 0.0.7

package/dist/components/header/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport type { HeaderProps } from \"./header.types\";\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const { children, position = \"static\", ref, class: className, ...rest } = props;\n\n  return (\n    <header\n      {...rest}\n      ref={ref}\n      class={classes(\"header\", className)}\n      data-slot=\"header\"\n      data-position={position}\n    >\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,WAAW,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,UAAU,UAAU;EACnC,aAAU;EACV,iBAAe;EAEd;EACM,CAAA"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport type { HeaderProps } from \"./header.types\";\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const { children, position = \"static\", ref, class: className, ...rest } = props;\n\n  return (\n    <header\n      {...rest}\n      ref={ref}\n      class={classes(\"header\", className)}\n      data-slot=\"header\"\n      data-position={position}\n    >\n      {children}\n    </header>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,WAAW,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,OACE,oBAAC,UAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,UAAU,SAAS;EAClC,aAAU;EACV,iBAAe;EAEd;CACK,CAAA;AAEZ"}

package/dist/components/inline/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/inline/index.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { InlineProps } from \"../flex\";\n\nexport function Inline(props: InlineProps): JSX.Element {\n  return <Flex {...(props as Record<string, unknown>)} data-slot=\"inline\" />;\n}\n\nexport { Flex };\nexport {\n  FLEX_A11Y_CONTRACT,\n  FLEX_A11Y_CONTRACT as INLINE_A11Y_CONTRACT,\n  type FlexA11yContract,\n  type FlexA11yContract as InlineA11yContract,\n} from \"../flex/flex.a11y\";\nexport type {\n  FlexProps,\n  FlexOwnProps,\n  FlexNativeProps,\n  FlexDivProps,\n  FlexSpanProps,\n  FlexAsChildProps,\n  FlexProps as InlineProps,\n  FlexOwnProps as InlineOwnProps,\n  FlexNativeProps as InlineNativeProps,\n  FlexDivProps as InlineDivProps,\n  FlexSpanProps as InlineSpanProps,\n  FlexAsChildProps as InlineAsChildProps,\n} from \"../flex/flex.types\";\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,OAAO,oBAAC,MAAD;EAAM,GAAK;EAAmC,aAAU;EAAW,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/inline/index.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { InlineProps } from \"../flex\";\n\nexport function Inline(props: InlineProps): JSX.Element {\n  return <Flex {...(props as Record<string, unknown>)} data-slot=\"inline\" />;\n}\n\nexport { Flex };\nexport {\n  FLEX_A11Y_CONTRACT,\n  FLEX_A11Y_CONTRACT as INLINE_A11Y_CONTRACT,\n  type FlexA11yContract,\n  type FlexA11yContract as InlineA11yContract,\n} from \"../flex/flex.a11y\";\nexport type {\n  FlexProps,\n  FlexOwnProps,\n  FlexNativeProps,\n  FlexDivProps,\n  FlexSpanProps,\n  FlexAsChildProps,\n  FlexProps as InlineProps,\n  FlexOwnProps as InlineOwnProps,\n  FlexNativeProps as InlineNativeProps,\n  FlexDivProps as InlineDivProps,\n  FlexSpanProps as InlineSpanProps,\n  FlexAsChildProps as InlineAsChildProps,\n} from \"../flex/flex.types\";\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,OAAO,oBAAC,MAAD;EAAM,GAAK;EAAmC,aAAU;CAAU,CAAA;AAC3E"}

package/dist/components/input-group/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport type {\n  InputGroupProps,\n  InputGroupTextAsChildProps,\n  InputGroupTextProps,\n} from \"./input-group.types\";\n\nexport function InputGroup(props: InputGroupProps): JSX.Element {\n  const {\n    attached = true,\n    children,\n    class: className,\n    orientation = \"horizontal\",\n    ref,\n    role,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"input-group\",\n        orientation === \"vertical\" ? \"input-group-vertical\" : undefined,\n        className,\n      )}\n      data-attached={attached ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"input-group\"\n      role={role ?? \"group\"}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function InputGroupText(props: InputGroupTextProps): JSX.Element;\nexport function InputGroupText(props: InputGroupTextAsChildProps): JSX.Element;\nexport function InputGroupText(\n  props: InputGroupTextProps | InputGroupTextAsChildProps,\n): JSX.Element {\n  const { asChild, children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"input-group-text\", className),\n    ref,\n    \"data-slot\": \"input-group-text\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;AASA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EACJ,WAAW,MACX,UACA,OAAO,WACP,cAAc,cACd,KACA,MACA,GAAG,SACD;CAEJ,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,eACA,gBAAgB,aAAa,yBAAyB,KAAA,GACtD,UACD;EACD,iBAAe,WAAW,SAAS;EACnC,oBAAkB;EAClB,aAAU;EACV,MAAM,QAAQ;EAEb;EACG,CAAA;;AAMV,SAAgB,eACd,OACa;CACb,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QAAQ,oBAAoB,UAAU;EAC7C;EACA,aAAa;EACd,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA"}
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport type {\n  InputGroupProps,\n  InputGroupTextAsChildProps,\n  InputGroupTextProps,\n} from \"./input-group.types\";\n\nexport function InputGroup(props: InputGroupProps): JSX.Element {\n  const {\n    attached = true,\n    children,\n    class: className,\n    orientation = \"horizontal\",\n    ref,\n    role,\n    ...rest\n  } = props;\n\n  return (\n    <div\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"input-group\",\n        orientation === \"vertical\" ? \"input-group-vertical\" : undefined,\n        className,\n      )}\n      data-attached={attached ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"input-group\"\n      role={role ?? \"group\"}\n    >\n      {children}\n    </div>\n  );\n}\n\nexport function InputGroupText(props: InputGroupTextProps): JSX.Element;\nexport function InputGroupText(props: InputGroupTextAsChildProps): JSX.Element;\nexport function InputGroupText(\n  props: InputGroupTextProps | InputGroupTextAsChildProps,\n): JSX.Element {\n  const { asChild, children, ref, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"input-group-text\", className),\n    ref,\n    \"data-slot\": \"input-group-text\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <span {...finalProps}>{children}</span>;\n}\n"],"mappings":";;;;;AASA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EACJ,WAAW,MACX,UACA,OAAO,WACP,cAAc,cACd,KACA,MACA,GAAG,SACD;CAEJ,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,eACA,gBAAgB,aAAa,yBAAyB,KAAA,GACtD,SACF;EACA,iBAAe,WAAW,SAAS;EACnC,oBAAkB;EAClB,aAAU;EACV,MAAM,QAAQ;EAEb;CACE,CAAA;AAET;AAIA,SAAgB,eACd,OACa;CACb,MAAM,EAAE,SAAS,UAAU,KAAK,OAAO,WAAW,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QAAQ,oBAAoB,SAAS;EAC5C;EACA,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC/C"}

package/dist/components/list-group/list-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-group.js","names":[],"sources":["../../../src/components/list-group/list-group.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport type {\n  ListGroupItemAsChildProps,\n  ListGroupItemProps,\n  ListGroupProps,\n} from \"./list-group.types\";\n\nexport function ListGroup(props: ListGroupProps): JSX.Element {\n  const {\n    children,\n    class: className,\n    flush = false,\n    orientation = \"vertical\",\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <ul\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"list-group\",\n        flush ? \"list-group-flush\" : undefined,\n        orientation === \"horizontal\" ? \"list-group-horizontal\" : undefined,\n        className,\n      )}\n      data-flush={flush ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"list-group\"\n    >\n      {children}\n    </ul>\n  );\n}\n\nexport function ListGroupItem(props: ListGroupItemProps): JSX.Element;\nexport function ListGroupItem(props: ListGroupItemAsChildProps): JSX.Element;\nexport function ListGroupItem(props: ListGroupItemProps | ListGroupItemAsChildProps): JSX.Element {\n  const {\n    action = false,\n    active = false,\n    asChild,\n    children,\n    disabled = false,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\n      \"list-group-item\",\n      action ? \"list-group-item-action\" : undefined,\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    ref,\n    \"aria-current\": active ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-action\": action ? \"true\" : undefined,\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"list-group-item\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n"],"mappings":";;;;;AASA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EACJ,UACA,OAAO,WACP,QAAQ,OACR,cAAc,YACd,KACA,GAAG,SACD;CAEJ,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,cACA,QAAQ,qBAAqB,KAAA,GAC7B,gBAAgB,eAAe,0BAA0B,KAAA,GACzD,UACD;EACD,cAAY,QAAQ,SAAS;EAC7B,oBAAkB;EAClB,aAAU;EAET;EACE,CAAA;;AAMT,SAAgB,cAAc,OAAoE;CAChG,MAAM,EACJ,SAAS,OACT,SAAS,OACT,SACA,UACA,WAAW,OACX,KACA,OAAO,WACP,GAAG,SACD;CACJ,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QACL,mBACA,SAAS,2BAA2B,KAAA,GACpC,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,UACD;EACD;EACA,gBAAgB,SAAS,SAAS,KAAA;EAClC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,SAAS,SAAS,KAAA;EACjC,eAAe,SAAS,SAAS,KAAA;EACjC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;EACd,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA"}
+{"version":3,"file":"list-group.js","names":[],"sources":["../../../src/components/list-group/list-group.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport type {\n  ListGroupItemAsChildProps,\n  ListGroupItemProps,\n  ListGroupProps,\n} from \"./list-group.types\";\n\nexport function ListGroup(props: ListGroupProps): JSX.Element {\n  const {\n    children,\n    class: className,\n    flush = false,\n    orientation = \"vertical\",\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <ul\n      {...rest}\n      ref={ref}\n      class={classes(\n        \"list-group\",\n        flush ? \"list-group-flush\" : undefined,\n        orientation === \"horizontal\" ? \"list-group-horizontal\" : undefined,\n        className,\n      )}\n      data-flush={flush ? \"true\" : \"false\"}\n      data-orientation={orientation}\n      data-slot=\"list-group\"\n    >\n      {children}\n    </ul>\n  );\n}\n\nexport function ListGroupItem(props: ListGroupItemProps): JSX.Element;\nexport function ListGroupItem(props: ListGroupItemAsChildProps): JSX.Element;\nexport function ListGroupItem(props: ListGroupItemProps | ListGroupItemAsChildProps): JSX.Element {\n  const {\n    action = false,\n    active = false,\n    asChild,\n    children,\n    disabled = false,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\n      \"list-group-item\",\n      action ? \"list-group-item-action\" : undefined,\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    ref,\n    \"aria-current\": active ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-action\": action ? \"true\" : undefined,\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"list-group-item\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n"],"mappings":";;;;;AASA,SAAgB,UAAU,OAAoC;CAC5D,MAAM,EACJ,UACA,OAAO,WACP,QAAQ,OACR,cAAc,YACd,KACA,GAAG,SACD;CAEJ,OACE,oBAAC,MAAD;EACE,GAAI;EACC;EACL,OAAO,QACL,cACA,QAAQ,qBAAqB,KAAA,GAC7B,gBAAgB,eAAe,0BAA0B,KAAA,GACzD,SACF;EACA,cAAY,QAAQ,SAAS;EAC7B,oBAAkB;EAClB,aAAU;EAET;CACC,CAAA;AAER;AAIA,SAAgB,cAAc,OAAoE;CAChG,MAAM,EACJ,SAAS,OACT,SAAS,OACT,SACA,UACA,WAAW,OACX,KACA,OAAO,WACP,GAAG,SACD;CACJ,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QACL,mBACA,SAAS,2BAA2B,KAAA,GACpC,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,SACF;EACA;EACA,gBAAgB,SAAS,SAAS,KAAA;EAClC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,SAAS,SAAS,KAAA;EACjC,eAAe,SAAS,SAAS,KAAA;EACjC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;CAAa,CAAA;AAC3C"}

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, navigate } from \"@askrjs/askr/router\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  NavAsChildProps,\n  NavDivProps,\n  NavItemAsChildProps,\n  NavItemProps,\n  NavItemVariant,\n  NavLinkProps,\n  NavListProps,\n  NavNavProps,\n  NavProps,\n} from \"./nav.types\";\n\nfunction navItemClasses(variant: NavItemVariant, className: unknown): string | undefined {\n  return classes(\n    \"nav-item\",\n    \"navbar-item\",\n    variant === \"icon\" && \"nav-item-icon\",\n    variant === \"icon\" && \"navbar-item-icon\",\n    className,\n  );\n}\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 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 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\nexport function Nav(props: NavNavProps): JSX.Element;\nexport function Nav(props: NavDivProps): JSX.Element;\nexport function Nav(props: NavListProps): JSX.Element;\nexport function Nav(props: NavAsChildProps): JSX.Element;\nexport function Nav(props: NavProps): JSX.Element {\n  const as = \"as\" in props ? props.as : \"nav\";\n  const className = \"class\" in props ? props.class : undefined;\n  const {\n    asChild,\n    children,\n    orientation = \"horizontal\",\n    variant = \"default\",\n    ref,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"nav\", className),\n    \"data-slot\": \"nav\",\n    \"data-orientation\": orientation,\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"div\") {\n    return <div {...finalProps}>{children}</div>;\n  }\n\n  if (as === \"ul\") {\n    return <ul {...finalProps}>{children}</ul>;\n  }\n\n  return <nav {...finalProps}>{children}</nav>;\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    children,\n    ref,\n    class: className,\n    match: _match,\n    variant = \"default\",\n    ...rest\n  } = props as (NavItemProps | NavItemAsChildProps) & { match?: unknown };\n  void _match;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: navItemClasses(variant, className),\n    \"data-slot\": \"nav-item\",\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <a {...finalProps}>{children}</a>;\n}\n\nexport function NavLink(props: NavLinkProps): JSX.Element {\n  const {\n    children,\n    href,\n    onClick,\n    ref,\n    class: className,\n    match = \"prefix\",\n    target,\n    variant = \"default\",\n    ...rest\n  } = props as NavLinkProps & { onClick?: (event: MouseEvent) => void };\n  const currentPathname = getReactiveCurrentPathname();\n  const targetPathname = resolvePathname(href);\n  const isActive =\n    currentPathname !== null &&\n    targetPathname !== null &&\n    isActiveNavLink(currentPathname, targetPathname, match);\n\n  const linkProps = mergeProps(rest, {\n    href,\n    target,\n    ref,\n    class: navItemClasses(variant, className),\n    \"data-slot\": \"nav-link\",\n    \"data-variant\": variant,\n  });\n\n  const finalProps = isActive\n    ? mergeProps(\n        {\n          \"aria-current\": \"page\",\n          \"data-active\": \"true\",\n        },\n        linkProps,\n      )\n    : linkProps;\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    <a {...finalProps} onClick={handleClick}>\n      {children}\n    </a>\n  );\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, navigate } from \"@askrjs/askr/router\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  NavAsChildProps,\n  NavDivProps,\n  NavItemAsChildProps,\n  NavItemProps,\n  NavItemVariant,\n  NavLinkProps,\n  NavListProps,\n  NavNavProps,\n  NavProps,\n} from \"./nav.types\";\n\nfunction navItemClasses(variant: NavItemVariant, className: unknown): string | undefined {\n  return classes(\n    \"nav-item\",\n    \"navbar-item\",\n    variant === \"icon\" && \"nav-item-icon\",\n    variant === \"icon\" && \"navbar-item-icon\",\n    className,\n  );\n}\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 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 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\nexport function Nav(props: NavNavProps): JSX.Element;\nexport function Nav(props: NavDivProps): JSX.Element;\nexport function Nav(props: NavListProps): JSX.Element;\nexport function Nav(props: NavAsChildProps): JSX.Element;\nexport function Nav(props: NavProps): JSX.Element {\n  const as = \"as\" in props ? props.as : \"nav\";\n  const className = \"class\" in props ? props.class : undefined;\n  const {\n    asChild,\n    children,\n    orientation = \"horizontal\",\n    variant = \"default\",\n    ref,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"nav\", className),\n    \"data-slot\": \"nav\",\n    \"data-orientation\": orientation,\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"div\") {\n    return <div {...finalProps}>{children}</div>;\n  }\n\n  if (as === \"ul\") {\n    return <ul {...finalProps}>{children}</ul>;\n  }\n\n  return <nav {...finalProps}>{children}</nav>;\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    children,\n    ref,\n    class: className,\n    match: _match,\n    variant = \"default\",\n    ...rest\n  } = props as (NavItemProps | NavItemAsChildProps) & { match?: unknown };\n  void _match;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: navItemClasses(variant, className),\n    \"data-slot\": \"nav-item\",\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <a {...finalProps}>{children}</a>;\n}\n\nexport function NavLink(props: NavLinkProps): JSX.Element {\n  const {\n    children,\n    href,\n    onClick,\n    ref,\n    class: className,\n    match = \"prefix\",\n    target,\n    variant = \"default\",\n    ...rest\n  } = props as NavLinkProps & { onClick?: (event: MouseEvent) => void };\n  const currentPathname = getReactiveCurrentPathname();\n  const targetPathname = resolvePathname(href);\n  const isActive =\n    currentPathname !== null &&\n    targetPathname !== null &&\n    isActiveNavLink(currentPathname, targetPathname, match);\n\n  const linkProps = mergeProps(rest, {\n    href,\n    target,\n    ref,\n    class: navItemClasses(variant, className),\n    \"data-slot\": \"nav-link\",\n    \"data-variant\": variant,\n  });\n\n  const finalProps = isActive\n    ? mergeProps(\n        {\n          \"aria-current\": \"page\",\n          \"data-active\": \"true\",\n        },\n        linkProps,\n      )\n    : linkProps;\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    <a {...finalProps} onClick={handleClick}>\n      {children}\n    </a>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar-panel.js","names":[],"sources":["../../../src/components/navbar/navbar-panel.tsx"],"sourcesContent":["import { readContext } from \"@askrjs/askr\";\nimport { renderShellPanel } from \"../shell/shell-panel\";\nimport { NavbarResponsiveContext } from \"./navbar.context\";\nimport type { NavbarPanelProps } from \"./navbar.types\";\n\nexport function NavbarPanel(props: NavbarPanelProps): JSX.Element | null {\n  const {\n    active: activeProp,\n    brand,\n    children,\n    class: className,\n    collapseLabel: collapseLabelProp,\n    onClose,\n    open: openProp,\n    panelId: panelIdProp,\n    ref,\n    ...rest\n  } = props;\n  const needsResponsiveContext =\n    activeProp === undefined ||\n    collapseLabelProp === undefined ||\n    onClose === undefined ||\n    openProp === undefined ||\n    panelIdProp === undefined;\n  const responsive = needsResponsiveContext\n    ? (() => {\n        try {\n          return readContext(NavbarResponsiveContext);\n        } catch {\n          return {\n            active: () => false,\n            collapseLabel: () => \"Menu\",\n            closePanel: () => undefined,\n            panelId: () => undefined,\n            panelOpen: () => false,\n            togglePanel: () => undefined,\n          };\n        }\n      })()\n    : {\n        active: () => false,\n        collapseLabel: () => \"Menu\",\n        closePanel: () => undefined,\n        panelId: () => undefined,\n        panelOpen: () => false,\n        togglePanel: () => undefined,\n      };\n  const active = activeProp ?? responsive.active();\n  const open = openProp ?? responsive.panelOpen();\n  const panelId = panelIdProp ?? responsive.panelId();\n  const collapseLabel = collapseLabelProp ?? responsive.collapseLabel();\n  const closePanel = onClose ?? responsive.closePanel;\n\n  return renderShellPanel({\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    onClose: closePanel,\n    open,\n    panelId,\n    prefix: \"navbar\",\n    ref,\n    rest,\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,YAAY,OAA6C;CACvE,MAAM,EACJ,QAAQ,YACR,OACA,UACA,OAAO,WACP,eAAe,mBACf,SACA,MAAM,UACN,SAAS,aACT,KACA,GAAG,SACD;CAOJ,MAAM,aALJ,eAAe,KAAA,KACf,sBAAsB,KAAA,KACtB,YAAY,KAAA,KACZ,aAAa,KAAA,KACb,gBAAgB,KAAA,WAEP;EACL,IAAI;GACF,OAAO,YAAY,wBAAwB;UACrC;GACN,OAAO;IACL,cAAc;IACd,qBAAqB;IACrB,kBAAkB,KAAA;IAClB,eAAe,KAAA;IACf,iBAAiB;IACjB,mBAAmB,KAAA;IACpB;;KAED,GACJ;EACE,cAAc;EACd,qBAAqB;EACrB,kBAAkB,KAAA;EAClB,eAAe,KAAA;EACf,iBAAiB;EACjB,mBAAmB,KAAA;EACpB;CACL,MAAM,SAAS,cAAc,WAAW,QAAQ;CAChD,MAAM,OAAO,YAAY,WAAW,WAAW;CAC/C,MAAM,UAAU,eAAe,WAAW,SAAS;CAInD,OAAO,iBAAiB;EACtB;EACA;EACA;EACA;EACA,eARoB,qBAAqB,WAAW,eAAe;EASnE,SARiB,WAAW,WAAW;EASvC;EACA;EACA,QAAQ;EACR;EACA;EACD,CAAC"}
+{"version":3,"file":"navbar-panel.js","names":[],"sources":["../../../src/components/navbar/navbar-panel.tsx"],"sourcesContent":["import { readContext } from \"@askrjs/askr\";\nimport { renderShellPanel } from \"../shell/shell-panel\";\nimport { NavbarResponsiveContext } from \"./navbar.context\";\nimport type { NavbarPanelProps } from \"./navbar.types\";\n\nexport function NavbarPanel(props: NavbarPanelProps): JSX.Element | null {\n  const {\n    active: activeProp,\n    brand,\n    children,\n    class: className,\n    collapseLabel: collapseLabelProp,\n    onClose,\n    open: openProp,\n    panelId: panelIdProp,\n    ref,\n    ...rest\n  } = props;\n  const needsResponsiveContext =\n    activeProp === undefined ||\n    collapseLabelProp === undefined ||\n    onClose === undefined ||\n    openProp === undefined ||\n    panelIdProp === undefined;\n  const responsive = needsResponsiveContext\n    ? (() => {\n        try {\n          return readContext(NavbarResponsiveContext);\n        } catch {\n          return {\n            active: () => false,\n            collapseLabel: () => \"Menu\",\n            closePanel: () => undefined,\n            panelId: () => undefined,\n            panelOpen: () => false,\n            togglePanel: () => undefined,\n          };\n        }\n      })()\n    : {\n        active: () => false,\n        collapseLabel: () => \"Menu\",\n        closePanel: () => undefined,\n        panelId: () => undefined,\n        panelOpen: () => false,\n        togglePanel: () => undefined,\n      };\n  const active = activeProp ?? responsive.active();\n  const open = openProp ?? responsive.panelOpen();\n  const panelId = panelIdProp ?? responsive.panelId();\n  const collapseLabel = collapseLabelProp ?? responsive.collapseLabel();\n  const closePanel = onClose ?? responsive.closePanel;\n\n  return renderShellPanel({\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    onClose: closePanel,\n    open,\n    panelId,\n    prefix: \"navbar\",\n    ref,\n    rest,\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,YAAY,OAA6C;CACvE,MAAM,EACJ,QAAQ,YACR,OACA,UACA,OAAO,WACP,eAAe,mBACf,SACA,MAAM,UACN,SAAS,aACT,KACA,GAAG,SACD;CAOJ,MAAM,aALJ,eAAe,KAAA,KACf,sBAAsB,KAAA,KACtB,YAAY,KAAA,KACZ,aAAa,KAAA,KACb,gBAAgB,KAAA,WAEP;EACL,IAAI;GACF,OAAO,YAAY,uBAAuB;EAC5C,QAAQ;GACN,OAAO;IACL,cAAc;IACd,qBAAqB;IACrB,kBAAkB,KAAA;IAClB,eAAe,KAAA;IACf,iBAAiB;IACjB,mBAAmB,KAAA;GACrB;EACF;CACF,GAAG,IACH;EACE,cAAc;EACd,qBAAqB;EACrB,kBAAkB,KAAA;EAClB,eAAe,KAAA;EACf,iBAAiB;EACjB,mBAAmB,KAAA;CACrB;CACJ,MAAM,SAAS,cAAc,WAAW,OAAO;CAC/C,MAAM,OAAO,YAAY,WAAW,UAAU;CAC9C,MAAM,UAAU,eAAe,WAAW,QAAQ;CAIlD,OAAO,iBAAiB;EACtB;EACA;EACA;EACA;EACA,eARoB,qBAAqB,WAAW,cAAc;EASlE,SARiB,WAAW,WAAW;EASvC;EACA;EACA,QAAQ;EACR;EACA;CACF,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.context.js","names":[],"sources":["../../../src/components/navbar/navbar.context.ts"],"sourcesContent":["import { defineContext } from \"@askrjs/askr\";\n\nexport type NavbarResponsiveContextValue = {\n  active: () => boolean;\n  collapseLabel: () => string;\n  closePanel: () => void;\n  panelId: () => string | undefined;\n  panelOpen: () => boolean;\n  togglePanel: () => void;\n};\n\nconst defaultResponsiveContext: NavbarResponsiveContextValue = {\n  active: () => false,\n  collapseLabel: () => \"Menu\",\n  closePanel: () => undefined,\n  panelId: () => undefined,\n  panelOpen: () => false,\n  togglePanel: () => undefined,\n};\n\nexport const NavbarResponsiveContext =\n  defineContext<NavbarResponsiveContextValue>(defaultResponsiveContext);\n"],"mappings":";AAoBA,MAAa,0BACX,cAA4C;CAT5C,cAAc;CACd,qBAAqB;CACrB,kBAAkB,KAAA;CAClB,eAAe,KAAA;CACf,iBAAiB;CACjB,mBAAmB,KAAA;CAIyB,CAAyB"}
+{"version":3,"file":"navbar.context.js","names":[],"sources":["../../../src/components/navbar/navbar.context.ts"],"sourcesContent":["import { defineContext } from \"@askrjs/askr\";\n\nexport type NavbarResponsiveContextValue = {\n  active: () => boolean;\n  collapseLabel: () => string;\n  closePanel: () => void;\n  panelId: () => string | undefined;\n  panelOpen: () => boolean;\n  togglePanel: () => void;\n};\n\nconst defaultResponsiveContext: NavbarResponsiveContextValue = {\n  active: () => false,\n  collapseLabel: () => \"Menu\",\n  closePanel: () => undefined,\n  panelId: () => undefined,\n  panelOpen: () => false,\n  togglePanel: () => undefined,\n};\n\nexport const NavbarResponsiveContext =\n  defineContext<NavbarResponsiveContextValue>(defaultResponsiveContext);\n"],"mappings":";AAoBA,MAAa,0BACX,cAA4C;CAT5C,cAAc;CACd,qBAAqB;CACrB,kBAAkB,KAAA;CAClB,eAAe,KAAA;CACf,iBAAiB;CACjB,mBAAmB,KAAA;AAIyB,CAAwB"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.js","names":[],"sources":["../../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { state } from \"@askrjs/askr\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  renderKeyedShellChildren,\n  ShellPanelWatcher,\n  ShellResponsiveWatcher,\n} from \"../shell/shell-responsive\";\nimport { renderNavbarCollapseContents } from \"./navbar.render\";\nimport { NavbarPanel } from \"./navbar-panel\";\nimport { NavbarResponsiveContext } from \"./navbar.context\";\nimport { isNavbarCollapsed, resolveNavGroupAlign } from \"./navbar.shared\";\nimport type { NavBrandProps, NavGroupProps, NavToggleProps, NavbarProps } from \"./navbar.types\";\n\n/**\n * Extracts the first NavBrand child to display in the mobile panel.\n * NavBrand should be the first child of Navbar for it to appear in the mobile menu.\n */\nfunction findNavbarBrand(children: unknown): unknown {\n  return toChildArray(children).find((child) => isJsxElement(child) && child.type === NavBrand);\n}\n\nfunction withoutNavbarBrand(children: unknown): unknown[] {\n  return toChildArray(children).filter(\n    (child) => !(isJsxElement(child) && child.type === NavBrand),\n  );\n}\n\n/**\n * Responsive mobile-first navbar component.\n *\n * Composition: Navbar should contain NavBrand (extracted to mobile panel), NavGroup items with optional align,\n * and NavLink children. Brand must be first child to appear in mobile menu.\n *\n * @example\n * <Navbar breakpoint=\"md\" aria-label=\"Main navigation\">\n *   <NavBrand><a href=\"/\">Logo</a></NavBrand>\n *   <NavGroup align=\"center\">\n *     <NavLink href=\"/docs\">Docs</NavLink>\n *   </NavGroup>\n *   <NavGroup align=\"end\">\n *     <NavLink href=\"/settings\">Settings</NavLink>\n *   </NavGroup>\n * </Navbar>\n */\nexport function Navbar(props: NavbarProps): JSX.Element {\n  const {\n    children,\n    breakpoint,\n    collapseIcon,\n    collapseIconPlacement = \"start\",\n    collapseLabel,\n    ref,\n    class: className,\n    id,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const effectiveCollapseLabel = collapseLabel ?? \"Menu\";\n  const responsiveChildren = toChildArray(children);\n  const desktopChildren = renderKeyedShellChildren(responsiveChildren, \"navbar-desktop\");\n  const panelChildren = renderKeyedShellChildren(\n    withoutNavbarBrand(responsiveChildren),\n    \"navbar-panel\",\n  );\n  // Extract brand to display in mobile panel header\n  const responsiveCollapsedState =\n    breakpoint !== undefined ? state(isNavbarCollapsed(breakpoint)) : undefined;\n  const mobileMenuState = state(false);\n  const mobileMenuOpen = mobileMenuState();\n  const panelId = typeof id === \"string\" ? `${id}-panel` : undefined;\n  const responsiveCollapsed = breakpoint !== undefined ? responsiveCollapsedState?.() : false;\n  const panelOpen = Boolean(responsiveCollapsed && mobileMenuOpen);\n  const closePanel = () => mobileMenuState.set(false);\n  const closePanelOnNavActivation = (event: MouseEvent) => {\n    const target = event.target;\n\n    if (!(target instanceof Element)) {\n      return;\n    }\n\n    if (target.closest('a[data-slot=\"nav-link\"], a[data-slot=\"nav-item\"], a.navbar-item')) {\n      closePanel();\n    }\n  };\n  const togglePanel = () => {\n    mobileMenuState.set(!mobileMenuState());\n  };\n  const contextValue = {\n    active: () => breakpoint !== undefined,\n    collapseLabel: () => effectiveCollapseLabel,\n    closePanel,\n    panelId: () => panelId,\n    panelOpen: () => Boolean(responsiveCollapsedState?.() && mobileMenuOpen),\n    togglePanel,\n  };\n  const panelBrand = findNavbarBrand(responsiveChildren);\n  const finalProps = mergeProps(rest, {\n    \"aria-label\": ariaLabel,\n    ref,\n    class: classes(\"navbar\", className),\n    \"data-collapse-below\": breakpoint,\n    \"data-responsive-collapsed\": responsiveCollapsed ? \"true\" : \"false\",\n    \"data-slot\": \"navbar\",\n  });\n\n  return (\n    <NavbarResponsiveContext.Scope value={contextValue}>\n      <nav {...finalProps}>\n        {breakpoint !== undefined ? (\n          <div class=\"navbar-mobile\" data-slot=\"navbar-mobile\">\n            <NavToggle\n              active={breakpoint !== undefined}\n              aria-controls={panelId}\n              aria-label={effectiveCollapseLabel}\n              icon={collapseIcon}\n              iconPlacement={collapseIconPlacement}\n              label={effectiveCollapseLabel}\n              onToggle={togglePanel}\n              open={panelOpen}\n              panelId={panelId}\n            />\n          </div>\n        ) : null}\n\n        <div class=\"navbar-shell\" data-slot=\"navbar-shell\">\n          {desktopChildren}\n        </div>\n\n        {breakpoint !== undefined ? (\n          <NavbarPanel\n            active={breakpoint !== undefined}\n            brand={panelBrand}\n            collapseLabel={effectiveCollapseLabel}\n            onClose={closePanel}\n            onClick={closePanelOnNavActivation}\n            open={panelOpen}\n            panelId={panelId}\n          >\n            {panelChildren}\n          </NavbarPanel>\n        ) : null}\n\n        {responsiveCollapsed && mobileMenuOpen ? (\n          <button\n            aria-label={`Close ${effectiveCollapseLabel}`}\n            class=\"navbar-backdrop\"\n            data-slot=\"navbar-backdrop\"\n            data-state=\"open\"\n            tabIndex={-1}\n            type=\"button\"\n            onClick={closePanel}\n          />\n        ) : null}\n\n        {breakpoint !== undefined ? (\n          <ShellResponsiveWatcher\n            breakpoint={breakpoint}\n            isCollapsed={isNavbarCollapsed}\n            onResize={(nextCollapsed) => {\n              responsiveCollapsedState?.set(nextCollapsed);\n            }}\n            onExpand={() => {\n              mobileMenuState?.set(false);\n            }}\n          />\n        ) : null}\n\n        <ShellPanelWatcher\n          contentId={panelId}\n          open={panelOpen}\n          panelSlot=\"navbar-panel\"\n          onClose={closePanel}\n        />\n      </nav>\n    </NavbarResponsiveContext.Scope>\n  );\n}\n\n/**\n * Menu toggle button for responsive navbar collapse.\n * Auto-renders when navbar is responsive (collapseBelow set).\n */\nexport function NavToggle(props: NavToggleProps): JSX.Element | null {\n  const {\n    children,\n    class: className,\n    active,\n    icon,\n    iconPlacement = \"start\",\n    label = \"Menu\",\n    ref,\n    onToggle,\n    open,\n    panelId,\n    ...rest\n  } = props;\n\n  if (active === false) {\n    return null;\n  }\n\n  const isOpen = open === true;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"navbar-toggle\", className),\n    \"aria-controls\": panelId,\n    \"aria-expanded\": isOpen ? \"true\" : \"false\",\n    \"aria-label\": label,\n    \"data-slot\": \"navbar-toggle\",\n    \"data-state\": isOpen ? \"open\" : \"closed\",\n    type: \"button\",\n    onClick: () => onToggle?.(),\n  });\n\n  return (\n    <button {...finalProps}>\n      {children ?? renderNavbarCollapseContents(label, icon, iconPlacement)}\n    </button>\n  );\n}\n\n/**\n * Brand/logo container displayed in navbar and mobile panel header.\n */\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"navbar-brand\", className)} data-slot=\"navbar-brand\">\n      {children}\n    </div>\n  );\n}\n\n/**\n * Navigation group for organizing related nav items.\n *\n * @param align - Alignment: \"start\" (default), \"center\", or \"end\". Using align=\"end\" automatically right-aligns the group.\n * @param label - Optional accessible label for grouped items.\n *\n * @example\n * <NavGroup align=\"center\">\n *   <NavLink href=\"/docs\">Docs</NavLink>\n * </NavGroup>\n */\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n  const { children, id, ref, class: className, label, ...rest } = props;\n  const rawAlign = (rest as Record<string, unknown>)[\"data-align\"];\n  const align =\n    props.align ??\n    (rawAlign === \"start\" || rawAlign === \"center\" || rawAlign === \"end\"\n      ? (rawAlign as NavGroupProps[\"align\"])\n      : undefined);\n  const hasLabel = label !== undefined && label !== null;\n  const labelId = hasLabel && id ? `${id}-label` : undefined;\n  const accessibleLabel = typeof label === \"string\" ? label : undefined;\n\n  return (\n    <div\n      {...rest}\n      id={id}\n      ref={ref}\n      class={classes(\"navbar-group\", className)}\n      aria-label={labelId ? undefined : accessibleLabel}\n      aria-labelledby={labelId}\n      role={hasLabel ? \"group\" : rest.role}\n      data-align={resolveNavGroupAlign(align)}\n      data-has-label={hasLabel ? \"true\" : undefined}\n      data-slot=\"navbar-group\"\n    >\n      {hasLabel ? (\n        <>\n          <div id={labelId} class=\"navbar-group-label\" data-slot=\"navbar-group-label\">\n            {label}\n          </div>\n          <div class=\"navbar-group-body\" data-slot=\"navbar-group-body\">\n            {children}\n          </div>\n        </>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"navbar.js","names":[],"sources":["../../../src/components/navbar/navbar.tsx"],"sourcesContent":["import { state } from \"@askrjs/askr\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  renderKeyedShellChildren,\n  ShellPanelWatcher,\n  ShellResponsiveWatcher,\n} from \"../shell/shell-responsive\";\nimport { renderNavbarCollapseContents } from \"./navbar.render\";\nimport { NavbarPanel } from \"./navbar-panel\";\nimport { NavbarResponsiveContext } from \"./navbar.context\";\nimport { isNavbarCollapsed, resolveNavGroupAlign } from \"./navbar.shared\";\nimport type { NavBrandProps, NavGroupProps, NavToggleProps, NavbarProps } from \"./navbar.types\";\n\n/**\n * Extracts the first NavBrand child to display in the mobile panel.\n * NavBrand should be the first child of Navbar for it to appear in the mobile menu.\n */\nfunction findNavbarBrand(children: unknown): unknown {\n  return toChildArray(children).find((child) => isJsxElement(child) && child.type === NavBrand);\n}\n\nfunction withoutNavbarBrand(children: unknown): unknown[] {\n  return toChildArray(children).filter(\n    (child) => !(isJsxElement(child) && child.type === NavBrand),\n  );\n}\n\n/**\n * Responsive mobile-first navbar component.\n *\n * Composition: Navbar should contain NavBrand (extracted to mobile panel), NavGroup items with optional align,\n * and NavLink children. Brand must be first child to appear in mobile menu.\n *\n * @example\n * <Navbar breakpoint=\"md\" aria-label=\"Main navigation\">\n *   <NavBrand><a href=\"/\">Logo</a></NavBrand>\n *   <NavGroup align=\"center\">\n *     <NavLink href=\"/docs\">Docs</NavLink>\n *   </NavGroup>\n *   <NavGroup align=\"end\">\n *     <NavLink href=\"/settings\">Settings</NavLink>\n *   </NavGroup>\n * </Navbar>\n */\nexport function Navbar(props: NavbarProps): JSX.Element {\n  const {\n    children,\n    breakpoint,\n    collapseIcon,\n    collapseIconPlacement = \"start\",\n    collapseLabel,\n    ref,\n    class: className,\n    id,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props;\n  const effectiveCollapseLabel = collapseLabel ?? \"Menu\";\n  const responsiveChildren = toChildArray(children);\n  const desktopChildren = renderKeyedShellChildren(responsiveChildren, \"navbar-desktop\");\n  const panelChildren = renderKeyedShellChildren(\n    withoutNavbarBrand(responsiveChildren),\n    \"navbar-panel\",\n  );\n  // Extract brand to display in mobile panel header\n  const responsiveCollapsedState =\n    breakpoint !== undefined ? state(isNavbarCollapsed(breakpoint)) : undefined;\n  const mobileMenuState = state(false);\n  const mobileMenuOpen = mobileMenuState();\n  const panelId = typeof id === \"string\" ? `${id}-panel` : undefined;\n  const responsiveCollapsed = breakpoint !== undefined ? responsiveCollapsedState?.() : false;\n  const panelOpen = Boolean(responsiveCollapsed && mobileMenuOpen);\n  const closePanel = () => mobileMenuState.set(false);\n  const closePanelOnNavActivation = (event: MouseEvent) => {\n    const target = event.target;\n\n    if (!(target instanceof Element)) {\n      return;\n    }\n\n    if (target.closest('a[data-slot=\"nav-link\"], a[data-slot=\"nav-item\"], a.navbar-item')) {\n      closePanel();\n    }\n  };\n  const togglePanel = () => {\n    mobileMenuState.set(!mobileMenuState());\n  };\n  const contextValue = {\n    active: () => breakpoint !== undefined,\n    collapseLabel: () => effectiveCollapseLabel,\n    closePanel,\n    panelId: () => panelId,\n    panelOpen: () => Boolean(responsiveCollapsedState?.() && mobileMenuOpen),\n    togglePanel,\n  };\n  const panelBrand = findNavbarBrand(responsiveChildren);\n  const finalProps = mergeProps(rest, {\n    \"aria-label\": ariaLabel,\n    ref,\n    class: classes(\"navbar\", className),\n    \"data-collapse-below\": breakpoint,\n    \"data-responsive-collapsed\": responsiveCollapsed ? \"true\" : \"false\",\n    \"data-slot\": \"navbar\",\n  });\n\n  return (\n    <NavbarResponsiveContext.Scope value={contextValue}>\n      <nav {...finalProps}>\n        {breakpoint !== undefined ? (\n          <div class=\"navbar-mobile\" data-slot=\"navbar-mobile\">\n            <NavToggle\n              active={breakpoint !== undefined}\n              aria-controls={panelId}\n              aria-label={effectiveCollapseLabel}\n              icon={collapseIcon}\n              iconPlacement={collapseIconPlacement}\n              label={effectiveCollapseLabel}\n              onToggle={togglePanel}\n              open={panelOpen}\n              panelId={panelId}\n            />\n          </div>\n        ) : null}\n\n        <div class=\"navbar-shell\" data-slot=\"navbar-shell\">\n          {desktopChildren}\n        </div>\n\n        {breakpoint !== undefined ? (\n          <NavbarPanel\n            active={breakpoint !== undefined}\n            brand={panelBrand}\n            collapseLabel={effectiveCollapseLabel}\n            onClose={closePanel}\n            onClick={closePanelOnNavActivation}\n            open={panelOpen}\n            panelId={panelId}\n          >\n            {panelChildren}\n          </NavbarPanel>\n        ) : null}\n\n        {responsiveCollapsed && mobileMenuOpen ? (\n          <button\n            aria-label={`Close ${effectiveCollapseLabel}`}\n            class=\"navbar-backdrop\"\n            data-slot=\"navbar-backdrop\"\n            data-state=\"open\"\n            tabIndex={-1}\n            type=\"button\"\n            onClick={closePanel}\n          />\n        ) : null}\n\n        {breakpoint !== undefined ? (\n          <ShellResponsiveWatcher\n            breakpoint={breakpoint}\n            isCollapsed={isNavbarCollapsed}\n            onResize={(nextCollapsed) => {\n              responsiveCollapsedState?.set(nextCollapsed);\n            }}\n            onExpand={() => {\n              mobileMenuState?.set(false);\n            }}\n          />\n        ) : null}\n\n        <ShellPanelWatcher\n          contentId={panelId}\n          open={panelOpen}\n          panelSlot=\"navbar-panel\"\n          onClose={closePanel}\n        />\n      </nav>\n    </NavbarResponsiveContext.Scope>\n  );\n}\n\n/**\n * Menu toggle button for responsive navbar collapse.\n * Auto-renders when navbar is responsive (collapseBelow set).\n */\nexport function NavToggle(props: NavToggleProps): JSX.Element | null {\n  const {\n    children,\n    class: className,\n    active,\n    icon,\n    iconPlacement = \"start\",\n    label = \"Menu\",\n    ref,\n    onToggle,\n    open,\n    panelId,\n    ...rest\n  } = props;\n\n  if (active === false) {\n    return null;\n  }\n\n  const isOpen = open === true;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"navbar-toggle\", className),\n    \"aria-controls\": panelId,\n    \"aria-expanded\": isOpen ? \"true\" : \"false\",\n    \"aria-label\": label,\n    \"data-slot\": \"navbar-toggle\",\n    \"data-state\": isOpen ? \"open\" : \"closed\",\n    type: \"button\",\n    onClick: () => onToggle?.(),\n  });\n\n  return (\n    <button {...finalProps}>\n      {children ?? renderNavbarCollapseContents(label, icon, iconPlacement)}\n    </button>\n  );\n}\n\n/**\n * Brand/logo container displayed in navbar and mobile panel header.\n */\nexport function NavBrand(props: NavBrandProps): JSX.Element {\n  const { children, ref, class: className, ...rest } = props;\n\n  return (\n    <div {...rest} ref={ref} class={classes(\"navbar-brand\", className)} data-slot=\"navbar-brand\">\n      {children}\n    </div>\n  );\n}\n\n/**\n * Navigation group for organizing related nav items.\n *\n * @param align - Alignment: \"start\" (default), \"center\", or \"end\". Using align=\"end\" automatically right-aligns the group.\n * @param label - Optional accessible label for grouped items.\n *\n * @example\n * <NavGroup align=\"center\">\n *   <NavLink href=\"/docs\">Docs</NavLink>\n * </NavGroup>\n */\nexport function NavGroup(props: NavGroupProps): JSX.Element {\n  const { children, id, ref, class: className, label, ...rest } = props;\n  const rawAlign = (rest as Record<string, unknown>)[\"data-align\"];\n  const align =\n    props.align ??\n    (rawAlign === \"start\" || rawAlign === \"center\" || rawAlign === \"end\"\n      ? (rawAlign as NavGroupProps[\"align\"])\n      : undefined);\n  const hasLabel = label !== undefined && label !== null;\n  const labelId = hasLabel && id ? `${id}-label` : undefined;\n  const accessibleLabel = typeof label === \"string\" ? label : undefined;\n\n  return (\n    <div\n      {...rest}\n      id={id}\n      ref={ref}\n      class={classes(\"navbar-group\", className)}\n      aria-label={labelId ? undefined : accessibleLabel}\n      aria-labelledby={labelId}\n      role={hasLabel ? \"group\" : rest.role}\n      data-align={resolveNavGroupAlign(align)}\n      data-has-label={hasLabel ? \"true\" : undefined}\n      data-slot=\"navbar-group\"\n    >\n      {hasLabel ? (\n        <>\n          <div id={labelId} class=\"navbar-group-label\" data-slot=\"navbar-group-label\">\n            {label}\n          </div>\n          <div class=\"navbar-group-body\" data-slot=\"navbar-group-body\">\n            {children}\n          </div>\n        </>\n      ) : (\n        children\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.render.js","names":[],"sources":["../../../src/components/navbar/navbar.render.tsx"],"sourcesContent":["import type { CollapseIconPlacement } from \"../shell/shell-nav.types\";\n\nexport function renderNavbarCollapseContents(\n  collapseLabel: string,\n  collapseIcon: unknown,\n  collapseIconPlacement: CollapseIconPlacement,\n): unknown {\n  const icon = (\n    <span data-slot=\"navbar-toggle-icon\" aria-hidden=\"true\">\n      {collapseIcon ?? (\n        <span class=\"navbar-toggle-glyph\" data-slot=\"navbar-toggle-glyph\">\n          <span />\n          <span />\n          <span />\n        </span>\n      )}\n    </span>\n  );\n  const label = <span data-slot=\"navbar-toggle-label\">{collapseLabel}</span>;\n\n  return collapseIconPlacement === \"end\" ? (\n    <>\n      {label}\n      {icon}\n    </>\n  ) : (\n    <>\n      {icon}\n      {label}\n    </>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,6BACd,eACA,cACA,uBACS;CACT,MAAM,OACJ,oBAAC,QAAD;EAAM,aAAU;EAAqB,eAAY;YAC9C,gBACC,qBAAC,QAAD;GAAM,OAAM;GAAsB,aAAU;aAA5C;IACE,oBAAC,QAAD,EAAQ,CAAA;IACR,oBAAC,QAAD,EAAQ,CAAA;IACR,oBAAC,QAAD,EAAQ,CAAA;IACH;;EAEJ,CAAA;CAET,MAAM,QAAQ,oBAAC,QAAD;EAAM,aAAU;YAAuB;EAAqB,CAAA;CAE1E,OAAO,0BAA0B,QAC/B,qBAAA,UAAA,EAAA,UAAA,CACG,OACA,KACA,EAAA,CAAA,GAEH,qBAAA,UAAA,EAAA,UAAA,CACG,MACA,MACA,EAAA,CAAA"}
+{"version":3,"file":"navbar.render.js","names":[],"sources":["../../../src/components/navbar/navbar.render.tsx"],"sourcesContent":["import type { CollapseIconPlacement } from \"../shell/shell-nav.types\";\n\nexport function renderNavbarCollapseContents(\n  collapseLabel: string,\n  collapseIcon: unknown,\n  collapseIconPlacement: CollapseIconPlacement,\n): unknown {\n  const icon = (\n    <span data-slot=\"navbar-toggle-icon\" aria-hidden=\"true\">\n      {collapseIcon ?? (\n        <span class=\"navbar-toggle-glyph\" data-slot=\"navbar-toggle-glyph\">\n          <span />\n          <span />\n          <span />\n        </span>\n      )}\n    </span>\n  );\n  const label = <span data-slot=\"navbar-toggle-label\">{collapseLabel}</span>;\n\n  return collapseIconPlacement === \"end\" ? (\n    <>\n      {label}\n      {icon}\n    </>\n  ) : (\n    <>\n      {icon}\n      {label}\n    </>\n  );\n}\n"],"mappings":";;AAEA,SAAgB,6BACd,eACA,cACA,uBACS;CACT,MAAM,OACJ,oBAAC,QAAD;EAAM,aAAU;EAAqB,eAAY;YAC9C,gBACC,qBAAC,QAAD;GAAM,OAAM;GAAsB,aAAU;aAA5C;IACE,oBAAC,QAAD,CAAO,CAAA;IACP,oBAAC,QAAD,CAAO,CAAA;IACP,oBAAC,QAAD,CAAO,CAAA;GACH;;CAEJ,CAAA;CAER,MAAM,QAAQ,oBAAC,QAAD;EAAM,aAAU;YAAuB;CAAoB,CAAA;CAEzE,OAAO,0BAA0B,QAC/B,qBAAA,UAAA,EAAA,UAAA,CACG,OACA,IACD,EAAA,CAAA,IAEF,qBAAA,UAAA,EAAA,UAAA,CACG,MACA,KACD,EAAA,CAAA;AAEN"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.shared.js","names":[],"sources":["../../../src/components/navbar/navbar.shared.ts"],"sourcesContent":["import type { CollapseBreakpoint } from \"../shell/shell-nav.types\";\nimport type { NavGroupAlign } from \"./navbar.types\";\n\nexport const NAVBAR_COLLAPSE_BREAKPOINTS: Record<CollapseBreakpoint, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function resolveNavGroupAlign(align: NavGroupAlign | undefined): string | undefined {\n  return align === \"start\" ? undefined : align;\n}\n\nexport function isNavbarCollapsed(collapseBelow: CollapseBreakpoint): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.innerWidth < NAVBAR_COLLAPSE_BREAKPOINTS[collapseBelow];\n}\n"],"mappings":";AAGA,MAAa,8BAAkE;CAC7E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACL;AAED,SAAgB,qBAAqB,OAAsD;CACzF,OAAO,UAAU,UAAU,KAAA,IAAY;;AAGzC,SAAgB,kBAAkB,eAA4C;CAC5E,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,OAAO,aAAa,4BAA4B"}
+{"version":3,"file":"navbar.shared.js","names":[],"sources":["../../../src/components/navbar/navbar.shared.ts"],"sourcesContent":["import type { CollapseBreakpoint } from \"../shell/shell-nav.types\";\nimport type { NavGroupAlign } from \"./navbar.types\";\n\nexport const NAVBAR_COLLAPSE_BREAKPOINTS: Record<CollapseBreakpoint, number> = {\n  sm: 640,\n  md: 768,\n  lg: 1024,\n  xl: 1280,\n};\n\nexport function resolveNavGroupAlign(align: NavGroupAlign | undefined): string | undefined {\n  return align === \"start\" ? undefined : align;\n}\n\nexport function isNavbarCollapsed(collapseBelow: CollapseBreakpoint): boolean {\n  if (typeof window === \"undefined\") {\n    return false;\n  }\n\n  return window.innerWidth < NAVBAR_COLLAPSE_BREAKPOINTS[collapseBelow];\n}\n"],"mappings":";AAGA,MAAa,8BAAkE;CAC7E,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;AAEA,SAAgB,qBAAqB,OAAsD;CACzF,OAAO,UAAU,UAAU,KAAA,IAAY;AACzC;AAEA,SAAgB,kBAAkB,eAA4C;CAC5E,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,OAAO,OAAO,aAAa,4BAA4B;AACzD"}

package/dist/components/overlays/dropdown-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-content.js","names":["DropdownContent","UiDropdownContent"],"sources":["../../../src/components/overlays/dropdown-content.tsx"],"sourcesContent":["import { DropdownContent as UiDropdownContent } from \"@askrjs/ui\";\nimport type { DropdownContentAsChildProps, DropdownContentProps } from \"@askrjs/ui\";\n\ntype DropdownContentBodyProps = {\n  render: () => unknown;\n};\n\nfunction DropdownContentBody(props: DropdownContentBodyProps): JSX.Element {\n  return <>{props.render()}</>;\n}\n\nexport function DropdownContent(props: DropdownContentProps): JSX.Element | null;\nexport function DropdownContent(props: DropdownContentAsChildProps): JSX.Element | null;\nexport function DropdownContent(\n  props: DropdownContentProps | DropdownContentAsChildProps,\n): JSX.Element | null {\n  if (\"asChild\" in props && props.asChild) {\n    return <UiDropdownContent {...props} />;\n  }\n\n  const { children, ...rest } = props as DropdownContentProps;\n\n  return (\n    <UiDropdownContent {...rest}>\n      <DropdownContentBody render={() => children} />\n    </UiDropdownContent>\n  );\n}\n"],"mappings":";;;AAOA,SAAS,oBAAoB,OAA8C;CACzE,OAAO,oBAAA,UAAA,EAAA,UAAG,MAAM,QAAQ,EAAI,CAAA;;AAK9B,SAAgBA,kBACd,OACoB;CACpB,IAAI,aAAa,SAAS,MAAM,SAC9B,OAAO,oBAACC,iBAAD,EAAmB,GAAI,OAAS,CAAA;CAGzC,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAACA,iBAAD;EAAmB,GAAI;YACrB,oBAAC,qBAAD,EAAqB,cAAc,UAAY,CAAA;EAC7B,CAAA"}
+{"version":3,"file":"dropdown-content.js","names":["DropdownContent","UiDropdownContent"],"sources":["../../../src/components/overlays/dropdown-content.tsx"],"sourcesContent":["import { DropdownContent as UiDropdownContent } from \"@askrjs/ui\";\nimport type { DropdownContentAsChildProps, DropdownContentProps } from \"@askrjs/ui\";\n\ntype DropdownContentBodyProps = {\n  render: () => unknown;\n};\n\nfunction DropdownContentBody(props: DropdownContentBodyProps): JSX.Element {\n  return <>{props.render()}</>;\n}\n\nexport function DropdownContent(props: DropdownContentProps): JSX.Element | null;\nexport function DropdownContent(props: DropdownContentAsChildProps): JSX.Element | null;\nexport function DropdownContent(\n  props: DropdownContentProps | DropdownContentAsChildProps,\n): JSX.Element | null {\n  if (\"asChild\" in props && props.asChild) {\n    return <UiDropdownContent {...props} />;\n  }\n\n  const { children, ...rest } = props as DropdownContentProps;\n\n  return (\n    <UiDropdownContent {...rest}>\n      <DropdownContentBody render={() => children} />\n    </UiDropdownContent>\n  );\n}\n"],"mappings":";;;AAOA,SAAS,oBAAoB,OAA8C;CACzE,OAAO,oBAAA,UAAA,EAAA,UAAG,MAAM,OAAO,EAAI,CAAA;AAC7B;AAIA,SAAgBA,kBACd,OACoB;CACpB,IAAI,aAAa,SAAS,MAAM,SAC9B,OAAO,oBAACC,iBAAD,EAAmB,GAAI,MAAQ,CAAA;CAGxC,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAACA,iBAAD;EAAmB,GAAI;YACrB,oBAAC,qBAAD,EAAqB,cAAc,SAAW,CAAA;CAC7B,CAAA;AAEvB"}

package/dist/components/pagination/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { navigate } from \"@askrjs/askr/router\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  PaginationEllipsisProps,\n  PaginationItemAsChildProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationProps,\n} from \"./pagination.types\";\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\nexport function Pagination(props: PaginationProps): JSX.Element {\n  const { children, class: className, label = \"Pagination\", ref, ...rest } = props;\n\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      class={classes(\"pagination\", className)}\n      aria-label={label}\n      data-slot=\"pagination\"\n    >\n      <ul class=\"pagination-list\" data-slot=\"pagination-list\">\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nexport function PaginationItem(props: PaginationItemProps): JSX.Element;\nexport function PaginationItem(props: PaginationItemAsChildProps): JSX.Element;\nexport function PaginationItem(\n  props: PaginationItemProps | PaginationItemAsChildProps,\n): JSX.Element {\n  const {\n    active = false,\n    asChild,\n    children,\n    disabled = false,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\n      \"page-item\",\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    ref,\n    \"aria-current\": active ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"pagination-item\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n\nexport function PaginationLink(props: PaginationLinkProps): JSX.Element {\n  const {\n    active = false,\n    children,\n    class: className,\n    disabled = false,\n    href,\n    onClick,\n    ref,\n    target,\n    ...rest\n  } = props as PaginationLinkProps & { onClick?: (event: MouseEvent) => void };\n  const hrefValue = href as string;\n  const targetValue = target as string | undefined;\n  const targetPathname = resolvePathname(hrefValue);\n  const isActive = active;\n\n  const linkProps = mergeProps(rest, {\n    href,\n    target: targetValue,\n    ref,\n    class: classes(\n      \"page-link\",\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    \"aria-current\": isActive ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-active\": isActive ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"pagination-link\",\n    tabIndex: disabled ? -1 : undefined,\n  });\n\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n\n    if (disabled || !shouldHandleClientNavigation(event, targetValue, targetPathname)) {\n      if (disabled) {\n        event.preventDefault();\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    navigate(hrefValue);\n  };\n\n  return (\n    <a {...linkProps} onClick={handleClick}>\n      {children}\n    </a>\n  );\n}\n\nexport function PaginationEllipsis(props: PaginationEllipsisProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      class={classes(\"pagination-ellipsis\", className)}\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n    >\n      {children ?? \"...\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AAaA,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;;AAIX,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,QAAQ,cAAc,KAAK,GAAG,SAAS;CAE3E,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,cAAc,UAAU;EACvC,cAAY;EACZ,aAAU;YAEV,oBAAC,MAAD;GAAI,OAAM;GAAkB,aAAU;GACnC;GACE,CAAA;EACD,CAAA;;AAMV,SAAgB,eACd,OACa;CACb,MAAM,EACJ,SAAS,OACT,SACA,UACA,WAAW,OACX,KACA,OAAO,WACP,GAAG,SACD;CACJ,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QACL,aACA,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,UACD;EACD;EACA,gBAAgB,SAAS,SAAS,KAAA;EAClC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,SAAS,SAAS,KAAA;EACjC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;EACd,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;EAAc,CAAA;;AAG5C,SAAgB,eAAe,OAAyC;CACtE,MAAM,EACJ,SAAS,OACT,UACA,OAAO,WACP,WAAW,OACX,MACA,SACA,KACA,QACA,GAAG,SACD;CACJ,MAAM,YAAY;CAClB,MAAM,cAAc;CACpB,MAAM,iBAAiB,gBAAgB,UAAU;CACjD,MAAM,WAAW;CAEjB,MAAM,YAAY,WAAW,MAAM;EACjC;EACA,QAAQ;EACR;EACA,OAAO,QACL,aACA,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,UACD;EACD,gBAAgB,WAAW,SAAS,KAAA;EACpC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,WAAW,SAAS,KAAA;EACnC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;EACb,UAAU,WAAW,KAAK,KAAA;EAC3B,CAAC;CAEF,MAAM,eAAe,UAAsB;EACzC,UAAU,MAAM;EAEhB,IAAI,YAAY,CAAC,6BAA6B,OAAO,aAAa,eAAe,EAAE;GACjF,IAAI,UACF,MAAM,gBAAgB;GAGxB;;EAGF,MAAM,gBAAgB;EACtB,SAAS,UAAU;;CAGrB,OACE,oBAAC,KAAD;EAAG,GAAI;EAAW,SAAS;EACxB;EACC,CAAA;;AAIR,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAErD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,uBAAuB,UAAU;EAChD,eAAY;EACZ,aAAU;YAET,YAAY;EACR,CAAA"}
+{"version":3,"file":"pagination.js","names":[],"sources":["../../../src/components/pagination/pagination.tsx"],"sourcesContent":["import { navigate } from \"@askrjs/askr/router\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport { resolvePathname } from \"../_internal/pathname\";\nimport type {\n  PaginationEllipsisProps,\n  PaginationItemAsChildProps,\n  PaginationItemProps,\n  PaginationLinkProps,\n  PaginationProps,\n} from \"./pagination.types\";\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\nexport function Pagination(props: PaginationProps): JSX.Element {\n  const { children, class: className, label = \"Pagination\", ref, ...rest } = props;\n\n  return (\n    <nav\n      {...rest}\n      ref={ref}\n      class={classes(\"pagination\", className)}\n      aria-label={label}\n      data-slot=\"pagination\"\n    >\n      <ul class=\"pagination-list\" data-slot=\"pagination-list\">\n        {children}\n      </ul>\n    </nav>\n  );\n}\n\nexport function PaginationItem(props: PaginationItemProps): JSX.Element;\nexport function PaginationItem(props: PaginationItemAsChildProps): JSX.Element;\nexport function PaginationItem(\n  props: PaginationItemProps | PaginationItemAsChildProps,\n): JSX.Element {\n  const {\n    active = false,\n    asChild,\n    children,\n    disabled = false,\n    ref,\n    class: className,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\n      \"page-item\",\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    ref,\n    \"aria-current\": active ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"pagination-item\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <li {...finalProps}>{children}</li>;\n}\n\nexport function PaginationLink(props: PaginationLinkProps): JSX.Element {\n  const {\n    active = false,\n    children,\n    class: className,\n    disabled = false,\n    href,\n    onClick,\n    ref,\n    target,\n    ...rest\n  } = props as PaginationLinkProps & { onClick?: (event: MouseEvent) => void };\n  const hrefValue = href as string;\n  const targetValue = target as string | undefined;\n  const targetPathname = resolvePathname(hrefValue);\n  const isActive = active;\n\n  const linkProps = mergeProps(rest, {\n    href,\n    target: targetValue,\n    ref,\n    class: classes(\n      \"page-link\",\n      active ? \"active\" : undefined,\n      disabled ? \"disabled\" : undefined,\n      className,\n    ),\n    \"aria-current\": isActive ? \"page\" : undefined,\n    \"aria-disabled\": disabled ? \"true\" : undefined,\n    \"data-active\": isActive ? \"true\" : undefined,\n    \"data-disabled\": disabled ? \"true\" : undefined,\n    \"data-slot\": \"pagination-link\",\n    tabIndex: disabled ? -1 : undefined,\n  });\n\n  const handleClick = (event: MouseEvent) => {\n    onClick?.(event);\n\n    if (disabled || !shouldHandleClientNavigation(event, targetValue, targetPathname)) {\n      if (disabled) {\n        event.preventDefault();\n      }\n\n      return;\n    }\n\n    event.preventDefault();\n    navigate(hrefValue);\n  };\n\n  return (\n    <a {...linkProps} onClick={handleClick}>\n      {children}\n    </a>\n  );\n}\n\nexport function PaginationEllipsis(props: PaginationEllipsisProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n\n  return (\n    <span\n      {...rest}\n      ref={ref}\n      class={classes(\"pagination-ellipsis\", className)}\n      aria-hidden=\"true\"\n      data-slot=\"pagination-ellipsis\"\n    >\n      {children ?? \"...\"}\n    </span>\n  );\n}\n"],"mappings":";;;;;;;AAaA,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,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,QAAQ,cAAc,KAAK,GAAG,SAAS;CAE3E,OACE,oBAAC,OAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,cAAc,SAAS;EACtC,cAAY;EACZ,aAAU;YAEV,oBAAC,MAAD;GAAI,OAAM;GAAkB,aAAU;GACnC;EACC,CAAA;CACD,CAAA;AAET;AAIA,SAAgB,eACd,OACa;CACb,MAAM,EACJ,SAAS,OACT,SACA,UACA,WAAW,OACX,KACA,OAAO,WACP,GAAG,SACD;CACJ,MAAM,aAAa,WAAW,MAAM;EAClC,OAAO,QACL,aACA,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,SACF;EACA;EACA,gBAAgB,SAAS,SAAS,KAAA;EAClC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,SAAS,SAAS,KAAA;EACjC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;CACf,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,MAAD;EAAI,GAAI;EAAa;CAAa,CAAA;AAC3C;AAEA,SAAgB,eAAe,OAAyC;CACtE,MAAM,EACJ,SAAS,OACT,UACA,OAAO,WACP,WAAW,OACX,MACA,SACA,KACA,QACA,GAAG,SACD;CACJ,MAAM,YAAY;CAClB,MAAM,cAAc;CACpB,MAAM,iBAAiB,gBAAgB,SAAS;CAChD,MAAM,WAAW;CAEjB,MAAM,YAAY,WAAW,MAAM;EACjC;EACA,QAAQ;EACR;EACA,OAAO,QACL,aACA,SAAS,WAAW,KAAA,GACpB,WAAW,aAAa,KAAA,GACxB,SACF;EACA,gBAAgB,WAAW,SAAS,KAAA;EACpC,iBAAiB,WAAW,SAAS,KAAA;EACrC,eAAe,WAAW,SAAS,KAAA;EACnC,iBAAiB,WAAW,SAAS,KAAA;EACrC,aAAa;EACb,UAAU,WAAW,KAAK,KAAA;CAC5B,CAAC;CAED,MAAM,eAAe,UAAsB;EACzC,UAAU,KAAK;EAEf,IAAI,YAAY,CAAC,6BAA6B,OAAO,aAAa,cAAc,GAAG;GACjF,IAAI,UACF,MAAM,eAAe;GAGvB;EACF;EAEA,MAAM,eAAe;EACrB,SAAS,SAAS;CACpB;CAEA,OACE,oBAAC,KAAD;EAAG,GAAI;EAAW,SAAS;EACxB;CACA,CAAA;AAEP;AAEA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAErD,OACE,oBAAC,QAAD;EACE,GAAI;EACC;EACL,OAAO,QAAQ,uBAAuB,SAAS;EAC/C,eAAY;EACZ,aAAU;YAET,YAAY;CACT,CAAA;AAEV"}

package/dist/components/section/section.js.map

@@ -1 +1 @@
-{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/section/section.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  applyBoxLayoutStyles,\n  splitBoxLayoutProps,\n  withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport { serializeResponsiveValueIf } from \"../_internal/layout\";\nimport type { SectionAsChildProps, SectionElementProps } from \"./section.types\";\n\nfunction isSectionSizeToken(value: unknown): value is string {\n  return typeof value === \"string\" && [\"1\", \"2\", \"3\", \"4\"].includes(value.trim());\n}\n\nexport function Section(props: SectionElementProps): JSX.Element;\nexport function Section(props: SectionAsChildProps): JSX.Element;\nexport function Section(props: SectionElementProps | SectionAsChildProps) {\n  const { asChild, children, size = \"3\", ref, style: userStyle, ...rest } = props;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {};\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n  const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": \"section\",\n    \"data-ak-layout\": \"true\",\n    \"data-size\": serializeResponsiveValueIf(size, isSectionSizeToken),\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <section {...finalProps}>{children}</section>;\n}\n"],"mappings":";;;;;;AAUA,SAAS,mBAAmB,OAAiC;CAC3D,OAAO,OAAO,UAAU,YAAY;EAAC;EAAK;EAAK;EAAK;EAAI,CAAC,SAAS,MAAM,MAAM,CAAC;;AAKjF,SAAgB,QAAQ,OAAkD;CACxE,MAAM,EAAE,SAAS,UAAU,OAAO,KAAK,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,KAAK;CACtE,MAAM,cAA+C,EAAE;CACvD,qBAAqB,aAAa,SAAS;CAC3C,MAAM,cAAc,mBAAmB,aAAa,UAAU;CAE9D,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,aAAa,2BAA2B,MAAM,mBAAmB;EACjE,GAAI,cAAc,EAAE,OAAO,aAAa,GAAG,EAAE;EAC9C,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAa;EAAmB,CAAA"}
+{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/section/section.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport {\n  applyBoxLayoutStyles,\n  splitBoxLayoutProps,\n  withBoxLayoutClass,\n} from \"../_internal/box-layout\";\nimport { serializeResponsiveValueIf } from \"../_internal/layout\";\nimport type { SectionAsChildProps, SectionElementProps } from \"./section.types\";\n\nfunction isSectionSizeToken(value: unknown): value is string {\n  return typeof value === \"string\" && [\"1\", \"2\", \"3\", \"4\"].includes(value.trim());\n}\n\nexport function Section(props: SectionElementProps): JSX.Element;\nexport function Section(props: SectionAsChildProps): JSX.Element;\nexport function Section(props: SectionElementProps | SectionAsChildProps) {\n  const { asChild, children, size = \"3\", ref, style: userStyle, ...rest } = props;\n\n  const { boxProps, rest: passthroughProps } = splitBoxLayoutProps(rest);\n  const layoutStyle: Record<string, string | number> = {};\n  applyBoxLayoutStyles(layoutStyle, boxProps);\n  const layoutClass = withBoxLayoutClass(layoutStyle, userStyle);\n\n  const finalProps = mergeProps(passthroughProps, {\n    ref,\n    \"data-slot\": \"section\",\n    \"data-ak-layout\": \"true\",\n    \"data-size\": serializeResponsiveValueIf(size, isSectionSizeToken),\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <section {...finalProps}>{children}</section>;\n}\n"],"mappings":";;;;;;AAUA,SAAS,mBAAmB,OAAiC;CAC3D,OAAO,OAAO,UAAU,YAAY;EAAC;EAAK;EAAK;EAAK;CAAG,EAAE,SAAS,MAAM,KAAK,CAAC;AAChF;AAIA,SAAgB,QAAQ,OAAkD;CACxE,MAAM,EAAE,SAAS,UAAU,OAAO,KAAK,KAAK,OAAO,WAAW,GAAG,SAAS;CAE1E,MAAM,EAAE,UAAU,MAAM,qBAAqB,oBAAoB,IAAI;CACrE,MAAM,cAA+C,CAAC;CACtD,qBAAqB,aAAa,QAAQ;CAC1C,MAAM,cAAc,mBAAmB,aAAa,SAAS;CAE7D,MAAM,aAAa,WAAW,kBAAkB;EAC9C;EACA,aAAa;EACb,kBAAkB;EAClB,aAAa,2BAA2B,MAAM,kBAAkB;EAChE,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,CAAC;CAC9C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,WAAD;EAAS,GAAI;EAAa;CAAkB,CAAA;AACrD"}

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

@@ -1 +1 @@
-{"version":3,"file":"separator.a11y.js","names":[],"sources":["../../../src/components/separator/separator.a11y.ts"],"sourcesContent":["/**\n * WAI-ARIA Separator Pattern.\n */\n\nexport const SEPARATOR_A11Y_CONTRACT = {\n  ROLE: \"separator\" as const,\n  DECORATIVE_ROLE: \"presentation\" as const,\n  ORIENTATION_ATTRIBUTE: \"aria-orientation\" as const,\n  DATA_ATTRIBUTES: {\n    orientation: \"data-orientation\" as const,\n  },\n  DEFAULT_ORIENTATION: \"horizontal\" as const,\n} as const;\n\nexport type SeparatorA11yContract = typeof SEPARATOR_A11Y_CONTRACT;\n"],"mappings":";;;;AAIA,MAAa,0BAA0B;CACrC,MAAM;CACN,iBAAiB;CACjB,uBAAuB;CACvB,iBAAiB,EACf,aAAa,oBACd;CACD,qBAAqB;CACtB"}
+{"version":3,"file":"separator.a11y.js","names":[],"sources":["../../../src/components/separator/separator.a11y.ts"],"sourcesContent":["/**\n * WAI-ARIA Separator Pattern.\n */\n\nexport const SEPARATOR_A11Y_CONTRACT = {\n  ROLE: \"separator\" as const,\n  DECORATIVE_ROLE: \"presentation\" as const,\n  ORIENTATION_ATTRIBUTE: \"aria-orientation\" as const,\n  DATA_ATTRIBUTES: {\n    orientation: \"data-orientation\" as const,\n  },\n  DEFAULT_ORIENTATION: \"horizontal\" as const,\n} as const;\n\nexport type SeparatorA11yContract = typeof SEPARATOR_A11Y_CONTRACT;\n"],"mappings":";;;;AAIA,MAAa,0BAA0B;CACrC,MAAM;CACN,iBAAiB;CACjB,uBAAuB;CACvB,iBAAiB,EACf,aAAa,mBACf;CACA,qBAAqB;AACvB"}

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;EAC9C,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}
+{"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"}

package/dist/components/shell/shell-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell-panel.js","names":[],"sources":["../../../src/components/shell/shell-panel.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\n\nexport type ShellPanelRenderProps = {\n  active: boolean;\n  brand?: unknown;\n  children?: unknown;\n  className?: unknown;\n  collapseLabel: string;\n  dataOrientation?: string;\n  onClose: () => void;\n  open: boolean;\n  panelId?: string;\n  prefix: \"navbar\" | \"sidebar\";\n  ref?: unknown;\n  rest: Record<string, unknown>;\n};\n\nexport function renderShellPanel(props: ShellPanelRenderProps): JSX.Element | null {\n  const {\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    dataOrientation,\n    onClose,\n    open,\n    panelId,\n    prefix,\n    ref,\n    rest,\n  } = props;\n\n  if (active && !open) {\n    return null;\n  }\n\n  const panelClass = `${prefix}-panel`;\n  const headerClass = `${prefix}-panel-header`;\n  const closeClass = `${prefix}-panel-close`;\n  const headerSlot = `${prefix}-panel-header`;\n  const closeSlot = `${prefix}-panel-close`;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(panelClass, className),\n    \"aria-label\": active ? collapseLabel : rest[\"aria-label\"],\n    \"aria-modal\": active ? \"true\" : rest[\"aria-modal\"],\n    \"data-slot\": panelClass,\n    \"data-state\": active ? (open ? \"open\" : \"closed\") : \"open\",\n    id: panelId,\n    role: rest.role,\n    tabIndex: active ? -1 : rest.tabIndex,\n    ...(dataOrientation !== undefined ? { \"data-orientation\": dataOrientation } : {}),\n  }) as Record<string, unknown>;\n\n  if (active) {\n    finalProps.role = \"dialog\";\n    finalProps[\"aria-modal\"] = \"true\";\n    finalProps[\"aria-label\"] = collapseLabel;\n    finalProps.tabIndex = -1;\n    finalProps.id = panelId;\n  }\n\n  return (\n    <div {...finalProps}>\n      {active ? (\n        <div class={headerClass} data-slot={headerSlot}>\n          {brand}\n          <button\n            aria-label={`Close ${collapseLabel}`}\n            class={closeClass}\n            data-slot={closeSlot}\n            type=\"button\"\n            onClick={() => onClose()}\n          >\n            <span aria-hidden=\"true\">x</span>\n          </button>\n        </div>\n      ) : null}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAkBA,SAAgB,iBAAiB,OAAkD;CACjF,MAAM,EACJ,QACA,OACA,UACA,WACA,eACA,iBACA,SACA,MACA,SACA,QACA,KACA,SACE;CAEJ,IAAI,UAAU,CAAC,MACb,OAAO;CAGT,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,cAAc,GAAG,OAAO;CAC9B,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,YAAY,GAAG,OAAO;CAE5B,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,YAAY,UAAU;EACrC,cAAc,SAAS,gBAAgB,KAAK;EAC5C,cAAc,SAAS,SAAS,KAAK;EACrC,aAAa;EACb,cAAc,SAAU,OAAO,SAAS,WAAY;EACpD,IAAI;EACJ,MAAM,KAAK;EACX,UAAU,SAAS,KAAK,KAAK;EAC7B,GAAI,oBAAoB,KAAA,IAAY,EAAE,oBAAoB,iBAAiB,GAAG,EAAE;EACjF,CAAC;CAEF,IAAI,QAAQ;EACV,WAAW,OAAO;EAClB,WAAW,gBAAgB;EAC3B,WAAW,gBAAgB;EAC3B,WAAW,WAAW;EACtB,WAAW,KAAK;;CAGlB,OACE,qBAAC,OAAD;EAAK,GAAI;YAAT,CACG,SACC,qBAAC,OAAD;GAAK,OAAO;GAAa,aAAW;aAApC,CACG,OACD,oBAAC,UAAD;IACE,cAAY,SAAS;IACrB,OAAO;IACP,aAAW;IACX,MAAK;IACL,eAAe,SAAS;cAExB,oBAAC,QAAD;KAAM,eAAY;eAAO;KAAQ,CAAA;IAC1B,CAAA,CACL;OACJ,MACH,SACG"}
+{"version":3,"file":"shell-panel.js","names":[],"sources":["../../../src/components/shell/shell-panel.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\n\nexport type ShellPanelRenderProps = {\n  active: boolean;\n  brand?: unknown;\n  children?: unknown;\n  className?: unknown;\n  collapseLabel: string;\n  dataOrientation?: string;\n  onClose: () => void;\n  open: boolean;\n  panelId?: string;\n  prefix: \"navbar\" | \"sidebar\";\n  ref?: unknown;\n  rest: Record<string, unknown>;\n};\n\nexport function renderShellPanel(props: ShellPanelRenderProps): JSX.Element | null {\n  const {\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    dataOrientation,\n    onClose,\n    open,\n    panelId,\n    prefix,\n    ref,\n    rest,\n  } = props;\n\n  if (active && !open) {\n    return null;\n  }\n\n  const panelClass = `${prefix}-panel`;\n  const headerClass = `${prefix}-panel-header`;\n  const closeClass = `${prefix}-panel-close`;\n  const headerSlot = `${prefix}-panel-header`;\n  const closeSlot = `${prefix}-panel-close`;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(panelClass, className),\n    \"aria-label\": active ? collapseLabel : rest[\"aria-label\"],\n    \"aria-modal\": active ? \"true\" : rest[\"aria-modal\"],\n    \"data-slot\": panelClass,\n    \"data-state\": active ? (open ? \"open\" : \"closed\") : \"open\",\n    id: panelId,\n    role: rest.role,\n    tabIndex: active ? -1 : rest.tabIndex,\n    ...(dataOrientation !== undefined ? { \"data-orientation\": dataOrientation } : {}),\n  }) as Record<string, unknown>;\n\n  if (active) {\n    finalProps.role = \"dialog\";\n    finalProps[\"aria-modal\"] = \"true\";\n    finalProps[\"aria-label\"] = collapseLabel;\n    finalProps.tabIndex = -1;\n    finalProps.id = panelId;\n  }\n\n  return (\n    <div {...finalProps}>\n      {active ? (\n        <div class={headerClass} data-slot={headerSlot}>\n          {brand}\n          <button\n            aria-label={`Close ${collapseLabel}`}\n            class={closeClass}\n            data-slot={closeSlot}\n            type=\"button\"\n            onClick={() => onClose()}\n          >\n            <span aria-hidden=\"true\">x</span>\n          </button>\n        </div>\n      ) : null}\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAkBA,SAAgB,iBAAiB,OAAkD;CACjF,MAAM,EACJ,QACA,OACA,UACA,WACA,eACA,iBACA,SACA,MACA,SACA,QACA,KACA,SACE;CAEJ,IAAI,UAAU,CAAC,MACb,OAAO;CAGT,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,cAAc,GAAG,OAAO;CAC9B,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,aAAa,GAAG,OAAO;CAC7B,MAAM,YAAY,GAAG,OAAO;CAE5B,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,YAAY,SAAS;EACpC,cAAc,SAAS,gBAAgB,KAAK;EAC5C,cAAc,SAAS,SAAS,KAAK;EACrC,aAAa;EACb,cAAc,SAAU,OAAO,SAAS,WAAY;EACpD,IAAI;EACJ,MAAM,KAAK;EACX,UAAU,SAAS,KAAK,KAAK;EAC7B,GAAI,oBAAoB,KAAA,IAAY,EAAE,oBAAoB,gBAAgB,IAAI,CAAC;CACjF,CAAC;CAED,IAAI,QAAQ;EACV,WAAW,OAAO;EAClB,WAAW,gBAAgB;EAC3B,WAAW,gBAAgB;EAC3B,WAAW,WAAW;EACtB,WAAW,KAAK;CAClB;CAEA,OACE,qBAAC,OAAD;EAAK,GAAI;YAAT,CACG,SACC,qBAAC,OAAD;GAAK,OAAO;GAAa,aAAW;aAApC,CACG,OACD,oBAAC,UAAD;IACE,cAAY,SAAS;IACrB,OAAO;IACP,aAAW;IACX,MAAK;IACL,eAAe,QAAQ;cAEvB,oBAAC,QAAD;KAAM,eAAY;eAAO;IAAO,CAAA;GAC1B,CAAA,CACL;OACH,MACH,QACE;;AAET"}

package/dist/components/shell/shell-responsive.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell-responsive.js","names":[],"sources":["../../../src/components/shell/shell-responsive.tsx"],"sourcesContent":["import { For } from \"@askrjs/askr/control\";\nimport { resource } from \"@askrjs/askr/resources\";\nimport type { JSXElement } from \"@askrjs/askr/foundations\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\n\nexport type ShellResponsivePanelProps = {\n  active: boolean;\n  collapseLabel: string;\n  onClose: () => void;\n  open: boolean;\n  panelId?: string;\n};\n\nlet shellScrollLockCount = 0;\nlet shellScrollLockPreviousValue: string | null = null;\n\nfunction acquireShellScrollLock(): void {\n  if (typeof document === \"undefined\") return;\n\n  const body = document.body;\n  if (shellScrollLockCount === 0) {\n    shellScrollLockPreviousValue = body.getAttribute(\"data-shell-scroll-lock\");\n  }\n\n  shellScrollLockCount += 1;\n  body.setAttribute(\"data-shell-scroll-lock\", \"true\");\n}\n\nfunction releaseShellScrollLock(): void {\n  if (typeof document === \"undefined\" || shellScrollLockCount === 0) return;\n\n  shellScrollLockCount -= 1;\n  if (shellScrollLockCount > 0) return;\n\n  const body = document.body;\n  if (shellScrollLockPreviousValue === null) {\n    body.removeAttribute(\"data-shell-scroll-lock\");\n  } else {\n    body.setAttribute(\"data-shell-scroll-lock\", shellScrollLockPreviousValue);\n  }\n\n  shellScrollLockPreviousValue = null;\n}\n\nexport function isShellPanelChild(child: unknown, panelComponent: unknown): child is JSXElement {\n  return isJsxElement(child) && child.type === panelComponent;\n}\n\nexport function renderKeyedShellChildren(children: unknown, keyPrefix: string): JSX.Element {\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child) || child.key != null) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: `${keyPrefix}-${index}`,\n    };\n  });\n\n  return (\n    <For\n      each={() => keyedChildren}\n      by={(child, index) =>\n        isJsxElement(child) && child.key != null ? String(child.key) : `${keyPrefix}-${index}`\n      }\n    >\n      {(child) => child as never}\n    </For>\n  );\n}\n\nexport function renderKeyedShellPanelChildren(\n  children: unknown,\n  keyPrefix: string,\n  panelProps: ShellResponsivePanelProps,\n): JSX.Element {\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child)) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: child.key != null ? child.key : `${keyPrefix}-${index}`,\n      props: {\n        ...child.props,\n        active: panelProps.active,\n        collapseLabel: panelProps.collapseLabel,\n        onClose: panelProps.onClose,\n        open: panelProps.open,\n        panelId: panelProps.panelId,\n      },\n    };\n  });\n\n  return (\n    <For\n      each={() => keyedChildren}\n      by={(child, index) =>\n        isJsxElement(child) && child.key != null ? String(child.key) : `${keyPrefix}-${index}`\n      }\n    >\n      {(child) => child as never}\n    </For>\n  );\n}\n\nexport function ShellResponsiveWatcher<TBreakpoint extends string>(props: {\n  breakpoint: TBreakpoint;\n  isCollapsed: (breakpoint: TBreakpoint) => boolean;\n  onExpand: () => void;\n  onResize: (nextCollapsed: boolean) => void;\n}): JSX.Element | null {\n  const { breakpoint, isCollapsed, onExpand, onResize } = props;\n\n  resource(\n    ({ signal }: { signal: AbortSignal }) => {\n      const updateCollapsedState = () => {\n        const nextCollapsed = isCollapsed(breakpoint);\n        onResize(nextCollapsed);\n\n        if (!nextCollapsed) {\n          onExpand();\n        }\n      };\n\n      updateCollapsedState();\n\n      if (typeof window === \"undefined\") {\n        return null;\n      }\n\n      window.addEventListener(\"resize\", updateCollapsedState);\n      signal.addEventListener(\n        \"abort\",\n        () => {\n          window.removeEventListener(\"resize\", updateCollapsedState);\n        },\n        { once: true },\n      );\n\n      return null;\n    },\n    [breakpoint],\n  );\n\n  return null;\n}\n\nexport function ShellPanelWatcher(props: {\n  contentId?: string;\n  onClose: () => void;\n  open: boolean;\n  panelSlot: string;\n}): JSX.Element | null {\n  const { contentId, onClose, open, panelSlot } = props;\n\n  resource(\n    ({ signal }: { signal: AbortSignal }) => {\n      if (!open || typeof window === \"undefined\") {\n        releaseShellScrollLock();\n        return null;\n      }\n\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== \"Escape\") {\n          return;\n        }\n\n        event.preventDefault();\n        onClose();\n      };\n\n      window.addEventListener(\"keydown\", onKeyDown);\n\n      const focusFrame =\n        typeof window.requestAnimationFrame === \"function\"\n          ? window.requestAnimationFrame(() => {\n              const content =\n                (typeof contentId === \"string\" ? document.getElementById(contentId) : null) ??\n                document.querySelector<HTMLElement>(\n                  `[data-slot=\"${panelSlot}\"][data-state=\"open\"]`,\n                );\n\n              content?.focus({ preventScroll: true });\n            })\n          : undefined;\n\n      acquireShellScrollLock();\n\n      signal.addEventListener(\n        \"abort\",\n        () => {\n          window.removeEventListener(\"keydown\", onKeyDown);\n\n          if (focusFrame !== undefined && typeof window.cancelAnimationFrame === \"function\") {\n            window.cancelAnimationFrame(focusFrame);\n          }\n\n          releaseShellScrollLock();\n        },\n        { once: true },\n      );\n\n      return null;\n    },\n    [open],\n  );\n\n  return null;\n}\n"],"mappings":"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"}
+{"version":3,"file":"shell-responsive.js","names":[],"sources":["../../../src/components/shell/shell-responsive.tsx"],"sourcesContent":["import { For } from \"@askrjs/askr/control\";\nimport { resource } from \"@askrjs/askr/resources\";\nimport type { JSXElement } from \"@askrjs/askr/foundations\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\n\nexport type ShellResponsivePanelProps = {\n  active: boolean;\n  collapseLabel: string;\n  onClose: () => void;\n  open: boolean;\n  panelId?: string;\n};\n\nlet shellScrollLockCount = 0;\nlet shellScrollLockPreviousValue: string | null = null;\n\nfunction acquireShellScrollLock(): void {\n  if (typeof document === \"undefined\") return;\n\n  const body = document.body;\n  if (shellScrollLockCount === 0) {\n    shellScrollLockPreviousValue = body.getAttribute(\"data-shell-scroll-lock\");\n  }\n\n  shellScrollLockCount += 1;\n  body.setAttribute(\"data-shell-scroll-lock\", \"true\");\n}\n\nfunction releaseShellScrollLock(): void {\n  if (typeof document === \"undefined\" || shellScrollLockCount === 0) return;\n\n  shellScrollLockCount -= 1;\n  if (shellScrollLockCount > 0) return;\n\n  const body = document.body;\n  if (shellScrollLockPreviousValue === null) {\n    body.removeAttribute(\"data-shell-scroll-lock\");\n  } else {\n    body.setAttribute(\"data-shell-scroll-lock\", shellScrollLockPreviousValue);\n  }\n\n  shellScrollLockPreviousValue = null;\n}\n\nexport function isShellPanelChild(child: unknown, panelComponent: unknown): child is JSXElement {\n  return isJsxElement(child) && child.type === panelComponent;\n}\n\nexport function renderKeyedShellChildren(children: unknown, keyPrefix: string): JSX.Element {\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child) || child.key != null) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: `${keyPrefix}-${index}`,\n    };\n  });\n\n  return (\n    <For\n      each={() => keyedChildren}\n      by={(child, index) =>\n        isJsxElement(child) && child.key != null ? String(child.key) : `${keyPrefix}-${index}`\n      }\n    >\n      {(child) => child as never}\n    </For>\n  );\n}\n\nexport function renderKeyedShellPanelChildren(\n  children: unknown,\n  keyPrefix: string,\n  panelProps: ShellResponsivePanelProps,\n): JSX.Element {\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child)) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: child.key != null ? child.key : `${keyPrefix}-${index}`,\n      props: {\n        ...child.props,\n        active: panelProps.active,\n        collapseLabel: panelProps.collapseLabel,\n        onClose: panelProps.onClose,\n        open: panelProps.open,\n        panelId: panelProps.panelId,\n      },\n    };\n  });\n\n  return (\n    <For\n      each={() => keyedChildren}\n      by={(child, index) =>\n        isJsxElement(child) && child.key != null ? String(child.key) : `${keyPrefix}-${index}`\n      }\n    >\n      {(child) => child as never}\n    </For>\n  );\n}\n\nexport function ShellResponsiveWatcher<TBreakpoint extends string>(props: {\n  breakpoint: TBreakpoint;\n  isCollapsed: (breakpoint: TBreakpoint) => boolean;\n  onExpand: () => void;\n  onResize: (nextCollapsed: boolean) => void;\n}): JSX.Element | null {\n  const { breakpoint, isCollapsed, onExpand, onResize } = props;\n\n  resource(\n    ({ signal }: { signal: AbortSignal }) => {\n      const updateCollapsedState = () => {\n        const nextCollapsed = isCollapsed(breakpoint);\n        onResize(nextCollapsed);\n\n        if (!nextCollapsed) {\n          onExpand();\n        }\n      };\n\n      updateCollapsedState();\n\n      if (typeof window === \"undefined\") {\n        return null;\n      }\n\n      window.addEventListener(\"resize\", updateCollapsedState);\n      signal.addEventListener(\n        \"abort\",\n        () => {\n          window.removeEventListener(\"resize\", updateCollapsedState);\n        },\n        { once: true },\n      );\n\n      return null;\n    },\n    [breakpoint],\n  );\n\n  return null;\n}\n\nexport function ShellPanelWatcher(props: {\n  contentId?: string;\n  onClose: () => void;\n  open: boolean;\n  panelSlot: string;\n}): JSX.Element | null {\n  const { contentId, onClose, open, panelSlot } = props;\n\n  resource(\n    ({ signal }: { signal: AbortSignal }) => {\n      if (!open || typeof window === \"undefined\") {\n        releaseShellScrollLock();\n        return null;\n      }\n\n      const onKeyDown = (event: KeyboardEvent) => {\n        if (event.key !== \"Escape\") {\n          return;\n        }\n\n        event.preventDefault();\n        onClose();\n      };\n\n      window.addEventListener(\"keydown\", onKeyDown);\n\n      const focusFrame =\n        typeof window.requestAnimationFrame === \"function\"\n          ? window.requestAnimationFrame(() => {\n              const content =\n                (typeof contentId === \"string\" ? document.getElementById(contentId) : null) ??\n                document.querySelector<HTMLElement>(\n                  `[data-slot=\"${panelSlot}\"][data-state=\"open\"]`,\n                );\n\n              content?.focus({ preventScroll: true });\n            })\n          : undefined;\n\n      acquireShellScrollLock();\n\n      signal.addEventListener(\n        \"abort\",\n        () => {\n          window.removeEventListener(\"keydown\", onKeyDown);\n\n          if (focusFrame !== undefined && typeof window.cancelAnimationFrame === \"function\") {\n            window.cancelAnimationFrame(focusFrame);\n          }\n\n          releaseShellScrollLock();\n        },\n        { once: true },\n      );\n\n      return null;\n    },\n    [open],\n  );\n\n  return null;\n}\n"],"mappings":"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"}

package/dist/components/shell/shell.a11y.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.a11y.js","names":[],"sources":["../../../src/components/shell/shell.a11y.ts"],"sourcesContent":["export const SHELL_A11Y_CONTRACT = {\n  DATA_ATTRIBUTES: {\n    slot: \"data-slot\" as const,\n    layout: \"data-ak-layout\" as const,\n    variant: \"data-variant\" as const,\n    gap: \"data-gap\" as const,\n  },\n  SLOT_VALUES: {\n    root: \"shell\" as const,\n    nav: \"shell-nav\" as const,\n    main: \"shell-main\" as const,\n  },\n  VARIANT_VALUES: {\n    sidebar: \"sidebar\" as const,\n    topbar: \"topbar\" as const,\n    rail: \"rail\" as const,\n  },\n} as const;\n\nexport type ShellA11yContract = typeof SHELL_A11Y_CONTRACT;\n"],"mappings":";AAAA,MAAa,sBAAsB;CACjC,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;EACN;CACD,aAAa;EACX,MAAM;EACN,KAAK;EACL,MAAM;EACP;CACD,gBAAgB;EACd,SAAS;EACT,QAAQ;EACR,MAAM;EACP;CACF"}
+{"version":3,"file":"shell.a11y.js","names":[],"sources":["../../../src/components/shell/shell.a11y.ts"],"sourcesContent":["export const SHELL_A11Y_CONTRACT = {\n  DATA_ATTRIBUTES: {\n    slot: \"data-slot\" as const,\n    layout: \"data-ak-layout\" as const,\n    variant: \"data-variant\" as const,\n    gap: \"data-gap\" as const,\n  },\n  SLOT_VALUES: {\n    root: \"shell\" as const,\n    nav: \"shell-nav\" as const,\n    main: \"shell-main\" as const,\n  },\n  VARIANT_VALUES: {\n    sidebar: \"sidebar\" as const,\n    topbar: \"topbar\" as const,\n    rail: \"rail\" as const,\n  },\n} as const;\n\nexport type ShellA11yContract = typeof SHELL_A11Y_CONTRACT;\n"],"mappings":";AAAA,MAAa,sBAAsB;CACjC,iBAAiB;EACf,MAAM;EACN,QAAQ;EACR,SAAS;EACT,KAAK;CACP;CACA,aAAa;EACX,MAAM;EACN,KAAK;EACL,MAAM;CACR;CACA,gBAAgB;EACd,SAAS;EACT,QAAQ;EACR,MAAM;CACR;AACF"}

package/dist/components/shell/shell.js.map

@@ -1 +1 @@
-{"version":3,"file":"shell.js","names":[],"sources":["../../../src/components/shell/shell.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  ShellAsChildProps,\n  ShellDivProps,\n  ShellMainAsChildProps,\n  ShellMainDivProps,\n  ShellMainMainProps,\n  ShellNavAsChildProps,\n  ShellNavDivProps,\n} from \"./shell.types\";\n\nexport function Shell(props: ShellDivProps): JSX.Element;\nexport function Shell(props: ShellAsChildProps): JSX.Element;\nexport function Shell(props: ShellDivProps | ShellAsChildProps) {\n  const { asChild, children, class: className, variant = \"sidebar\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell\", className),\n    \"data-slot\": \"shell\",\n    \"data-ak-layout\": \"true\",\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function ShellNav(props: ShellNavDivProps): JSX.Element;\nexport function ShellNav(props: ShellNavAsChildProps): JSX.Element;\nexport function ShellNav(props: ShellNavDivProps | ShellNavAsChildProps) {\n  const { asChild, children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell-nav\", className),\n    \"data-slot\": \"shell-nav\",\n    \"data-ak-layout\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function ShellMain(props: ShellMainMainProps): JSX.Element;\nexport function ShellMain(props: ShellMainDivProps): JSX.Element;\nexport function ShellMain(props: ShellMainAsChildProps): JSX.Element;\nexport function ShellMain(props: ShellMainMainProps | ShellMainDivProps | ShellMainAsChildProps) {\n  const as = \"as\" in props ? props.as : \"main\";\n  const { asChild, children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell-main\", className),\n    \"data-slot\": \"shell-main\",\n    \"data-ak-layout\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"div\") {\n    return <div {...finalProps}>{children}</div>;\n  }\n\n  return <main {...finalProps}>{children}</main>;\n}\n"],"mappings":";;;;;AAeA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,UAAU,WAAW,KAAK,GAAG,SAAS;CAEnF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,SAAS,UAAU;EAClC,aAAa;EACb,kBAAkB;EAClB,gBAAgB;EACjB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAA2B,CAAA;CAG5E,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;;AAK9C,SAAgB,SAAS,OAAgD;CACvE,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,aAAa,UAAU;EACtC,aAAa;EACb,kBAAkB;EACnB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAA2B,CAAA;CAG5E,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;;AAM9C,SAAgB,UAAU,OAAuE;CAC/F,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,cAAc,UAAU;EACvC,aAAa;EACb,kBAAkB;EACnB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAA2B,CAAA;CAG5E,IAAI,OAAO,OACT,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA;CAG9C,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;EAAgB,CAAA"}
+{"version":3,"file":"shell.js","names":[],"sources":["../../../src/components/shell/shell.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  ShellAsChildProps,\n  ShellDivProps,\n  ShellMainAsChildProps,\n  ShellMainDivProps,\n  ShellMainMainProps,\n  ShellNavAsChildProps,\n  ShellNavDivProps,\n} from \"./shell.types\";\n\nexport function Shell(props: ShellDivProps): JSX.Element;\nexport function Shell(props: ShellAsChildProps): JSX.Element;\nexport function Shell(props: ShellDivProps | ShellAsChildProps) {\n  const { asChild, children, class: className, variant = \"sidebar\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell\", className),\n    \"data-slot\": \"shell\",\n    \"data-ak-layout\": \"true\",\n    \"data-variant\": variant,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function ShellNav(props: ShellNavDivProps): JSX.Element;\nexport function ShellNav(props: ShellNavAsChildProps): JSX.Element;\nexport function ShellNav(props: ShellNavDivProps | ShellNavAsChildProps) {\n  const { asChild, children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell-nav\", className),\n    \"data-slot\": \"shell-nav\",\n    \"data-ak-layout\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function ShellMain(props: ShellMainMainProps): JSX.Element;\nexport function ShellMain(props: ShellMainDivProps): JSX.Element;\nexport function ShellMain(props: ShellMainAsChildProps): JSX.Element;\nexport function ShellMain(props: ShellMainMainProps | ShellMainDivProps | ShellMainAsChildProps) {\n  const as = \"as\" in props ? props.as : \"main\";\n  const { asChild, children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"shell-main\", className),\n    \"data-slot\": \"shell-main\",\n    \"data-ak-layout\": \"true\",\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  if (as === \"div\") {\n    return <div {...finalProps}>{children}</div>;\n  }\n\n  return <main {...finalProps}>{children}</main>;\n}\n"],"mappings":";;;;;AAeA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,UAAU,WAAW,KAAK,GAAG,SAAS;CAEnF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,SAAS,SAAS;EACjC,aAAa;EACb,kBAAkB;EAClB,gBAAgB;CAClB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAIA,SAAgB,SAAS,OAAgD;CACvE,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,aAAa,SAAS;EACrC,aAAa;EACb,kBAAkB;CACpB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;AAC7C;AAKA,SAAgB,UAAU,OAAuE;CAC/F,MAAM,KAAK,QAAQ,QAAQ,MAAM,KAAK;CACtC,MAAM,EAAE,SAAS,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAC9D,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,cAAc,SAAS;EACtC,aAAa;EACb,kBAAkB;CACpB,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAA0B,CAAA;CAG3E,IAAI,OAAO,OACT,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;CAAc,CAAA;CAG7C,OAAO,oBAAC,QAAD;EAAM,GAAI;EAAa;CAAe,CAAA;AAC/C"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-panel.js","names":[],"sources":["../../../src/components/sidebar/sidebar-panel.tsx"],"sourcesContent":["import { readContext } from \"@askrjs/askr\";\nimport { renderShellPanel } from \"../shell/shell-panel\";\nimport { SidebarResponsiveContext } from \"./sidebar.context\";\nimport type { SidebarPanelProps } from \"./sidebar.types\";\n\nexport function SidebarPanel(props: SidebarPanelProps): JSX.Element | null {\n  const {\n    active: activeProp,\n    brand,\n    children,\n    class: className,\n    collapseLabel: collapseLabelProp,\n    onClose,\n    open: openProp,\n    panelId: panelIdProp,\n    ref,\n    ...rest\n  } = props;\n  const needsResponsiveContext =\n    activeProp === undefined ||\n    collapseLabelProp === undefined ||\n    onClose === undefined ||\n    openProp === undefined ||\n    panelIdProp === undefined;\n  const responsive = needsResponsiveContext\n    ? (() => {\n        try {\n          return readContext(SidebarResponsiveContext);\n        } catch {\n          return {\n            active: () => false,\n            collapseLabel: () => \"Menu\",\n            closePanel: () => undefined,\n            iconCollapsed: () => false,\n            isRailCollapsible: () => false,\n            orientation: () => \"vertical\" as const,\n            panelId: () => undefined,\n            panelOpen: () => false,\n            togglePanel: () => undefined,\n            toggleRail: () => undefined,\n          };\n        }\n      })()\n    : {\n        active: () => false,\n        collapseLabel: () => \"Menu\",\n        closePanel: () => undefined,\n        iconCollapsed: () => false,\n        isRailCollapsible: () => false,\n        orientation: () => \"vertical\" as const,\n        panelId: () => undefined,\n        panelOpen: () => false,\n        togglePanel: () => undefined,\n        toggleRail: () => undefined,\n      };\n  const active = activeProp ?? responsive.active();\n  const open = openProp ?? responsive.panelOpen();\n  const panelId = panelIdProp ?? responsive.panelId();\n  const collapseLabel = collapseLabelProp ?? responsive.collapseLabel();\n  const closePanel = onClose ?? responsive.closePanel;\n\n  return renderShellPanel({\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    dataOrientation: responsive.orientation(),\n    onClose: closePanel,\n    open,\n    panelId,\n    prefix: \"sidebar\",\n    ref,\n    rest,\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAa,OAA8C;CACzE,MAAM,EACJ,QAAQ,YACR,OACA,UACA,OAAO,WACP,eAAe,mBACf,SACA,MAAM,UACN,SAAS,aACT,KACA,GAAG,SACD;CAOJ,MAAM,aALJ,eAAe,KAAA,KACf,sBAAsB,KAAA,KACtB,YAAY,KAAA,KACZ,aAAa,KAAA,KACb,gBAAgB,KAAA,WAEP;EACL,IAAI;GACF,OAAO,YAAY,yBAAyB;UACtC;GACN,OAAO;IACL,cAAc;IACd,qBAAqB;IACrB,kBAAkB,KAAA;IAClB,qBAAqB;IACrB,yBAAyB;IACzB,mBAAmB;IACnB,eAAe,KAAA;IACf,iBAAiB;IACjB,mBAAmB,KAAA;IACnB,kBAAkB,KAAA;IACnB;;KAED,GACJ;EACE,cAAc;EACd,qBAAqB;EACrB,kBAAkB,KAAA;EAClB,qBAAqB;EACrB,yBAAyB;EACzB,mBAAmB;EACnB,eAAe,KAAA;EACf,iBAAiB;EACjB,mBAAmB,KAAA;EACnB,kBAAkB,KAAA;EACnB;CACL,MAAM,SAAS,cAAc,WAAW,QAAQ;CAChD,MAAM,OAAO,YAAY,WAAW,WAAW;CAC/C,MAAM,UAAU,eAAe,WAAW,SAAS;CACnD,MAAM,gBAAgB,qBAAqB,WAAW,eAAe;CACrE,MAAM,aAAa,WAAW,WAAW;CAEzC,OAAO,iBAAiB;EACtB;EACA;EACA;EACA;EACA;EACA,iBAAiB,WAAW,aAAa;EACzC,SAAS;EACT;EACA;EACA,QAAQ;EACR;EACA;EACD,CAAC"}
+{"version":3,"file":"sidebar-panel.js","names":[],"sources":["../../../src/components/sidebar/sidebar-panel.tsx"],"sourcesContent":["import { readContext } from \"@askrjs/askr\";\nimport { renderShellPanel } from \"../shell/shell-panel\";\nimport { SidebarResponsiveContext } from \"./sidebar.context\";\nimport type { SidebarPanelProps } from \"./sidebar.types\";\n\nexport function SidebarPanel(props: SidebarPanelProps): JSX.Element | null {\n  const {\n    active: activeProp,\n    brand,\n    children,\n    class: className,\n    collapseLabel: collapseLabelProp,\n    onClose,\n    open: openProp,\n    panelId: panelIdProp,\n    ref,\n    ...rest\n  } = props;\n  const needsResponsiveContext =\n    activeProp === undefined ||\n    collapseLabelProp === undefined ||\n    onClose === undefined ||\n    openProp === undefined ||\n    panelIdProp === undefined;\n  const responsive = needsResponsiveContext\n    ? (() => {\n        try {\n          return readContext(SidebarResponsiveContext);\n        } catch {\n          return {\n            active: () => false,\n            collapseLabel: () => \"Menu\",\n            closePanel: () => undefined,\n            iconCollapsed: () => false,\n            isRailCollapsible: () => false,\n            orientation: () => \"vertical\" as const,\n            panelId: () => undefined,\n            panelOpen: () => false,\n            togglePanel: () => undefined,\n            toggleRail: () => undefined,\n          };\n        }\n      })()\n    : {\n        active: () => false,\n        collapseLabel: () => \"Menu\",\n        closePanel: () => undefined,\n        iconCollapsed: () => false,\n        isRailCollapsible: () => false,\n        orientation: () => \"vertical\" as const,\n        panelId: () => undefined,\n        panelOpen: () => false,\n        togglePanel: () => undefined,\n        toggleRail: () => undefined,\n      };\n  const active = activeProp ?? responsive.active();\n  const open = openProp ?? responsive.panelOpen();\n  const panelId = panelIdProp ?? responsive.panelId();\n  const collapseLabel = collapseLabelProp ?? responsive.collapseLabel();\n  const closePanel = onClose ?? responsive.closePanel;\n\n  return renderShellPanel({\n    active,\n    brand,\n    children,\n    className,\n    collapseLabel,\n    dataOrientation: responsive.orientation(),\n    onClose: closePanel,\n    open,\n    panelId,\n    prefix: \"sidebar\",\n    ref,\n    rest,\n  });\n}\n"],"mappings":";;;;AAKA,SAAgB,aAAa,OAA8C;CACzE,MAAM,EACJ,QAAQ,YACR,OACA,UACA,OAAO,WACP,eAAe,mBACf,SACA,MAAM,UACN,SAAS,aACT,KACA,GAAG,SACD;CAOJ,MAAM,aALJ,eAAe,KAAA,KACf,sBAAsB,KAAA,KACtB,YAAY,KAAA,KACZ,aAAa,KAAA,KACb,gBAAgB,KAAA,WAEP;EACL,IAAI;GACF,OAAO,YAAY,wBAAwB;EAC7C,QAAQ;GACN,OAAO;IACL,cAAc;IACd,qBAAqB;IACrB,kBAAkB,KAAA;IAClB,qBAAqB;IACrB,yBAAyB;IACzB,mBAAmB;IACnB,eAAe,KAAA;IACf,iBAAiB;IACjB,mBAAmB,KAAA;IACnB,kBAAkB,KAAA;GACpB;EACF;CACF,GAAG,IACH;EACE,cAAc;EACd,qBAAqB;EACrB,kBAAkB,KAAA;EAClB,qBAAqB;EACrB,yBAAyB;EACzB,mBAAmB;EACnB,eAAe,KAAA;EACf,iBAAiB;EACjB,mBAAmB,KAAA;EACnB,kBAAkB,KAAA;CACpB;CACJ,MAAM,SAAS,cAAc,WAAW,OAAO;CAC/C,MAAM,OAAO,YAAY,WAAW,UAAU;CAC9C,MAAM,UAAU,eAAe,WAAW,QAAQ;CAClD,MAAM,gBAAgB,qBAAqB,WAAW,cAAc;CACpE,MAAM,aAAa,WAAW,WAAW;CAEzC,OAAO,iBAAiB;EACtB;EACA;EACA;EACA;EACA;EACA,iBAAiB,WAAW,YAAY;EACxC,SAAS;EACT;EACA;EACA,QAAQ;EACR;EACA;CACF,CAAC;AACH"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar-toggle.js","names":[],"sources":["../../../src/components/sidebar/sidebar-toggle.tsx"],"sourcesContent":["import type { SidebarToggleProps } from \"./sidebar.types\";\n\nexport function SidebarToggle(_props: SidebarToggleProps): null {\n  return null;\n}\n"],"mappings":";AAEA,SAAgB,cAAc,QAAkC;CAC9D,OAAO"}
+{"version":3,"file":"sidebar-toggle.js","names":[],"sources":["../../../src/components/sidebar/sidebar-toggle.tsx"],"sourcesContent":["import type { SidebarToggleProps } from \"./sidebar.types\";\n\nexport function SidebarToggle(_props: SidebarToggleProps): null {\n  return null;\n}\n"],"mappings":";AAEA,SAAgB,cAAc,QAAkC;CAC9D,OAAO;AACT"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.context.js","names":[],"sources":["../../../src/components/sidebar/sidebar.context.ts"],"sourcesContent":["import { defineContext } from \"@askrjs/askr\";\n\nexport type SidebarContextValue = {\n  orientation: () => \"vertical\";\n};\n\nexport type SidebarResponsiveContextValue = {\n  active: () => boolean;\n  collapseLabel: () => string;\n  closePanel: () => void;\n  iconCollapsed: () => boolean;\n  isRailCollapsible: () => boolean;\n  orientation: () => \"vertical\";\n  panelId: () => string | undefined;\n  panelOpen: () => boolean;\n  togglePanel: () => void;\n  toggleRail: () => void;\n};\n\nconst defaultOrientation = () => \"vertical\" as const;\n\nconst defaultResponsiveContext: SidebarResponsiveContextValue = {\n  active: () => false,\n  collapseLabel: () => \"Menu\",\n  closePanel: () => undefined,\n  iconCollapsed: () => false,\n  isRailCollapsible: () => false,\n  orientation: defaultOrientation,\n  panelId: () => undefined,\n  panelOpen: () => false,\n  togglePanel: () => undefined,\n  toggleRail: () => undefined,\n};\n\nexport const SidebarContext = defineContext<SidebarContextValue>({\n  orientation: defaultOrientation,\n});\n\nexport const SidebarResponsiveContext =\n  defineContext<SidebarResponsiveContextValue>(defaultResponsiveContext);\n"],"mappings":";;AAmBA,MAAM,2BAA2B;AAEjC,MAAM,2BAA0D;CAC9D,cAAc;CACd,qBAAqB;CACrB,kBAAkB,KAAA;CAClB,qBAAqB;CACrB,yBAAyB;CACzB,aAAa;CACb,eAAe,KAAA;CACf,iBAAiB;CACjB,mBAAmB,KAAA;CACnB,kBAAkB,KAAA;CACnB;AAED,MAAa,iBAAiB,cAAmC,EAC/D,aAAa,oBACd,CAAC;AAEF,MAAa,2BACX,cAA6C,yBAAyB"}
+{"version":3,"file":"sidebar.context.js","names":[],"sources":["../../../src/components/sidebar/sidebar.context.ts"],"sourcesContent":["import { defineContext } from \"@askrjs/askr\";\n\nexport type SidebarContextValue = {\n  orientation: () => \"vertical\";\n};\n\nexport type SidebarResponsiveContextValue = {\n  active: () => boolean;\n  collapseLabel: () => string;\n  closePanel: () => void;\n  iconCollapsed: () => boolean;\n  isRailCollapsible: () => boolean;\n  orientation: () => \"vertical\";\n  panelId: () => string | undefined;\n  panelOpen: () => boolean;\n  togglePanel: () => void;\n  toggleRail: () => void;\n};\n\nconst defaultOrientation = () => \"vertical\" as const;\n\nconst defaultResponsiveContext: SidebarResponsiveContextValue = {\n  active: () => false,\n  collapseLabel: () => \"Menu\",\n  closePanel: () => undefined,\n  iconCollapsed: () => false,\n  isRailCollapsible: () => false,\n  orientation: defaultOrientation,\n  panelId: () => undefined,\n  panelOpen: () => false,\n  togglePanel: () => undefined,\n  toggleRail: () => undefined,\n};\n\nexport const SidebarContext = defineContext<SidebarContextValue>({\n  orientation: defaultOrientation,\n});\n\nexport const SidebarResponsiveContext =\n  defineContext<SidebarResponsiveContextValue>(defaultResponsiveContext);\n"],"mappings":";;AAmBA,MAAM,2BAA2B;AAEjC,MAAM,2BAA0D;CAC9D,cAAc;CACd,qBAAqB;CACrB,kBAAkB,KAAA;CAClB,qBAAqB;CACrB,yBAAyB;CACzB,aAAa;CACb,eAAe,KAAA;CACf,iBAAiB;CACjB,mBAAmB,KAAA;CACnB,kBAAkB,KAAA;AACpB;AAEA,MAAa,iBAAiB,cAAmC,EAC/D,aAAa,mBACf,CAAC;AAED,MAAa,2BACX,cAA6C,wBAAwB"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { state } from \"@askrjs/askr\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { NavBrand } from \"../navbar/navbar\";\nimport {\n  isShellPanelChild,\n  renderKeyedShellChildren,\n  renderKeyedShellPanelChildren,\n  ShellPanelWatcher,\n  ShellResponsiveWatcher,\n} from \"../shell/shell-responsive\";\nimport { SidebarContext, SidebarResponsiveContext } from \"./sidebar.context\";\nimport { SidebarPanel } from \"./sidebar-panel\";\nimport { SidebarToggle } from \"./sidebar-toggle\";\nimport { isSidebarCollapsed, resolveSidebarCollapsible } from \"./sidebar.shared\";\nimport type { SidebarProps } from \"./sidebar.types\";\nimport type { CollapseIconPlacement } from \"../shell/shell-nav.types\";\n\ntype SidebarChildren = {\n  brand?: unknown;\n  items: unknown[];\n};\n\ntype SidebarToggleConfig = {\n  collapsedIcon?: unknown;\n  expandedIcon?: unknown;\n};\n\nfunction splitSidebarChildren(children: unknown[]): SidebarChildren {\n  const brandIndex = children.findIndex((child) => isJsxElement(child) && child.type === NavBrand);\n\n  if (brandIndex === -1) {\n    return { items: children };\n  }\n\n  return {\n    brand: children[brandIndex],\n    items: children.filter((_, index) => index !== brandIndex),\n  };\n}\n\nfunction isSidebarToggleChild(child: unknown): boolean {\n  return isJsxElement(child) && child.type === SidebarToggle;\n}\n\nfunction splitSidebarToggle(children: unknown[]): {\n  items: unknown[];\n  toggle?: SidebarToggleConfig;\n} {\n  const toggleIndex = children.findIndex((child) => isSidebarToggleChild(child));\n\n  if (toggleIndex === -1) {\n    return { items: children };\n  }\n\n  const toggleChild = children[toggleIndex] as { props?: SidebarToggleConfig } | undefined;\n\n  return {\n    items: children.filter((_, index) => index !== toggleIndex),\n    toggle: toggleChild?.props,\n  };\n}\n\nfunction renderSidebarMenuContents(\n  label: string,\n  icon: unknown,\n  iconPlacement: CollapseIconPlacement,\n): JSX.Element {\n  const renderedIcon = (\n    <span class=\"sidebar-toggle-icon\" data-slot=\"sidebar-toggle-icon\" aria-hidden=\"true\">\n      {icon ?? (\n        <span class=\"sidebar-toggle-glyph sidebar-toggle-glyph--menu\">\n          <span />\n          <span />\n          <span />\n        </span>\n      )}\n    </span>\n  );\n  const renderedLabel = (\n    <span class=\"sidebar-toggle-label\" data-slot=\"sidebar-toggle-label\">\n      {label}\n    </span>\n  );\n\n  if (iconPlacement === \"end\") {\n    return (\n      <>\n        {renderedLabel}\n        {renderedIcon}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {renderedIcon}\n      {renderedLabel}\n    </>\n  );\n}\n\nfunction renderSidebarRailContents(\n  label: string,\n  collapsed: boolean,\n  toggle: SidebarToggleConfig | undefined,\n): JSX.Element {\n  const icon = collapsed ? toggle?.collapsedIcon : toggle?.expandedIcon;\n\n  return (\n    <>\n      <span\n        class=\"sidebar-rail-toggle-icon\"\n        data-slot=\"sidebar-rail-toggle-icon\"\n        aria-hidden=\"true\"\n      >\n        {icon ?? (\n          <span\n            class={classes(\n              \"sidebar-toggle-glyph\",\n              \"sidebar-toggle-glyph--rail\",\n              collapsed ? \"is-collapsed\" : \"is-expanded\",\n            )}\n          />\n        )}\n      </span>\n      <span class=\"sidebar-rail-toggle-label\" data-slot=\"sidebar-rail-toggle-label\">\n        {label}\n      </span>\n    </>\n  );\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsed: controlledCollapsed,\n    breakpoint,\n    collapseIcon,\n    collapseIconPlacement = \"start\",\n    collapseLabel,\n    collapsible,\n    defaultCollapsed = false,\n    id,\n    \"aria-label\": ariaLabel,\n    onCollapsedChange,\n    class: className,\n    ref,\n    ...rest\n  } = props;\n  const effectiveCollapseLabel =\n    collapseLabel ?? (typeof ariaLabel === \"string\" ? ariaLabel : undefined) ?? \"Menu\";\n  const childItems = toChildArray(children);\n  const explicitPanelItems = childItems.filter((child) => isShellPanelChild(child, SidebarPanel));\n  const contentItems = childItems.filter((child) => !isShellPanelChild(child, SidebarPanel));\n  const isResponsive = breakpoint !== undefined;\n  const responsiveCollapsedState = state(isResponsive ? isSidebarCollapsed(breakpoint) : false);\n  const drawerOpenState = state(false);\n  const panelId = typeof id === \"string\" ? `${id}-panel` : undefined;\n  const collapseBehavior = resolveSidebarCollapsible(collapsible);\n  const isRailCollapsible = collapseBehavior === \"icon\";\n  const railCollapsedState = state(defaultCollapsed);\n  const responsiveCollapsed = responsiveCollapsedState();\n  const drawerOpen = drawerOpenState();\n  const internalRailCollapsed = railCollapsedState();\n  const isMobile = isResponsive ? responsiveCollapsed : false;\n  const isDrawerOpen = isResponsive && isMobile && drawerOpen;\n  const isRailCollapsed = isRailCollapsible\n    ? (controlledCollapsed ?? internalRailCollapsed ?? false)\n    : false;\n  const closeDrawer = () => drawerOpenState.set(false);\n  const closeDrawerOnNavActivation = (event: MouseEvent) => {\n    const target = event.target;\n\n    if (!(target instanceof Element)) {\n      return;\n    }\n\n    if (target.closest('a[data-slot=\"nav-link\"], a[data-slot=\"nav-item\"], a.navbar-item')) {\n      closeDrawer();\n    }\n  };\n  const toggleDrawer = () => {\n    drawerOpenState.set(!drawerOpenState());\n  };\n  const setRailCollapsed = (nextCollapsed: boolean) => {\n    if (!isRailCollapsible) {\n      return;\n    }\n\n    if (controlledCollapsed === undefined) {\n      railCollapsedState.set(nextCollapsed);\n    }\n\n    onCollapsedChange?.(nextCollapsed);\n  };\n  const toggleRail = () => {\n    if (!isRailCollapsible) {\n      return;\n    }\n\n    setRailCollapsed(!isRailCollapsed);\n  };\n  const { items: drawerSourceItems, toggle: railToggleConfig } = splitSidebarToggle(contentItems);\n  const { brand: drawerBrand, items: drawerItems } = splitSidebarChildren(drawerSourceItems);\n  const desktopChildren = renderKeyedShellChildren(drawerSourceItems, \"sidebar-desktop\");\n  const drawerChildren = renderKeyedShellChildren(drawerItems, \"sidebar-drawer\");\n\n  const contextValue = {\n    active: () => isResponsive,\n    collapseLabel: () => effectiveCollapseLabel,\n    closePanel: closeDrawer,\n    iconCollapsed: () => isRailCollapsed,\n    isRailCollapsible: () => isRailCollapsible,\n    orientation: () => \"vertical\" as const,\n    panelId: () => panelId,\n    panelOpen: () => isDrawerOpen,\n    togglePanel: toggleDrawer,\n    toggleRail,\n  };\n  const panelContext = {\n    active: isResponsive,\n    collapseLabel: effectiveCollapseLabel,\n    onClose: closeDrawer,\n    open: isDrawerOpen,\n    panelId,\n  };\n  const panels =\n    explicitPanelItems.length > 0 ? (\n      renderKeyedShellPanelChildren(explicitPanelItems, \"sidebar-panel\", panelContext)\n    ) : isResponsive ? (\n      <SidebarPanel\n        active={isResponsive}\n        brand={drawerBrand}\n        collapseLabel={effectiveCollapseLabel}\n        onClose={closeDrawer}\n        onClick={closeDrawerOnNavActivation}\n        open={isDrawerOpen}\n        panelId={panelId}\n      >\n        {drawerChildren}\n      </SidebarPanel>\n    ) : null;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-label\": ariaLabel,\n    class: classes(\"sidebar\", className),\n    \"data-collapse-below\": breakpoint,\n    \"data-collapsible\": collapseBehavior === \"none\" ? undefined : collapseBehavior,\n    \"data-icon-collapsed\": isRailCollapsible ? (isRailCollapsed ? \"true\" : \"false\") : undefined,\n    \"data-mobile-open\": isResponsive ? (drawerOpen ? \"true\" : \"false\") : undefined,\n    \"data-orientation\": \"vertical\",\n    \"data-responsive-collapsed\": isMobile ? \"true\" : \"false\",\n    \"data-slot\": \"sidebar\",\n  });\n\n  return (\n    <SidebarContext.Scope value={{ orientation: () => \"vertical\" as const }}>\n      <SidebarResponsiveContext.Scope value={contextValue}>\n        <nav {...finalProps}>\n          {isResponsive ? (\n            <div class=\"sidebar-mobile\" data-slot=\"sidebar-mobile\">\n              <button\n                aria-controls={panelId}\n                aria-expanded={isDrawerOpen ? \"true\" : \"false\"}\n                aria-label={effectiveCollapseLabel}\n                class=\"sidebar-toggle\"\n                data-slot=\"sidebar-toggle\"\n                data-state={isDrawerOpen ? \"open\" : \"closed\"}\n                data-variant=\"mobile\"\n                type=\"button\"\n                onClick={toggleDrawer}\n              >\n                {renderSidebarMenuContents(\n                  effectiveCollapseLabel,\n                  collapseIcon,\n                  collapseIconPlacement,\n                )}\n              </button>\n            </div>\n          ) : null}\n\n          <div class=\"sidebar-shell\" data-orientation=\"vertical\" data-slot=\"sidebar-shell\">\n            {isRailCollapsible && !isMobile ? (\n              <div\n                class=\"sidebar-rail\"\n                data-slot=\"sidebar-rail\"\n                data-state={isRailCollapsed ? \"collapsed\" : \"expanded\"}\n              >\n                <button\n                  aria-expanded={isRailCollapsed ? \"false\" : \"true\"}\n                  aria-label={\n                    isRailCollapsed\n                      ? `Expand ${effectiveCollapseLabel}`\n                      : `Collapse ${effectiveCollapseLabel}`\n                  }\n                  class=\"sidebar-rail-toggle\"\n                  data-slot=\"sidebar-rail-toggle\"\n                  data-state={isRailCollapsed ? \"collapsed\" : \"expanded\"}\n                  type=\"button\"\n                  onClick={toggleRail}\n                >\n                  {renderSidebarRailContents(\n                    effectiveCollapseLabel,\n                    isRailCollapsed,\n                    railToggleConfig,\n                  )}\n                </button>\n              </div>\n            ) : null}\n            {desktopChildren}\n          </div>\n\n          {panels}\n\n          {isResponsive && isDrawerOpen ? (\n            <button\n              aria-label={`Close ${effectiveCollapseLabel}`}\n              class=\"sidebar-backdrop\"\n              data-slot=\"sidebar-backdrop\"\n              data-state=\"open\"\n              tabIndex={-1}\n              type=\"button\"\n              onClick={closeDrawer}\n            />\n          ) : null}\n\n          {isResponsive ? (\n            <ShellResponsiveWatcher\n              breakpoint={breakpoint}\n              isCollapsed={isSidebarCollapsed}\n              onResize={(nextCollapsed) => {\n                responsiveCollapsedState.set(nextCollapsed);\n              }}\n              onExpand={() => {\n                drawerOpenState.set(false);\n              }}\n            />\n          ) : null}\n\n          <ShellPanelWatcher\n            contentId={panelId}\n            open={isDrawerOpen}\n            panelSlot=\"sidebar-panel\"\n            onClose={() => {\n              closeDrawer();\n            }}\n          />\n        </nav>\n      </SidebarResponsiveContext.Scope>\n    </SidebarContext.Scope>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { state } from \"@askrjs/askr\";\nimport { classes } from \"../_internal/classes\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { NavBrand } from \"../navbar/navbar\";\nimport {\n  isShellPanelChild,\n  renderKeyedShellChildren,\n  renderKeyedShellPanelChildren,\n  ShellPanelWatcher,\n  ShellResponsiveWatcher,\n} from \"../shell/shell-responsive\";\nimport { SidebarContext, SidebarResponsiveContext } from \"./sidebar.context\";\nimport { SidebarPanel } from \"./sidebar-panel\";\nimport { SidebarToggle } from \"./sidebar-toggle\";\nimport { isSidebarCollapsed, resolveSidebarCollapsible } from \"./sidebar.shared\";\nimport type { SidebarProps } from \"./sidebar.types\";\nimport type { CollapseIconPlacement } from \"../shell/shell-nav.types\";\n\ntype SidebarChildren = {\n  brand?: unknown;\n  items: unknown[];\n};\n\ntype SidebarToggleConfig = {\n  collapsedIcon?: unknown;\n  expandedIcon?: unknown;\n};\n\nfunction splitSidebarChildren(children: unknown[]): SidebarChildren {\n  const brandIndex = children.findIndex((child) => isJsxElement(child) && child.type === NavBrand);\n\n  if (brandIndex === -1) {\n    return { items: children };\n  }\n\n  return {\n    brand: children[brandIndex],\n    items: children.filter((_, index) => index !== brandIndex),\n  };\n}\n\nfunction isSidebarToggleChild(child: unknown): boolean {\n  return isJsxElement(child) && child.type === SidebarToggle;\n}\n\nfunction splitSidebarToggle(children: unknown[]): {\n  items: unknown[];\n  toggle?: SidebarToggleConfig;\n} {\n  const toggleIndex = children.findIndex((child) => isSidebarToggleChild(child));\n\n  if (toggleIndex === -1) {\n    return { items: children };\n  }\n\n  const toggleChild = children[toggleIndex] as { props?: SidebarToggleConfig } | undefined;\n\n  return {\n    items: children.filter((_, index) => index !== toggleIndex),\n    toggle: toggleChild?.props,\n  };\n}\n\nfunction renderSidebarMenuContents(\n  label: string,\n  icon: unknown,\n  iconPlacement: CollapseIconPlacement,\n): JSX.Element {\n  const renderedIcon = (\n    <span class=\"sidebar-toggle-icon\" data-slot=\"sidebar-toggle-icon\" aria-hidden=\"true\">\n      {icon ?? (\n        <span class=\"sidebar-toggle-glyph sidebar-toggle-glyph--menu\">\n          <span />\n          <span />\n          <span />\n        </span>\n      )}\n    </span>\n  );\n  const renderedLabel = (\n    <span class=\"sidebar-toggle-label\" data-slot=\"sidebar-toggle-label\">\n      {label}\n    </span>\n  );\n\n  if (iconPlacement === \"end\") {\n    return (\n      <>\n        {renderedLabel}\n        {renderedIcon}\n      </>\n    );\n  }\n\n  return (\n    <>\n      {renderedIcon}\n      {renderedLabel}\n    </>\n  );\n}\n\nfunction renderSidebarRailContents(\n  label: string,\n  collapsed: boolean,\n  toggle: SidebarToggleConfig | undefined,\n): JSX.Element {\n  const icon = collapsed ? toggle?.collapsedIcon : toggle?.expandedIcon;\n\n  return (\n    <>\n      <span\n        class=\"sidebar-rail-toggle-icon\"\n        data-slot=\"sidebar-rail-toggle-icon\"\n        aria-hidden=\"true\"\n      >\n        {icon ?? (\n          <span\n            class={classes(\n              \"sidebar-toggle-glyph\",\n              \"sidebar-toggle-glyph--rail\",\n              collapsed ? \"is-collapsed\" : \"is-expanded\",\n            )}\n          />\n        )}\n      </span>\n      <span class=\"sidebar-rail-toggle-label\" data-slot=\"sidebar-rail-toggle-label\">\n        {label}\n      </span>\n    </>\n  );\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsed: controlledCollapsed,\n    breakpoint,\n    collapseIcon,\n    collapseIconPlacement = \"start\",\n    collapseLabel,\n    collapsible,\n    defaultCollapsed = false,\n    id,\n    \"aria-label\": ariaLabel,\n    onCollapsedChange,\n    class: className,\n    ref,\n    ...rest\n  } = props;\n  const effectiveCollapseLabel =\n    collapseLabel ?? (typeof ariaLabel === \"string\" ? ariaLabel : undefined) ?? \"Menu\";\n  const childItems = toChildArray(children);\n  const explicitPanelItems = childItems.filter((child) => isShellPanelChild(child, SidebarPanel));\n  const contentItems = childItems.filter((child) => !isShellPanelChild(child, SidebarPanel));\n  const isResponsive = breakpoint !== undefined;\n  const responsiveCollapsedState = state(isResponsive ? isSidebarCollapsed(breakpoint) : false);\n  const drawerOpenState = state(false);\n  const panelId = typeof id === \"string\" ? `${id}-panel` : undefined;\n  const collapseBehavior = resolveSidebarCollapsible(collapsible);\n  const isRailCollapsible = collapseBehavior === \"icon\";\n  const railCollapsedState = state(defaultCollapsed);\n  const responsiveCollapsed = responsiveCollapsedState();\n  const drawerOpen = drawerOpenState();\n  const internalRailCollapsed = railCollapsedState();\n  const isMobile = isResponsive ? responsiveCollapsed : false;\n  const isDrawerOpen = isResponsive && isMobile && drawerOpen;\n  const isRailCollapsed = isRailCollapsible\n    ? (controlledCollapsed ?? internalRailCollapsed ?? false)\n    : false;\n  const closeDrawer = () => drawerOpenState.set(false);\n  const closeDrawerOnNavActivation = (event: MouseEvent) => {\n    const target = event.target;\n\n    if (!(target instanceof Element)) {\n      return;\n    }\n\n    if (target.closest('a[data-slot=\"nav-link\"], a[data-slot=\"nav-item\"], a.navbar-item')) {\n      closeDrawer();\n    }\n  };\n  const toggleDrawer = () => {\n    drawerOpenState.set(!drawerOpenState());\n  };\n  const setRailCollapsed = (nextCollapsed: boolean) => {\n    if (!isRailCollapsible) {\n      return;\n    }\n\n    if (controlledCollapsed === undefined) {\n      railCollapsedState.set(nextCollapsed);\n    }\n\n    onCollapsedChange?.(nextCollapsed);\n  };\n  const toggleRail = () => {\n    if (!isRailCollapsible) {\n      return;\n    }\n\n    setRailCollapsed(!isRailCollapsed);\n  };\n  const { items: drawerSourceItems, toggle: railToggleConfig } = splitSidebarToggle(contentItems);\n  const { brand: drawerBrand, items: drawerItems } = splitSidebarChildren(drawerSourceItems);\n  const desktopChildren = renderKeyedShellChildren(drawerSourceItems, \"sidebar-desktop\");\n  const drawerChildren = renderKeyedShellChildren(drawerItems, \"sidebar-drawer\");\n\n  const contextValue = {\n    active: () => isResponsive,\n    collapseLabel: () => effectiveCollapseLabel,\n    closePanel: closeDrawer,\n    iconCollapsed: () => isRailCollapsed,\n    isRailCollapsible: () => isRailCollapsible,\n    orientation: () => \"vertical\" as const,\n    panelId: () => panelId,\n    panelOpen: () => isDrawerOpen,\n    togglePanel: toggleDrawer,\n    toggleRail,\n  };\n  const panelContext = {\n    active: isResponsive,\n    collapseLabel: effectiveCollapseLabel,\n    onClose: closeDrawer,\n    open: isDrawerOpen,\n    panelId,\n  };\n  const panels =\n    explicitPanelItems.length > 0 ? (\n      renderKeyedShellPanelChildren(explicitPanelItems, \"sidebar-panel\", panelContext)\n    ) : isResponsive ? (\n      <SidebarPanel\n        active={isResponsive}\n        brand={drawerBrand}\n        collapseLabel={effectiveCollapseLabel}\n        onClose={closeDrawer}\n        onClick={closeDrawerOnNavActivation}\n        open={isDrawerOpen}\n        panelId={panelId}\n      >\n        {drawerChildren}\n      </SidebarPanel>\n    ) : null;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"aria-label\": ariaLabel,\n    class: classes(\"sidebar\", className),\n    \"data-collapse-below\": breakpoint,\n    \"data-collapsible\": collapseBehavior === \"none\" ? undefined : collapseBehavior,\n    \"data-icon-collapsed\": isRailCollapsible ? (isRailCollapsed ? \"true\" : \"false\") : undefined,\n    \"data-mobile-open\": isResponsive ? (drawerOpen ? \"true\" : \"false\") : undefined,\n    \"data-orientation\": \"vertical\",\n    \"data-responsive-collapsed\": isMobile ? \"true\" : \"false\",\n    \"data-slot\": \"sidebar\",\n  });\n\n  return (\n    <SidebarContext.Scope value={{ orientation: () => \"vertical\" as const }}>\n      <SidebarResponsiveContext.Scope value={contextValue}>\n        <nav {...finalProps}>\n          {isResponsive ? (\n            <div class=\"sidebar-mobile\" data-slot=\"sidebar-mobile\">\n              <button\n                aria-controls={panelId}\n                aria-expanded={isDrawerOpen ? \"true\" : \"false\"}\n                aria-label={effectiveCollapseLabel}\n                class=\"sidebar-toggle\"\n                data-slot=\"sidebar-toggle\"\n                data-state={isDrawerOpen ? \"open\" : \"closed\"}\n                data-variant=\"mobile\"\n                type=\"button\"\n                onClick={toggleDrawer}\n              >\n                {renderSidebarMenuContents(\n                  effectiveCollapseLabel,\n                  collapseIcon,\n                  collapseIconPlacement,\n                )}\n              </button>\n            </div>\n          ) : null}\n\n          <div class=\"sidebar-shell\" data-orientation=\"vertical\" data-slot=\"sidebar-shell\">\n            {isRailCollapsible && !isMobile ? (\n              <div\n                class=\"sidebar-rail\"\n                data-slot=\"sidebar-rail\"\n                data-state={isRailCollapsed ? \"collapsed\" : \"expanded\"}\n              >\n                <button\n                  aria-expanded={isRailCollapsed ? \"false\" : \"true\"}\n                  aria-label={\n                    isRailCollapsed\n                      ? `Expand ${effectiveCollapseLabel}`\n                      : `Collapse ${effectiveCollapseLabel}`\n                  }\n                  class=\"sidebar-rail-toggle\"\n                  data-slot=\"sidebar-rail-toggle\"\n                  data-state={isRailCollapsed ? \"collapsed\" : \"expanded\"}\n                  type=\"button\"\n                  onClick={toggleRail}\n                >\n                  {renderSidebarRailContents(\n                    effectiveCollapseLabel,\n                    isRailCollapsed,\n                    railToggleConfig,\n                  )}\n                </button>\n              </div>\n            ) : null}\n            {desktopChildren}\n          </div>\n\n          {panels}\n\n          {isResponsive && isDrawerOpen ? (\n            <button\n              aria-label={`Close ${effectiveCollapseLabel}`}\n              class=\"sidebar-backdrop\"\n              data-slot=\"sidebar-backdrop\"\n              data-state=\"open\"\n              tabIndex={-1}\n              type=\"button\"\n              onClick={closeDrawer}\n            />\n          ) : null}\n\n          {isResponsive ? (\n            <ShellResponsiveWatcher\n              breakpoint={breakpoint}\n              isCollapsed={isSidebarCollapsed}\n              onResize={(nextCollapsed) => {\n                responsiveCollapsedState.set(nextCollapsed);\n              }}\n              onExpand={() => {\n                drawerOpenState.set(false);\n              }}\n            />\n          ) : null}\n\n          <ShellPanelWatcher\n            contentId={panelId}\n            open={isDrawerOpen}\n            panelSlot=\"sidebar-panel\"\n            onClose={() => {\n              closeDrawer();\n            }}\n          />\n        </nav>\n      </SidebarResponsiveContext.Scope>\n    </SidebarContext.Scope>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.shared.js","names":[],"sources":["../../../src/components/sidebar/sidebar.shared.ts"],"sourcesContent":["import { NAVBAR_COLLAPSE_BREAKPOINTS, isNavbarCollapsed } from \"../navbar/navbar.shared\";\nimport type { CollapseBreakpoint, Collapsible } from \"../shell/shell-nav.types\";\n\nexport { NAVBAR_COLLAPSE_BREAKPOINTS, isNavbarCollapsed };\n\nexport function resolveSidebarCollapsible(collapsible: Collapsible | undefined): Collapsible {\n  return collapsible ?? \"none\";\n}\n\nexport function isSidebarCollapsed(breakpoint: CollapseBreakpoint): boolean {\n  return isNavbarCollapsed(breakpoint);\n}\n"],"mappings":";;AAKA,SAAgB,0BAA0B,aAAmD;CAC3F,OAAO,eAAe;;AAGxB,SAAgB,mBAAmB,YAAyC;CAC1E,OAAO,kBAAkB,WAAW"}
+{"version":3,"file":"sidebar.shared.js","names":[],"sources":["../../../src/components/sidebar/sidebar.shared.ts"],"sourcesContent":["import { NAVBAR_COLLAPSE_BREAKPOINTS, isNavbarCollapsed } from \"../navbar/navbar.shared\";\nimport type { CollapseBreakpoint, Collapsible } from \"../shell/shell-nav.types\";\n\nexport { NAVBAR_COLLAPSE_BREAKPOINTS, isNavbarCollapsed };\n\nexport function resolveSidebarCollapsible(collapsible: Collapsible | undefined): Collapsible {\n  return collapsible ?? \"none\";\n}\n\nexport function isSidebarCollapsed(breakpoint: CollapseBreakpoint): boolean {\n  return isNavbarCollapsed(breakpoint);\n}\n"],"mappings":";;AAKA,SAAgB,0BAA0B,aAAmD;CAC3F,OAAO,eAAe;AACxB;AAEA,SAAgB,mBAAmB,YAAyC;CAC1E,OAAO,kBAAkB,UAAU;AACrC"}

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 { mergeProps } from \"../_internal/merge-props\";\nimport type { SkeletonAsChildProps, SkeletonProps } from \"./skeleton.types\";\n\nexport function Skeleton(props: SkeletonProps): JSX.Element;\nexport function Skeleton(props: SkeletonAsChildProps): JSX.Element;\nexport function Skeleton(props: SkeletonProps | SkeletonAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\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":";;;;AAMA,SAAgB,SAAS,OAA6C;CACpE,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,iBAAiB;EACjB,eAAe;EAChB,CAAC;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,OAAD;EAAK,GAAI;EAAa;EAAe,CAAA"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type { SkeletonAsChildProps, SkeletonProps } from \"./skeleton.types\";\n\nexport function Skeleton(props: SkeletonProps): JSX.Element;\nexport function Skeleton(props: SkeletonAsChildProps): JSX.Element;\nexport function Skeleton(props: SkeletonProps | SkeletonAsChildProps) {\n  const { asChild, children, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\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":";;;;AAMA,SAAgB,SAAS,OAA6C;CACpE,MAAM,EAAE,SAAS,UAAU,KAAK,GAAG,SAAS;CAC5C,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,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"}

package/dist/components/spacer/spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"spacer.js","names":[],"sources":["../../../src/components/spacer/spacer.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { isCssLength, mergeLayoutStyles } from \"../_internal/layout\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport type { SpacerAsChildProps, SpacerNativeProps } from \"./spacer.types\";\n\nexport function Spacer(props: SpacerNativeProps): JSX.Element;\nexport function Spacer(props: SpacerAsChildProps): JSX.Element;\nexport function Spacer(props: SpacerNativeProps | SpacerAsChildProps) {\n  const { asChild, children, grow, shrink, basis, axis, ref, style: userStyle, ...rest } = props;\n\n  const layoutStyle: Record<string, string | number> = {};\n\n  if (axis === \"inline\") {\n    if (shrink !== undefined && shrink !== 0) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) layoutStyle.width = basis!;\n  } else if (axis === \"block\") {\n    if (shrink !== undefined && shrink !== 0) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) layoutStyle.height = basis!;\n  } else {\n    if (grow !== undefined && grow !== 1) {\n      layoutStyle.flexGrow = grow;\n    }\n    if (shrink !== undefined && shrink !== 1) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) {\n      layoutStyle.flexBasis = basis!;\n    }\n  }\n\n  const layoutClass = styleDeclarationsToClass(mergeLayoutStyles(layoutStyle, userStyle));\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"spacer\",\n    \"data-axis\": axis,\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child) || child.key != null) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: `spacer-${index}`,\n    };\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{keyedChildren}</div>;\n}\n"],"mappings":";;;;;;;AASA,SAAgB,OAAO,OAA+C;CACpE,MAAM,EAAE,SAAS,UAAU,MAAM,QAAQ,OAAO,MAAM,KAAK,OAAO,WAAW,GAAG,SAAS;CAEzF,MAAM,cAA+C,EAAE;CAEvD,IAAI,SAAS,UAAU;EACrB,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,MAAM,EAAE,YAAY,QAAQ;QACvC,IAAI,SAAS,SAAS;EAC3B,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,MAAM,EAAE,YAAY,SAAS;QACxC;EACL,IAAI,SAAS,KAAA,KAAa,SAAS,GACjC,YAAY,WAAW;EAEzB,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,MAAM,EACpB,YAAY,YAAY;;CAI5B,MAAM,cAAc,yBAAyB,kBAAkB,aAAa,UAAU,CAAC;CAEvF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,aAAa;EACb,GAAI,cAAc,EAAE,OAAO,aAAa,GAAG,EAAE;EAC9C,CAAC;CACF,MAAM,gBAAgB,aAAa,SAAS,CAAC,KAAK,OAAO,UAAU;EACjE,IAAI,CAAC,aAAa,MAAM,IAAI,MAAM,OAAO,MACvC,OAAO;EAGT,OAAO;GACL,GAAG;GACH,KAAK,UAAU;GAChB;GACD;CAEF,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;EAAY,CAAA;CAG7D,OAAO,oBAAC,OAAD;EAAK,GAAI;YAAa;EAAoB,CAAA"}
+{"version":3,"file":"spacer.js","names":[],"sources":["../../../src/components/spacer/spacer.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { isCssLength, mergeLayoutStyles } from \"../_internal/layout\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport { isJsxElement, toChildArray } from \"../_internal/jsx\";\nimport type { SpacerAsChildProps, SpacerNativeProps } from \"./spacer.types\";\n\nexport function Spacer(props: SpacerNativeProps): JSX.Element;\nexport function Spacer(props: SpacerAsChildProps): JSX.Element;\nexport function Spacer(props: SpacerNativeProps | SpacerAsChildProps) {\n  const { asChild, children, grow, shrink, basis, axis, ref, style: userStyle, ...rest } = props;\n\n  const layoutStyle: Record<string, string | number> = {};\n\n  if (axis === \"inline\") {\n    if (shrink !== undefined && shrink !== 0) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) layoutStyle.width = basis!;\n  } else if (axis === \"block\") {\n    if (shrink !== undefined && shrink !== 0) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) layoutStyle.height = basis!;\n  } else {\n    if (grow !== undefined && grow !== 1) {\n      layoutStyle.flexGrow = grow;\n    }\n    if (shrink !== undefined && shrink !== 1) {\n      layoutStyle.flexShrink = shrink;\n    }\n    if (isCssLength(basis)) {\n      layoutStyle.flexBasis = basis!;\n    }\n  }\n\n  const layoutClass = styleDeclarationsToClass(mergeLayoutStyles(layoutStyle, userStyle));\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"spacer\",\n    \"data-axis\": axis,\n    ...(layoutClass ? { class: layoutClass } : {}),\n  });\n  const keyedChildren = toChildArray(children).map((child, index) => {\n    if (!isJsxElement(child) || child.key != null) {\n      return child;\n    }\n\n    return {\n      ...child,\n      key: `spacer-${index}`,\n    };\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return <div {...finalProps}>{keyedChildren}</div>;\n}\n"],"mappings":";;;;;;;AASA,SAAgB,OAAO,OAA+C;CACpE,MAAM,EAAE,SAAS,UAAU,MAAM,QAAQ,OAAO,MAAM,KAAK,OAAO,WAAW,GAAG,SAAS;CAEzF,MAAM,cAA+C,CAAC;CAEtD,IAAI,SAAS,UAAU;EACrB,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,KAAK,GAAG,YAAY,QAAQ;CAC9C,OAAO,IAAI,SAAS,SAAS;EAC3B,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,KAAK,GAAG,YAAY,SAAS;CAC/C,OAAO;EACL,IAAI,SAAS,KAAA,KAAa,SAAS,GACjC,YAAY,WAAW;EAEzB,IAAI,WAAW,KAAA,KAAa,WAAW,GACrC,YAAY,aAAa;EAE3B,IAAI,YAAY,KAAK,GACnB,YAAY,YAAY;CAE5B;CAEA,MAAM,cAAc,yBAAyB,kBAAkB,aAAa,SAAS,CAAC;CAEtF,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,aAAa;EACb,GAAI,cAAc,EAAE,OAAO,YAAY,IAAI,CAAC;CAC9C,CAAC;CACD,MAAM,gBAAgB,aAAa,QAAQ,EAAE,KAAK,OAAO,UAAU;EACjE,IAAI,CAAC,aAAa,KAAK,KAAK,MAAM,OAAO,MACvC,OAAO;EAGT,OAAO;GACL,GAAG;GACH,KAAK,UAAU;EACjB;CACF,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,oBAAC,OAAD;EAAK,GAAI;YAAa;CAAmB,CAAA;AAClD"}

package/dist/components/spinner/spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { ProgressCircle } from \"@askrjs/ui\";\nimport type { SpinnerProps } from \"./spinner.types\";\n\nexport function Spinner(props: SpinnerProps): JSX.Element {\n  const {\n    label,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props as SpinnerProps & {\n    \"aria-label\"?: string;\n  };\n\n  return (\n    <ProgressCircle\n      {...rest}\n      aria-label={ariaLabel ?? label ?? \"Loading\"}\n      value={null}\n      getValueLabel={() => label ?? \"Loading\"}\n    />\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EACJ,OACA,cAAc,WACd,GAAG,SACD;CAIJ,OACE,oBAAC,gBAAD;EACE,GAAI;EACJ,cAAY,aAAa,SAAS;EAClC,OAAO;EACP,qBAAqB,SAAS;EAC9B,CAAA"}
+{"version":3,"file":"spinner.js","names":[],"sources":["../../../src/components/spinner/spinner.tsx"],"sourcesContent":["import { ProgressCircle } from \"@askrjs/ui\";\nimport type { SpinnerProps } from \"./spinner.types\";\n\nexport function Spinner(props: SpinnerProps): JSX.Element {\n  const {\n    label,\n    \"aria-label\": ariaLabel,\n    ...rest\n  } = props as SpinnerProps & {\n    \"aria-label\"?: string;\n  };\n\n  return (\n    <ProgressCircle\n      {...rest}\n      aria-label={ariaLabel ?? label ?? \"Loading\"}\n      value={null}\n      getValueLabel={() => label ?? \"Loading\"}\n    />\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EACJ,OACA,cAAc,WACd,GAAG,SACD;CAIJ,OACE,oBAAC,gBAAD;EACE,GAAI;EACJ,cAAY,aAAa,SAAS;EAClC,OAAO;EACP,qBAAqB,SAAS;CAC/B,CAAA;AAEL"}

package/dist/components/stack/stack.js.map

@@ -1 +1 @@
-{"version":3,"file":"stack.js","names":[],"sources":["../../../src/components/stack/stack.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { StackAsChildProps, StackDivProps } from \"./stack.types\";\n\nexport function Stack(props: StackDivProps): JSX.Element;\nexport function Stack(props: StackAsChildProps): JSX.Element;\nexport function Stack(props: StackDivProps | StackAsChildProps) {\n  const { children, ...rest } = props;\n  return (\n    <Flex {...(rest as Record<string, unknown>)} data-slot=\"stack\" direction=\"column\">\n      {children}\n    </Flex>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,OACE,oBAAC,MAAD;EAAM,GAAK;EAAkC,aAAU;EAAQ,WAAU;EACtE;EACI,CAAA"}
+{"version":3,"file":"stack.js","names":[],"sources":["../../../src/components/stack/stack.tsx"],"sourcesContent":["import { Flex } from \"../flex\";\nimport type { StackAsChildProps, StackDivProps } from \"./stack.types\";\n\nexport function Stack(props: StackDivProps): JSX.Element;\nexport function Stack(props: StackAsChildProps): JSX.Element;\nexport function Stack(props: StackDivProps | StackAsChildProps) {\n  const { children, ...rest } = props;\n  return (\n    <Flex {...(rest as Record<string, unknown>)} data-slot=\"stack\" direction=\"column\">\n      {children}\n    </Flex>\n  );\n}\n"],"mappings":";;;AAKA,SAAgB,MAAM,OAA0C;CAC9D,MAAM,EAAE,UAAU,GAAG,SAAS;CAC9B,OACE,oBAAC,MAAD;EAAM,GAAK;EAAkC,aAAU;EAAQ,WAAU;EACtE;CACG,CAAA;AAEV"}