@askrjs/themes 0.0.16 → 0.0.19

package/dist/components/footer/footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/footer/footer.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  FooterContentProps,\n  FooterDescriptionProps,\n  FooterLinkProps,\n  FooterLinksProps,\n  FooterProps,\n  FooterSectionProps,\n  FooterTitleProps,\n} from \"./footer.types\";\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"footer\" background=\"muted\" borderTop {...rest} data-slot=\"footer\">\n      {children}\n    </Block>\n  );\n}\n\nexport function FooterContent(props: FooterContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-content\", className),\n    \"data-slot\": \"footer-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterSection(props: FooterSectionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-section\", className),\n    \"data-slot\": \"footer-section\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterTitle(props: FooterTitleProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-title\", className),\n    \"data-slot\": \"footer-title\",\n  });\n\n  return <h2 {...finalProps}>{children}</h2>;\n}\n\nexport function FooterDescription(props: FooterDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-description\", className),\n    \"data-slot\": \"footer-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FooterLinks(props: FooterLinksProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-links\", className),\n    \"data-slot\": \"footer-links\",\n  });\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function FooterLink(props: FooterLinkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-link\", className),\n    \"data-slot\": \"footer-link\",\n  });\n\n  return <a {...finalProps}>{children}</a>;\n}\n"],"mappings":";;;;;AAaA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAS,YAAW;EAAQ,WAAA;EAAU,GAAI;EAAM,aAAU;EACjE;CACI,CAAA;AAEX;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,MAAD;EAAI,GANQ,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEwB;EAAI;CAAa,CAAA;AAC3C;AAEA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,sBAAsB,SAAS;GAC9C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC"}
+{"version":3,"file":"footer.js","names":[],"sources":["../../../src/components/footer/footer.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport type {\n  FooterContentProps,\n  FooterDescriptionProps,\n  FooterLinkProps,\n  FooterLinksProps,\n  FooterProps,\n  FooterSectionProps,\n  FooterTitleProps,\n} from \"./footer.types\";\n\nexport function Footer(props: FooterProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"footer\" background=\"muted\" borderTop {...rest} data-slot=\"footer\">\n      {children}\n    </Block>\n  );\n}\n\nexport function FooterContent(props: FooterContentProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-content\", className),\n    \"data-slot\": \"footer-content\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterSection(props: FooterSectionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-section\", className),\n    \"data-slot\": \"footer-section\",\n  });\n\n  return <div {...finalProps}>{children}</div>;\n}\n\nexport function FooterTitle(props: FooterTitleProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-title\", className),\n    \"data-slot\": \"footer-title\",\n  });\n\n  return <h2 {...finalProps}>{children}</h2>;\n}\n\nexport function FooterDescription(props: FooterDescriptionProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-description\", className),\n    \"data-slot\": \"footer-description\",\n  });\n\n  return <p {...finalProps}>{children}</p>;\n}\n\nexport function FooterLinks(props: FooterLinksProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-links\", className),\n    \"data-slot\": \"footer-links\",\n  });\n\n  return <nav {...finalProps}>{children}</nav>;\n}\n\nexport function FooterLink(props: FooterLinkProps): JSX.Element {\n  const { children, class: className, ref, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"footer-link\", className),\n    \"data-slot\": \"footer-link\",\n  });\n\n  return <a {...finalProps}>{children}</a>;\n}\n"],"mappings":";;;;;AAcA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAS,YAAW;EAAQ,WAAA;EAAU,GAAI;EAAM,aAAU;EACjE;CACI,CAAA;AAEX;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,cAAc,OAAwC;CACpE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,kBAAkB,SAAS;GAC1C,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,MAAD;EAAI,GANQ,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEwB;EAAI;CAAa,CAAA;AAC3C;AAEA,SAAgB,kBAAkB,OAA4C;CAC5E,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,sBAAsB,SAAS;GAC9C,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC;AAEA,SAAgB,YAAY,OAAsC;CAChE,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,OAAD;EAAK,GANO,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,gBAAgB,SAAS;GACxC,aAAa;EACf,CAEyB;EAAI;CAAc,CAAA;AAC7C;AAEA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,UAAU,OAAO,WAAW,KAAK,GAAG,SAAS;CAOrD,OAAO,oBAAC,KAAD;EAAG,GANS,WAAW,MAAM;GAClC;GACA,OAAO,QAAQ,eAAe,SAAS;GACvC,aAAa;EACf,CAEuB;EAAI;CAAY,CAAA;AACzC"}

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

@@ -1,5 +1,6 @@
 import { BlockElementProps } from "../block/block.types.js";
 import "../block/index.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/footer/footer.types.d.ts
 type FooterProps = Omit<BlockElementProps<"footer">, "as">;

package/dist/components/grid/grid.d.ts

@@ -1,4 +1,5 @@
 import { GridElement, GridProps } from "./grid.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/grid/grid.d.ts
 declare function Grid<TElement extends GridElement = "div">(props: GridProps<TElement>): JSX.Element;
 //#endregion

package/dist/components/grid/grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import { classes } from \"../_internal/classes\";\nimport { mergeLayoutStyles } from \"../_internal/block-layout\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport type { BlockSpace, LayoutBreakpoint, ResponsiveValue } from \"../_internal/block-layout\";\nimport type { GridAlign, GridColumns, GridElement, GridProps } from \"./grid.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nconst SPACE_TOKEN_MAP: Record<BlockSpace, string> = {\n  \"0\": \"0\",\n  xs: \"var(--ak-space-xs)\",\n  sm: \"var(--ak-space-sm)\",\n  md: \"var(--ak-space-md)\",\n  lg: \"var(--ak-space-lg)\",\n  xl: \"var(--ak-space-xl)\",\n  \"2xl\": \"var(--ak-space-2xl)\",\n  \"3xl\": \"var(--ak-space-3xl)\",\n  page: \"var(--ak-layout-page-gutter)\",\n};\n\nfunction isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  return Boolean(\n    value &&\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    BREAKPOINTS.some((breakpoint) => breakpoint in value),\n  );\n}\n\nfunction normalizeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): Partial<Record<LayoutBreakpoint, T>> | undefined {\n  if (value === undefined) return undefined;\n  if (isResponsiveValue(value)) return value;\n  return { base: value };\n}\n\nfunction resolveColumns(value: GridColumns): string {\n  if (typeof value === \"number\") {\n    return `repeat(${value}, minmax(0, 1fr))`;\n  }\n\n  const trimmed = value.trim();\n  return trimmed || \"minmax(0, 1fr)\";\n}\n\nfunction resolveGap(value: BlockSpace): string {\n  return SPACE_TOKEN_MAP[value] ?? value;\n}\n\nfunction resolveAlign(value: GridAlign): string {\n  if (value === \"start\") return \"start\";\n  if (value === \"end\") return \"end\";\n  return value;\n}\n\nfunction setResponsiveVar<T>(\n  styles: Record<string, string | number>,\n  property: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => string | number | undefined,\n) {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    const resolved = resolve(breakpointValue);\n    if (resolved === undefined || resolved === \"\") continue;\n    styles[`--ak-grid-${property}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function Grid<TElement extends GridElement = \"div\">(\n  props: GridProps<TElement>,\n): JSX.Element {\n  const {\n    as,\n    columns,\n    gap,\n    align,\n    children,\n    class: classProp,\n    className,\n    ref,\n    style: userStyle,\n    ...rest\n  } = props as GridProps<GridElement> & {\n    class?: unknown;\n    className?: unknown;\n    style?: unknown;\n  };\n\n  const styles: Record<string, string | number> = {};\n  setResponsiveVar(styles, \"columns\", columns, resolveColumns);\n  setResponsiveVar(styles, \"gap\", gap, resolveGap);\n  setResponsiveVar(styles, \"align\", align, resolveAlign);\n\n  const generatedClass = styleDeclarationsToClass(mergeLayoutStyles(styles, userStyle));\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"grid\", classProp, className, generatedClass),\n    \"data-slot\": \"grid\",\n  });\n\n  return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);\n}\n"],"mappings":";;;;;;AAQA,MAAM,kBAAkB;AACxB,MAAM,cAA2C;CAAC;CAAQ;CAAM;CAAM;CAAM;AAAI;AAEhF,MAAM,kBAA8C;CAClD,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;AACR;AAEA,SAAS,kBACP,OAC+C;CAC/C,OAAO,QACL,SACA,OAAO,UAAU,YACjB,CAAC,MAAM,QAAQ,KAAK,KACpB,YAAY,MAAM,eAAe,cAAc,KAAK,CACtD;AACF;AAEA,SAAS,yBACP,OACkD;CAClD,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,IAAI,kBAAkB,KAAK,GAAG,OAAO;CACrC,OAAO,EAAE,MAAM,MAAM;AACvB;AAEA,SAAS,eAAe,OAA4B;CAClD,IAAI,OAAO,UAAU,UACnB,OAAO,UAAU,MAAM;CAIzB,OADgB,MAAM,KACT,KAAK;AACpB;AAEA,SAAS,WAAW,OAA2B;CAC7C,OAAO,gBAAgB,UAAU;AACnC;AAEA,SAAS,aAAa,OAA0B;CAC9C,IAAI,UAAU,SAAS,OAAO;CAC9B,IAAI,UAAU,OAAO,OAAO;CAC5B,OAAO;AACT;AAEA,SAAS,iBACP,QACA,UACA,OACA,SACA;CACA,MAAM,aAAa,yBAAyB,KAAK;CACjD,IAAI,CAAC,YAAY;CAEjB,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,kBAAkB,WAAW;EACnC,IAAI,oBAAoB,KAAA,GAAW;EACnC,MAAM,WAAW,QAAQ,eAAe;EACxC,IAAI,aAAa,KAAA,KAAa,aAAa,IAAI;EAC/C,OAAO,aAAa,SAAS,GAAG,gBAAgB;CAClD;AACF;AAEA,SAAgB,KACd,OACa;CACb,MAAM,EACJ,IACA,SACA,KACA,OACA,UACA,OAAO,WACP,WACA,KACA,OAAO,WACP,GAAG,SACD;CAMJ,MAAM,SAA0C,CAAC;CACjD,iBAAiB,QAAQ,WAAW,SAAS,cAAc;CAC3D,iBAAiB,QAAQ,OAAO,KAAK,UAAU;CAC/C,iBAAiB,QAAQ,SAAS,OAAO,YAAY;CAGrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,QAAQ,WAAW,WAHb,yBAAyB,kBAAkB,QAAQ,SAAS,CAGvB,CAAC;EAC3D,aAAa;CACf,CAAC;CAED,OAAO,iBAAiB,MAAM,iBAAiB,YAAY,QAAQ;AACrE"}
+{"version":3,"file":"grid.js","names":[],"sources":["../../../src/components/grid/grid.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeLayoutStyles } from \"../_internal/block-layout\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport { styleDeclarationsToClass } from \"../_internal/style\";\nimport type { BlockSpace, LayoutBreakpoint, ResponsiveValue } from \"../_internal/block-layout\";\nimport type { GridAlign, GridColumns, GridElement, GridProps } from \"./grid.types\";\n\nconst DEFAULT_ELEMENT = \"div\";\nconst BREAKPOINTS: readonly LayoutBreakpoint[] = [\"base\", \"sm\", \"md\", \"lg\", \"xl\"];\n\nconst SPACE_TOKEN_MAP: Record<BlockSpace, string> = {\n  \"0\": \"0\",\n  xs: \"var(--ak-space-xs)\",\n  sm: \"var(--ak-space-sm)\",\n  md: \"var(--ak-space-md)\",\n  lg: \"var(--ak-space-lg)\",\n  xl: \"var(--ak-space-xl)\",\n  \"2xl\": \"var(--ak-space-2xl)\",\n  \"3xl\": \"var(--ak-space-3xl)\",\n  page: \"var(--ak-layout-page-gutter)\",\n};\n\nfunction isResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): value is Partial<Record<LayoutBreakpoint, T>> {\n  return Boolean(\n    value &&\n    typeof value === \"object\" &&\n    !Array.isArray(value) &&\n    BREAKPOINTS.some((breakpoint) => breakpoint in value),\n  );\n}\n\nfunction normalizeResponsiveValue<T>(\n  value: ResponsiveValue<T> | undefined,\n): Partial<Record<LayoutBreakpoint, T>> | undefined {\n  if (value === undefined) return undefined;\n  if (isResponsiveValue(value)) return value;\n  return { base: value };\n}\n\nfunction resolveColumns(value: GridColumns): string {\n  if (typeof value === \"number\") {\n    return `repeat(${value}, minmax(0, 1fr))`;\n  }\n\n  const trimmed = value.trim();\n  return trimmed || \"minmax(0, 1fr)\";\n}\n\nfunction resolveGap(value: BlockSpace): string {\n  return SPACE_TOKEN_MAP[value] ?? value;\n}\n\nfunction resolveAlign(value: GridAlign): string {\n  if (value === \"start\") return \"start\";\n  if (value === \"end\") return \"end\";\n  return value;\n}\n\nfunction setResponsiveVar<T>(\n  styles: Record<string, string | number>,\n  property: string,\n  value: ResponsiveValue<T> | undefined,\n  resolve: (value: T) => string | number | undefined,\n) {\n  const normalized = normalizeResponsiveValue(value);\n  if (!normalized) return;\n\n  for (const breakpoint of BREAKPOINTS) {\n    const breakpointValue = normalized[breakpoint];\n    if (breakpointValue === undefined) continue;\n    const resolved = resolve(breakpointValue);\n    if (resolved === undefined || resolved === \"\") continue;\n    styles[`--ak-grid-${property}-${breakpoint}`] = resolved;\n  }\n}\n\nexport function Grid<TElement extends GridElement = \"div\">(\n  props: GridProps<TElement>,\n): JSX.Element {\n  const {\n    as,\n    columns,\n    gap,\n    align,\n    children,\n    class: classProp,\n    className,\n    ref,\n    style: userStyle,\n    ...rest\n  } = props as GridProps<GridElement> & {\n    class?: unknown;\n    className?: unknown;\n    style?: unknown;\n  };\n\n  const styles: Record<string, string | number> = {};\n  setResponsiveVar(styles, \"columns\", columns, resolveColumns);\n  setResponsiveVar(styles, \"gap\", gap, resolveGap);\n  setResponsiveVar(styles, \"align\", align, resolveAlign);\n\n  const generatedClass = styleDeclarationsToClass(mergeLayoutStyles(styles, userStyle));\n  const finalProps = mergeProps(rest, {\n    ref,\n    class: classes(\"grid\", classProp, className, generatedClass),\n    \"data-slot\": \"grid\",\n  });\n\n  return intrinsicElement(as ?? DEFAULT_ELEMENT, finalProps, children);\n}\n"],"mappings":";;;;;;AASA,MAAM,kBAAkB;AACxB,MAAM,cAA2C;CAAC;CAAQ;CAAM;CAAM;CAAM;AAAI;AAEhF,MAAM,kBAA8C;CAClD,KAAK;CACL,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,IAAI;CACJ,OAAO;CACP,OAAO;CACP,MAAM;AACR;AAEA,SAAS,kBACP,OAC+C;CAC/C,OAAO,QACL,SACA,OAAO,UAAU,YACjB,CAAC,MAAM,QAAQ,KAAK,KACpB,YAAY,MAAM,eAAe,cAAc,KAAK,CACtD;AACF;AAEA,SAAS,yBACP,OACkD;CAClD,IAAI,UAAU,KAAA,GAAW,OAAO,KAAA;CAChC,IAAI,kBAAkB,KAAK,GAAG,OAAO;CACrC,OAAO,EAAE,MAAM,MAAM;AACvB;AAEA,SAAS,eAAe,OAA4B;CAClD,IAAI,OAAO,UAAU,UACnB,OAAO,UAAU,MAAM;CAIzB,OADgB,MAAM,KACT,KAAK;AACpB;AAEA,SAAS,WAAW,OAA2B;CAC7C,OAAO,gBAAgB,UAAU;AACnC;AAEA,SAAS,aAAa,OAA0B;CAC9C,IAAI,UAAU,SAAS,OAAO;CAC9B,IAAI,UAAU,OAAO,OAAO;CAC5B,OAAO;AACT;AAEA,SAAS,iBACP,QACA,UACA,OACA,SACA;CACA,MAAM,aAAa,yBAAyB,KAAK;CACjD,IAAI,CAAC,YAAY;CAEjB,KAAK,MAAM,cAAc,aAAa;EACpC,MAAM,kBAAkB,WAAW;EACnC,IAAI,oBAAoB,KAAA,GAAW;EACnC,MAAM,WAAW,QAAQ,eAAe;EACxC,IAAI,aAAa,KAAA,KAAa,aAAa,IAAI;EAC/C,OAAO,aAAa,SAAS,GAAG,gBAAgB;CAClD;AACF;AAEA,SAAgB,KACd,OACa;CACb,MAAM,EACJ,IACA,SACA,KACA,OACA,UACA,OAAO,WACP,WACA,KACA,OAAO,WACP,GAAG,SACD;CAMJ,MAAM,SAA0C,CAAC;CACjD,iBAAiB,QAAQ,WAAW,SAAS,cAAc;CAC3D,iBAAiB,QAAQ,OAAO,KAAK,UAAU;CAC/C,iBAAiB,QAAQ,SAAS,OAAO,YAAY;CAGrD,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,OAAO,QAAQ,QAAQ,WAAW,WAHb,yBAAyB,kBAAkB,QAAQ,SAAS,CAGvB,CAAC;EAC3D,aAAa;CACf,CAAC;CAED,OAAO,iBAAiB,MAAM,iBAAiB,YAAY,QAAQ;AACrE"}

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

@@ -1,4 +1,5 @@
 import { BlockSpace, ResponsiveValue } from "../_internal/block-layout.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/grid/grid.types.d.ts
 type GridElement = "div" | "section" | "ul";

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

@@ -1,4 +1,5 @@
 import { HeaderProps } from "./header.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/header/header.d.ts
 declare function Header(props: HeaderProps): JSX.Element;
 //#endregion

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

@@ -1 +1 @@
-{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { HeaderProps } from \"./header.types\";\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const { children, position, sticky = position === \"sticky\", ...rest } = props;\n\n  return (\n    <Block\n      as=\"header\"\n      sticky={sticky}\n      top={sticky ? \"0\" : undefined}\n      zIndex={sticky ? \"header\" : undefined}\n      background=\"surface\"\n      borderBottom\n      {...rest}\n      data-slot=\"header\"\n    >\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,UAAU,SAAS,aAAa,UAAU,GAAG,SAAS;CAExE,OACE,oBAAC,OAAD;EACE,IAAG;EACK;EACR,KAAK,SAAS,MAAM,KAAA;EACpB,QAAQ,SAAS,WAAW,KAAA;EAC5B,YAAW;EACX,cAAA;EACA,GAAI;EACJ,aAAU;EAET;CACI,CAAA;AAEX"}
+{"version":3,"file":"header.js","names":[],"sources":["../../../src/components/header/header.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport type { HeaderProps } from \"./header.types\";\n\nexport function Header(props: HeaderProps): JSX.Element {\n  const { children, position, sticky = position === \"sticky\", ...rest } = props;\n\n  return (\n    <Block\n      as=\"header\"\n      sticky={sticky}\n      top={sticky ? \"0\" : undefined}\n      zIndex={sticky ? \"header\" : undefined}\n      background=\"surface\"\n      borderBottom\n      {...rest}\n      data-slot=\"header\"\n    >\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,OAAO,OAAiC;CACtD,MAAM,EAAE,UAAU,UAAU,SAAS,aAAa,UAAU,GAAG,SAAS;CAExE,OACE,oBAAC,OAAD;EACE,IAAG;EACK;EACR,KAAK,SAAS,MAAM,KAAA;EACpB,QAAQ,SAAS,WAAW,KAAA;EAC5B,YAAW;EACX,cAAA;EACA,GAAI;EACJ,aAAU;EAET;CACI,CAAA;AAEX"}

package/dist/components/input-group/input-group.d.ts

@@ -1,4 +1,5 @@
 import { InputGroupProps, InputGroupTextAsChildProps, InputGroupTextProps } from "./input-group.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/input-group/input-group.d.ts
 declare function InputGroup(props: InputGroupProps): JSX.Element;
 declare function InputGroupText(props: InputGroupTextProps): JSX.Element;

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 { intrinsicElement } from \"../_internal/jsx\";\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\") as string}\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 intrinsicElement(\"span\", finalProps, children);\n}\n"],"mappings":";;;;;;AAUA,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,MAAO,QAAQ;EAEd;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,iBAAiB,QAAQ,YAAY,QAAQ;AACtD"}
+{"version":3,"file":"input-group.js","names":[],"sources":["../../../src/components/input-group/input-group.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"@askrjs/askr/foundations/utilities\";\nimport { classes } from \"../_internal/classes\";\nimport { intrinsicElement } from \"../_internal/jsx\";\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\") as string}\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 intrinsicElement(\"span\", finalProps, children);\n}\n"],"mappings":";;;;;;AAWA,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,MAAO,QAAQ;EAEd;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,iBAAiB,QAAQ,YAAY,QAAQ;AACtD"}

package/dist/components/input-group/input-group.types.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from "@askrjs/askr/jsx-runtime";
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/input-group/input-group.types.d.ts

package/dist/components/jsx-types.d.ts

@@ -0,0 +1,12 @@
+import { JSXElement } from "@askrjs/askr/foundations/structures";
+//#region src/components/jsx-types.d.ts
+declare global {
+  namespace JSX {
+    interface Element extends JSXElement {
+      readonly __askrThemesJsxElementBrand?: never;
+    }
+    interface IntrinsicElements {
+      [element: string]: Record<string, unknown>;
+    }
+  }
+}

package/dist/components/main/main.d.ts

@@ -1,4 +1,5 @@
 import { MainProps } from "./main.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/main/main.d.ts
 declare function Main(props: MainProps): JSX.Element;
 //#endregion

package/dist/components/main/main.js.map

@@ -1 +1 @@
-{"version":3,"file":"main.js","names":[],"sources":["../../../src/components/main/main.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { MainProps } from \"./main.types\";\n\nexport function Main(props: MainProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"main\" grow {...rest} data-slot=\"main\">\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAO,MAAA;EAAK,GAAI;EAAM,aAAU;EACvC;CACI,CAAA;AAEX"}
+{"version":3,"file":"main.js","names":[],"sources":["../../../src/components/main/main.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport type { MainProps } from \"./main.types\";\n\nexport function Main(props: MainProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"main\" grow {...rest} data-slot=\"main\">\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAO,MAAA;EAAK,GAAI;EAAM,aAAU;EACvC;CACI,CAAA;AAEX"}

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

@@ -1,4 +1,5 @@
 import { NavItemAsChildProps, NavItemProps, NavLinkProps, PillProps, PillsAsChildProps, PillsProps, TabProps, TabsAsChildProps, TabsProps } from "./nav.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/nav/nav.d.ts
 declare function Tabs(props: TabsProps): JSX.Element;
 declare function Tabs(props: TabsAsChildProps): JSX.Element;

package/dist/components/nav/nav.js

@@ -47,13 +47,14 @@ function renderNavSet(props, slot) {
 	return intrinsicElement("nav", finalProps, children);
 }
 function renderRoutedLink(props, slot, options = {}) {
-	const { active, children, href: suppliedHref, to, onClick, ref, class: className, match = "prefix", target, ...rest } = props;
+	const { active, children, href: suppliedHref, to, onPress, onClick, ref, class: className, match = "prefix", target, ...rest } = props;
 	const href = to?.href ?? suppliedHref;
 	if (!href) throw new Error("Nav link requires href or to.");
 	assertSafeNavigationHref(href);
 	const resolvedSlot = (options.inheritSlot && typeof rest["data-slot"] === "string" ? String(rest["data-slot"]) : void 0) ?? slot;
 	const inheritedNavClass = slot === "nav-item" && resolvedSlot !== "nav-item" ? "nav-item" : void 0;
 	const { "data-slot": _dataSlot, ...childRest } = rest;
+	const hasDownload = rest.download !== void 0;
 	const currentPathname = getReactiveCurrentPathname();
 	const targetPathname = resolvePathname(href);
 	const routeActive = currentPathname !== null && targetPathname !== null && isActiveNavLink(currentPathname, targetPathname, match);
@@ -62,7 +63,7 @@ function renderRoutedLink(props, slot, options = {}) {
 		"aria-current": "page",
 		"data-active": "true"
 	} : { "data-active": void 0 };
-	const rendersRouterLink = targetPathname !== null && !target && typeof onClick !== "function";
+	const rendersRouterLink = targetPathname !== null && !target && !hasDownload && typeof onClick !== "function" && typeof onPress !== "function";
 	const childProps = to ? {
 		...childRest,
 		to,
@@ -73,7 +74,10 @@ function renderRoutedLink(props, slot, options = {}) {
 		target
 	};
 	const handleClick = (event) => {
+		onPress?.(event);
+		if (event.defaultPrevented) return;
 		onClick?.(event);
+		if (hasDownload) return;
 		if (!shouldHandleClientNavigation(event, target, targetPathname)) return;
 		event.preventDefault();
 		navigate(href);

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

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

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

@@ -1,3 +1,4 @@
+import { JSX } from "@askrjs/askr/jsx-runtime";
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 import { LinkProps } from "@askrjs/askr/router";
@@ -42,6 +43,7 @@ type NavItemAsChildProps = Omit<JSX.IntrinsicElements["a"], "children" | "ref">
 };
 type NavLinkOwnProps = NavItemOwnProps & {
   match?: NavLinkMatch;
+  onPress?: (event: Event) => void;
 };
 type NavLinkProps = LinkProps & NavLinkOwnProps;
 type TabProps = LinkProps & NavLinkOwnProps;

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

@@ -1,4 +1,5 @@
 import { NavBrandProps, NavDropdownProps, NavGroupProps, NavbarProps } from "./navbar.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/navbar/navbar.d.ts
 declare function Navbar(props: NavbarProps): JSX.Element;
 declare function NavBrand(props: NavBrandProps): JSX.Element;

package/dist/components/navbar/navbar.js

@@ -2,7 +2,7 @@ import { classes } from "../_internal/classes.js";
 import { isJsxElement, toChildArray } from "../_internal/jsx.js";
 import { Block } from "../block/block.js";
 import { DropdownContent as DropdownContent$1 } from "../overlays/dropdown-content.js";
-import { Dropdown, DropdownTrigger } from "@askrjs/ui";
+import { Collapsible, CollapsibleContent, CollapsibleTrigger, Dropdown, DropdownTrigger } from "@askrjs/ui";
 import { jsx, jsxs } from "@askrjs/askr/jsx-runtime";
 //#region src/components/navbar/navbar.tsx
 const ASKR_FRAGMENT = Symbol.for("askr.fragment");
@@ -37,23 +37,28 @@ function Navbar(props) {
 	const navbarChildren = flattenNavbarChildren(children);
 	const brandChildren = navbarChildren.filter(isNavBrandChild);
 	const navChildren = navbarChildren.filter((child) => !isNavBrandChild(child));
-	const collapse = hasRenderableChildren(navChildren) ? /* @__PURE__ */ jsxs("details", {
+	const collapse = hasRenderableChildren(navChildren) ? /* @__PURE__ */ jsx("div", {
 		"data-slot": "navbar-collapse",
-		children: [/* @__PURE__ */ jsxs("summary", {
+		children: /* @__PURE__ */ jsxs(Collapsible, { children: [/* @__PURE__ */ jsxs(CollapsibleTrigger, {
 			"aria-label": collapseLabel,
 			"data-slot": "navbar-toggle",
 			children: [collapseIcon, /* @__PURE__ */ jsx("span", {
 				"data-slot": "navbar-toggle-label",
 				children: collapseLabel
 			})]
-		}), /* @__PURE__ */ jsx(LayoutBlock, {
-			direction: "row",
-			align: "center",
-			gap: "md",
-			width: "full",
+		}), /* @__PURE__ */ jsx(CollapsibleContent, {
+			forceMount: true,
+			asChild: true,
 			"data-slot": "navbar-content",
-			children: navChildren
-		})]
+			children: /* @__PURE__ */ jsx(LayoutBlock, {
+				direction: "row",
+				align: "center",
+				gap: "md",
+				width: "full",
+				"data-slot": "navbar-content",
+				children: navChildren
+			})
+		})] })
 	}) : null;
 	return /* @__PURE__ */ jsx(LayoutBlock, {
 		as: "nav",

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

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

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

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

package/dist/components/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,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"}
+{"version":3,"file":"dropdown-content.js","names":["DropdownContent","UiDropdownContent"],"sources":["../../../src/components/overlays/dropdown-content.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { 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":";;;AAQA,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/page/page.d.ts

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

package/dist/components/page/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","names":[],"sources":["../../../src/components/page/page.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport { Container } from \"../container\";\nimport type { PageProps } from \"./page.types\";\n\nexport function Page(props: PageProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"main\" grow {...rest} data-slot=\"page\">\n      <Container>\n        <Block paddingY=\"xl\" gap=\"lg\">\n          {children}\n        </Block>\n      </Container>\n    </Block>\n  );\n}\n"],"mappings":";;;;AAIA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAO,MAAA;EAAK,GAAI;EAAM,aAAU;YACxC,oBAAC,WAAD,EAAA,UACE,oBAAC,OAAD;GAAO,UAAS;GAAK,KAAI;GACtB;EACI,CAAA,EACE,CAAA;CACN,CAAA;AAEX"}
+{"version":3,"file":"page.js","names":[],"sources":["../../../src/components/page/page.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport { Container } from \"../container\";\nimport type { PageProps } from \"./page.types\";\n\nexport function Page(props: PageProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"main\" grow {...rest} data-slot=\"page\">\n      <Container>\n        <Block paddingY=\"xl\" gap=\"lg\">\n          {children}\n        </Block>\n      </Container>\n    </Block>\n  );\n}\n"],"mappings":";;;;AAKA,SAAgB,KAAK,OAA+B;CAClD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAO,MAAA;EAAK,GAAI;EAAM,aAAU;YACxC,oBAAC,WAAD,EAAA,UACE,oBAAC,OAAD;GAAO,UAAS;GAAK,KAAI;GACtB;EACI,CAAA,EACE,CAAA;CACN,CAAA;AAEX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/page-header/page-header.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { PageHeaderProps } from \"./page-header.types\";\n\nexport function PageHeader(props: PageHeaderProps): JSX.Element {\n  const { title, description, actions, ...rest } = props;\n\n  return (\n    <Block\n      rowFrom=\"md\"\n      align={{ base: \"start\", md: \"center\" }}\n      justify=\"between\"\n      gap=\"lg\"\n      {...rest}\n      data-slot=\"page-header\"\n    >\n      <Block gap=\"xs\" data-slot=\"page-header-copy\">\n        <h1 data-slot=\"page-header-title\">{title}</h1>\n        {description !== undefined ? (\n          <p data-slot=\"page-header-description\">{description}</p>\n        ) : null}\n      </Block>\n      {actions !== undefined ? (\n        <Block direction=\"row\" gap=\"sm\" data-slot=\"page-header-actions\">\n          {actions}\n        </Block>\n      ) : null}\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,OAAO,aAAa,SAAS,GAAG,SAAS;CAEjD,OACE,qBAAC,OAAD;EACE,SAAQ;EACR,OAAO;GAAE,MAAM;GAAS,IAAI;EAAS;EACrC,SAAQ;EACR,KAAI;EACJ,GAAI;EACJ,aAAU;YANZ,CAQE,qBAAC,OAAD;GAAO,KAAI;GAAK,aAAU;aAA1B,CACE,oBAAC,MAAD;IAAI,aAAU;cAAqB;GAAU,CAAA,GAC5C,gBAAgB,KAAA,IACf,oBAAC,KAAD;IAAG,aAAU;cAA2B;GAAe,CAAA,IACrD,IACC;MACN,YAAY,KAAA,IACX,oBAAC,OAAD;GAAO,WAAU;GAAM,KAAI;GAAK,aAAU;aACvC;EACI,CAAA,IACL,IACC;;AAEX"}
+{"version":3,"file":"page-header.js","names":[],"sources":["../../../src/components/page-header/page-header.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport type { PageHeaderProps } from \"./page-header.types\";\n\nexport function PageHeader(props: PageHeaderProps): JSX.Element {\n  const { title, description, actions, ...rest } = props;\n\n  return (\n    <Block\n      rowFrom=\"md\"\n      align={{ base: \"start\", md: \"center\" }}\n      justify=\"between\"\n      gap=\"lg\"\n      {...rest}\n      data-slot=\"page-header\"\n    >\n      <Block gap=\"xs\" data-slot=\"page-header-copy\">\n        <h1 data-slot=\"page-header-title\">{title}</h1>\n        {description !== undefined ? (\n          <p data-slot=\"page-header-description\">{description}</p>\n        ) : null}\n      </Block>\n      {actions !== undefined ? (\n        <Block direction=\"row\" gap=\"sm\" data-slot=\"page-header-actions\">\n          {actions}\n        </Block>\n      ) : null}\n    </Block>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,WAAW,OAAqC;CAC9D,MAAM,EAAE,OAAO,aAAa,SAAS,GAAG,SAAS;CAEjD,OACE,qBAAC,OAAD;EACE,SAAQ;EACR,OAAO;GAAE,MAAM;GAAS,IAAI;EAAS;EACrC,SAAQ;EACR,KAAI;EACJ,GAAI;EACJ,aAAU;YANZ,CAQE,qBAAC,OAAD;GAAO,KAAI;GAAK,aAAU;aAA1B,CACE,oBAAC,MAAD;IAAI,aAAU;cAAqB;GAAU,CAAA,GAC5C,gBAAgB,KAAA,IACf,oBAAC,KAAD;IAAG,aAAU;cAA2B;GAAe,CAAA,IACrD,IACC;MACN,YAAY,KAAA,IACX,oBAAC,OAAD;GAAO,WAAU;GAAM,KAAI;GAAK,aAAU;aACvC;EACI,CAAA,IACL,IACC;;AAEX"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/section/section.tsx"],"sourcesContent":["import { Block } from \"../block\";\nimport type { SectionProps } from \"./section.types\";\n\nexport function Section(props: SectionProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"section\" gap=\"lg\" paddingY=\"xl\" {...rest} data-slot=\"section\">\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAGA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAU,KAAI;EAAK,UAAS;EAAK,GAAI;EAAM,aAAU;EAC5D;CACI,CAAA;AAEX"}
+{"version":3,"file":"section.js","names":[],"sources":["../../../src/components/section/section.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Block } from \"../block\";\nimport type { SectionProps } from \"./section.types\";\n\nexport function Section(props: SectionProps): JSX.Element {\n  const { children, ...rest } = props;\n\n  return (\n    <Block as=\"section\" gap=\"lg\" paddingY=\"xl\" {...rest} data-slot=\"section\">\n      {children}\n    </Block>\n  );\n}\n"],"mappings":";;;AAIA,SAAgB,QAAQ,OAAkC;CACxD,MAAM,EAAE,UAAU,GAAG,SAAS;CAE9B,OACE,oBAAC,OAAD;EAAO,IAAG;EAAU,KAAI;EAAK,UAAS;EAAK,GAAI;EAAM,aAAU;EAC5D;CACI,CAAA;AAEX"}

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

@@ -1,4 +1,5 @@
 import { SeparatorAsChildProps, SeparatorNativeProps } from "./separator.types.js";
+import { JSX } from "@askrjs/askr/jsx-runtime";
 //#region src/components/separator/separator.d.ts
 declare function Separator(props: SeparatorNativeProps): JSX.Element;
 declare function Separator(props: SeparatorAsChildProps): JSX.Element;

package/dist/components/separator/separator.js.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 { intrinsicElement } from \"../_internal/jsx\";\nimport type { SeparatorAsChildProps, SeparatorNativeProps } from \"./separator.types\";\n\nexport function Separator(props: SeparatorNativeProps): JSX.Element;\nexport function Separator(props: SeparatorAsChildProps): JSX.Element;\nexport function Separator(props: SeparatorNativeProps | SeparatorAsChildProps) {\n  const { asChild, children, decorative = false, orientation = \"horizontal\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"separator\",\n    \"data-orientation\": orientation,\n    role: decorative ? \"presentation\" : \"separator\",\n    \"aria-orientation\": decorative ? undefined : orientation,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return intrinsicElement(\"div\", finalProps, children);\n}\n"],"mappings":";;;;;AAOA,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EAAE,SAAS,UAAU,aAAa,OAAO,cAAc,cAAc,KAAK,GAAG,SAAS;CAE5F,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,oBAAoB;EACpB,MAAM,aAAa,iBAAiB;EACpC,oBAAoB,aAAa,KAAA,IAAY;CAC/C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,iBAAiB,OAAO,YAAY,QAAQ;AACrD"}
+{"version":3,"file":"separator.js","names":[],"sources":["../../../src/components/separator/separator.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type { SeparatorAsChildProps, SeparatorNativeProps } from \"./separator.types\";\n\nexport function Separator(props: SeparatorNativeProps): JSX.Element;\nexport function Separator(props: SeparatorAsChildProps): JSX.Element;\nexport function Separator(props: SeparatorNativeProps | SeparatorAsChildProps) {\n  const { asChild, children, decorative = false, orientation = \"horizontal\", ref, ...rest } = props;\n\n  const finalProps = mergeProps(rest, {\n    ref,\n    \"data-slot\": \"separator\",\n    \"data-orientation\": orientation,\n    role: decorative ? \"presentation\" : \"separator\",\n    \"aria-orientation\": decorative ? undefined : orientation,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children} />;\n  }\n\n  return intrinsicElement(\"div\", finalProps, children);\n}\n"],"mappings":";;;;;AAQA,SAAgB,UAAU,OAAqD;CAC7E,MAAM,EAAE,SAAS,UAAU,aAAa,OAAO,cAAc,cAAc,KAAK,GAAG,SAAS;CAE5F,MAAM,aAAa,WAAW,MAAM;EAClC;EACA,aAAa;EACb,oBAAoB;EACpB,MAAM,aAAa,iBAAiB;EACpC,oBAAoB,aAAa,KAAA,IAAY;CAC/C,CAAC;CAED,IAAI,SACF,OAAO,oBAAC,MAAD;EAAM,SAAA;EAAQ,GAAI;EAAsB;CAAW,CAAA;CAG5D,OAAO,iBAAiB,OAAO,YAAY,QAAQ;AACrD"}

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

@@ -1,3 +1,4 @@
+import { JSX } from "@askrjs/askr/jsx-runtime";
 import { JSXElement } from "@askrjs/askr/foundations";
 import { Ref } from "@askrjs/askr/foundations/utilities";
 //#region src/components/separator/separator.types.d.ts

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

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

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

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

package/dist/components/sidebar/sidebar.js

@@ -94,14 +94,20 @@ function SidebarMenuButton(props) {
 	});
 }
 function SidebarMenuAction(props) {
-	const { children, class: className, tooltip, tooltipSide, type = "button", ...rest } = props;
+	const { asChild, children, class: className, tooltip, tooltipSide, type = "button", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		class: classes(className),
+		"data-slot": "sidebar-menu-action",
+		...sidebarTooltipProps(tooltip, tooltipSide)
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
 	return /* @__PURE__ */ jsx("button", {
 		type,
-		...mergeProps(rest, {
-			class: classes(className),
-			"data-slot": "sidebar-menu-action",
-			...sidebarTooltipProps(tooltip, tooltipSide)
-		}),
+		...finalProps,
 		children
 	});
 }
@@ -109,17 +115,37 @@ function SidebarMenuBadge(props) {
 	return sidebarPart(props, "sidebar-menu-badge", "span");
 }
 function SidebarRail(props) {
-	return sidebarPart(props, "sidebar-rail", "button");
+	const { asChild, children, class: className, type = "button", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		class: classes(className),
+		"data-slot": "sidebar-rail"
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
+	return /* @__PURE__ */ jsx("button", {
+		type,
+		...finalProps,
+		children
+	});
 }
 function SidebarTrigger(props) {
-	const { children, class: className, tooltip, tooltipSide, type = "button", ...rest } = props;
+	const { asChild, children, class: className, tooltip, tooltipSide, type = "button", ...rest } = props;
+	const finalProps = mergeProps(rest, {
+		class: classes("btn btn-ghost btn-icon", className),
+		"data-slot": "sidebar-trigger",
+		...sidebarTooltipProps(tooltip, tooltipSide)
+	});
+	if (asChild) return /* @__PURE__ */ jsx(Slot, {
+		asChild: true,
+		...finalProps,
+		children
+	});
 	return /* @__PURE__ */ jsx("button", {
 		type,
-		...mergeProps(rest, {
-			class: classes("btn btn-ghost btn-icon", className),
-			"data-slot": "sidebar-trigger",
-			...sidebarTooltipProps(tooltip, tooltipSide)
-		}),
+		...finalProps,
 		children
 	});
 }

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

@@ -1 +1 @@
-{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import { Slot } from \"@askrjs/askr/foundations\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type {\n  SidebarButtonProps,\n  SidebarPartProps,\n  SidebarProps,\n  SidebarTooltipSide,\n} from \"./sidebar.types\";\n\nfunction sidebarTooltipProps(\n  tooltip: string | undefined,\n  tooltipSide: SidebarTooltipSide | undefined,\n): Record<string, string | undefined> {\n  return {\n    \"data-tooltip\": tooltip,\n    \"data-tooltip-side\": tooltip ? tooltipSide : undefined,\n  };\n}\n\nfunction sidebarPart(\n  props: SidebarPartProps,\n  slot: string,\n  element: keyof JSX.IntrinsicElements = \"div\",\n): JSX.Element {\n  const { as, asChild, children, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: className,\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return intrinsicElement(String(as ?? element), finalProps, children);\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsible = \"offcanvas\",\n    side = \"left\",\n    variant = \"sidebar\",\n    width = \"sidebar\",\n    shrink = false,\n    ...rest\n  } = props;\n\n  return (\n    <Block\n      as=\"aside\"\n      width={width}\n      shrink={shrink}\n      minHeight=\"screen\"\n      padding=\"md\"\n      gap=\"lg\"\n      borderRight={true}\n      {...rest}\n      data-collapsible={collapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-variant={variant}\n    >\n      {children}\n    </Block>\n  );\n}\n\nexport function SidebarScope(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-scope\");\n}\n\nexport function SidebarInset(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-inset\", \"main\");\n}\n\nexport function SidebarContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-content\");\n}\n\nexport function SidebarHeader(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-header\");\n}\n\nexport function SidebarFooter(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-footer\");\n}\n\nexport function SidebarGroup(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group\");\n}\n\nexport function SidebarGroupLabel(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-label\");\n}\n\nexport function SidebarGroupContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-content\");\n}\n\nexport function SidebarMenu(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu\", \"ul\");\n}\n\nexport function SidebarMenuItem(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-item\", \"li\");\n}\n\nexport function SidebarMenuButton(props: SidebarButtonProps): JSX.Element {\n  const {\n    active,\n    asChild,\n    children,\n    class: className,\n    size,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    variant,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-size\": size && size !== \"default\" ? size : undefined,\n    \"data-slot\": \"sidebar-menu-button\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuAction(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type as \"button\" | \"submit\" | \"reset\" | undefined}\n      {...mergeProps(rest, {\n        class: classes(className),\n        \"data-slot\": \"sidebar-menu-action\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuBadge(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-badge\", \"span\");\n}\n\nexport function SidebarRail(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-rail\", \"button\");\n}\n\nexport function SidebarTrigger(props: SidebarButtonProps): JSX.Element {\n  const { children, class: className, tooltip, tooltipSide, type = \"button\", ...rest } = props;\n  return (\n    <button\n      type={type as \"button\" | \"submit\" | \"reset\" | undefined}\n      {...mergeProps(rest, {\n        class: classes(\"btn btn-ghost btn-icon\", className),\n        \"data-slot\": \"sidebar-trigger\",\n        ...sidebarTooltipProps(tooltip, tooltipSide),\n      })}\n    >\n      {children}\n    </button>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sidebar.js","names":[],"sources":["../../../src/components/sidebar/sidebar.tsx"],"sourcesContent":["import type { JSX } from \"@askrjs/askr/jsx-runtime\";\nimport { Slot } from \"@askrjs/askr/foundations\";\nimport { Block } from \"../block\";\nimport { classes } from \"../_internal/classes\";\nimport { mergeProps } from \"../_internal/merge-props\";\nimport { intrinsicElement } from \"../_internal/jsx\";\nimport type {\n  SidebarButtonProps,\n  SidebarPartProps,\n  SidebarProps,\n  SidebarTooltipSide,\n} from \"./sidebar.types\";\n\nfunction sidebarTooltipProps(\n  tooltip: string | undefined,\n  tooltipSide: SidebarTooltipSide | undefined,\n): Record<string, string | undefined> {\n  return {\n    \"data-tooltip\": tooltip,\n    \"data-tooltip-side\": tooltip ? tooltipSide : undefined,\n  };\n}\n\nfunction sidebarPart(\n  props: SidebarPartProps,\n  slot: string,\n  element: keyof JSX.IntrinsicElements = \"div\",\n): JSX.Element {\n  const { as, asChild, children, class: className, ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: className,\n    \"data-slot\": slot,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return intrinsicElement(String(as ?? element), finalProps, children);\n}\n\nexport function Sidebar(props: SidebarProps): JSX.Element {\n  const {\n    children,\n    collapsible = \"offcanvas\",\n    side = \"left\",\n    variant = \"sidebar\",\n    width = \"sidebar\",\n    shrink = false,\n    ...rest\n  } = props;\n\n  return (\n    <Block\n      as=\"aside\"\n      width={width}\n      shrink={shrink}\n      minHeight=\"screen\"\n      padding=\"md\"\n      gap=\"lg\"\n      borderRight={true}\n      {...rest}\n      data-collapsible={collapsible}\n      data-side={side}\n      data-slot=\"sidebar\"\n      data-variant={variant}\n    >\n      {children}\n    </Block>\n  );\n}\n\nexport function SidebarScope(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-scope\");\n}\n\nexport function SidebarInset(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-inset\", \"main\");\n}\n\nexport function SidebarContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-content\");\n}\n\nexport function SidebarHeader(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-header\");\n}\n\nexport function SidebarFooter(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-footer\");\n}\n\nexport function SidebarGroup(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group\");\n}\n\nexport function SidebarGroupLabel(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-label\");\n}\n\nexport function SidebarGroupContent(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-group-content\");\n}\n\nexport function SidebarMenu(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu\", \"ul\");\n}\n\nexport function SidebarMenuItem(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-item\", \"li\");\n}\n\nexport function SidebarMenuButton(props: SidebarButtonProps): JSX.Element {\n  const {\n    active,\n    asChild,\n    children,\n    class: className,\n    size,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    variant,\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-active\": active ? \"true\" : undefined,\n    \"data-size\": size && size !== \"default\" ? size : undefined,\n    \"data-slot\": \"sidebar-menu-button\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n    \"data-variant\": variant && variant !== \"default\" ? variant : undefined,\n  });\n\n  if (asChild) {\n    return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  }\n\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuAction(props: SidebarButtonProps): JSX.Element {\n  const {\n    asChild,\n    children,\n    class: className,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-slot\": \"sidebar-menu-action\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n  });\n  if (asChild) return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarMenuBadge(props: SidebarPartProps): JSX.Element {\n  return sidebarPart(props, \"sidebar-menu-badge\", \"span\");\n}\n\nexport function SidebarRail(props: SidebarButtonProps): JSX.Element {\n  const { asChild, children, class: className, type = \"button\", ...rest } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(className),\n    \"data-slot\": \"sidebar-rail\",\n  });\n  if (asChild) return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n\nexport function SidebarTrigger(props: SidebarButtonProps): JSX.Element {\n  const {\n    asChild,\n    children,\n    class: className,\n    tooltip,\n    tooltipSide,\n    type = \"button\",\n    ...rest\n  } = props;\n  const finalProps = mergeProps(rest, {\n    class: classes(\"btn btn-ghost btn-icon\", className),\n    \"data-slot\": \"sidebar-trigger\",\n    ...sidebarTooltipProps(tooltip, tooltipSide),\n  });\n  if (asChild) return <Slot asChild {...finalProps} children={children as JSX.Element} />;\n  return (\n    <button type={type as \"button\" | \"submit\" | \"reset\" | undefined} {...finalProps}>\n      {children}\n    </button>\n  );\n}\n"],"mappings":"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"}