@gnome-ui/react 1.45.0 → 1.45.1

package/dist/components/WindowTitle/WindowTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"WindowTitle.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from \"react\";\nimport styles from \"./WindowTitle.module.css\";\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport function WindowTitle({ title, subtitle, className, ...props }: WindowTitleProps) {\n  return (\n    <div\n      className={[styles.windowTitle, className].filter(Boolean).join(\" \")}\n      {...props}\n    >\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;AAyBA,SAAgB,EAAY,EAAE,UAAO,aAAU,cAAW,GAAG,KAA2B;AACtF,QACE,kBAAC,OAAD;EACE,WAAW,CAAC,EAAO,aAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACpE,GAAI;YAFN,CAIE,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;GAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAW;GAAgB,CAAA,CAC5D"}
+{"version":3,"file":"WindowTitle.js","names":[],"sources":["../../../src/components/WindowTitle/WindowTitle.tsx"],"sourcesContent":["import type { HTMLAttributes } from 'react';\n\nimport styles from './WindowTitle.module.css';\n\nexport interface WindowTitleProps extends HTMLAttributes<HTMLDivElement> {\n  /** Primary title — rendered in bold. */\n  title: string;\n  /** Secondary subtitle — rendered smaller and dimmed below the title. */\n  subtitle?: string;\n}\n\n/**\n * Two-line title + subtitle widget for use inside a `HeaderBar`.\n *\n * Pass as the `title` prop of `HeaderBar` to get a centred two-line header\n * that shows an app name and current document/view name.\n *\n * Mirrors `AdwWindowTitle`.\n *\n * @example\n * ```tsx\n * <HeaderBar title={<WindowTitle title=\"Files\" subtitle=\"/home/user/Documents\" />} />\n * ```\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WindowTitle.html\n */\nexport function WindowTitle({ title, subtitle, className, ...props }: WindowTitleProps) {\n  return (\n    <div className={[styles.windowTitle, className].filter(Boolean).join(' ')} {...props}>\n      <span className={styles.title}>{title}</span>\n      {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n    </div>\n  );\n}\n"],"mappings":";;;AA0BA,SAAgB,EAAY,EAAE,UAAO,aAAU,cAAW,GAAG,KAA2B;AACtF,QACE,kBAAC,OAAD;EAAK,WAAW,CAAC,EAAO,aAAa,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAAE,GAAI;YAA/E,CACE,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAQ;GAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;GAAM,WAAW,EAAO;aAAW;GAAgB,CAAA,CAC5D"}

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

@@ -1,2 +1,2 @@
-export { WindowTitle } from './WindowTitle';
 export type { WindowTitleProps } from './WindowTitle';
+export { WindowTitle } from './WindowTitle';

package/dist/components/WrapBox/WrapBox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./WrapBox.module.css\";\n\nexport type WrapBoxJustify = \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\nexport type WrapBoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = \"start\",\n  align = \"center\",\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === \"number\" ? `${childSpacing}px` : childSpacing;\n  const rowGap = lineSpacing != null\n    ? (typeof lineSpacing === \"number\" ? `${lineSpacing}px` : lineSpacing)\n    : gap;\n\n  const cssVars: CSSProperties = {\n    \"--wrapbox-gap\": gap,\n    \"--wrapbox-row-gap\": rowGap,\n    \"--wrapbox-justify\": justify,\n    \"--wrapbox-align\": align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[\n        styles.wrapBox,\n        wrapReverse ? styles.reverse : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"+EAgCA,SAAgB,EAAQ,CACtB,eAAe,EACf,cACA,UAAU,QACV,QAAQ,SACR,cAAc,GACd,WACA,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAM,OAAO,GAAiB,SAAW,GAAG,EAAa,IAAM,EAC/D,EAAS,GAAe,KAE1B,EADC,OAAO,GAAgB,SAAW,GAAG,EAAY,IAAM,EAGtD,EAAyB,CAC7B,gBAAiB,EACjB,oBAAqB,EACrB,oBAAqB,EACrB,kBAAmB,EACnB,GAAG,EACJ,CAED,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CACT,EAAA,QAAO,QACP,EAAc,EAAA,QAAO,QAAU,KAC/B,EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,MAAO,EACP,GAAI,EAEH,WACG,CAAA"}
+{"version":3,"file":"WrapBox.cjs","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './WrapBox.module.css';\n\nexport type WrapBoxJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\nexport type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = 'start',\n  align = 'center',\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === 'number' ? `${childSpacing}px` : childSpacing;\n  const rowGap =\n    lineSpacing !== null && lineSpacing !== undefined\n      ? typeof lineSpacing === 'number'\n        ? `${lineSpacing}px`\n        : lineSpacing\n      : gap;\n\n  const cssVars: CSSProperties = {\n    '--wrapbox-gap': gap,\n    '--wrapbox-row-gap': rowGap,\n    '--wrapbox-justify': justify,\n    '--wrapbox-align': align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[styles.wrapBox, wrapReverse ? styles.reverse : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"+EAuCA,SAAgB,EAAQ,CACtB,eAAe,EACf,cACA,UAAU,QACV,QAAQ,SACR,cAAc,GACd,WACA,YACA,QACA,GAAG,GACY,CACf,IAAM,EAAM,OAAO,GAAiB,SAAW,GAAG,EAAa,IAAM,EAC/D,EACJ,GAAgB,KAIZ,EAHA,OAAO,GAAgB,SACrB,GAAG,EAAY,IACf,EAGF,EAAyB,CAC7B,gBAAiB,EACjB,oBAAqB,EACrB,oBAAqB,EACrB,kBAAmB,EACnB,GAAG,EACJ,CAED,OACE,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,QAAS,EAAc,EAAA,QAAO,QAAU,KAAM,EAAU,CACxE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,MAAO,EACP,GAAI,EAEH,WACG,CAAA"}

package/dist/components/WrapBox/WrapBox.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type WrapBoxJustify = "start" | "center" | "end" | "space-between" | "space-around" | "space-evenly";
-export type WrapBoxAlign = "start" | "center" | "end" | "stretch";
+export type WrapBoxJustify = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';
 export interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {
     /** Gap between children on the same line. Default: `6`. */
     childSpacing?: number | string;

package/dist/components/WrapBox/WrapBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"WrapBox.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./WrapBox.module.css\";\n\nexport type WrapBoxJustify = \"start\" | \"center\" | \"end\" | \"space-between\" | \"space-around\" | \"space-evenly\";\nexport type WrapBoxAlign = \"start\" | \"center\" | \"end\" | \"stretch\";\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = \"start\",\n  align = \"center\",\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === \"number\" ? `${childSpacing}px` : childSpacing;\n  const rowGap = lineSpacing != null\n    ? (typeof lineSpacing === \"number\" ? `${lineSpacing}px` : lineSpacing)\n    : gap;\n\n  const cssVars: CSSProperties = {\n    \"--wrapbox-gap\": gap,\n    \"--wrapbox-row-gap\": rowGap,\n    \"--wrapbox-justify\": justify,\n    \"--wrapbox-align\": align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[\n        styles.wrapBox,\n        wrapReverse ? styles.reverse : null,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAgCA,SAAgB,EAAQ,EACtB,kBAAe,GACf,gBACA,aAAU,SACV,WAAQ,UACR,iBAAc,IACd,aACA,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAM,OAAO,KAAiB,WAAW,GAAG,EAAa,MAAM,GAC/D,IAAS,KAAe,OAE1B,IADC,OAAO,KAAgB,WAAW,GAAG,EAAY,MAAM,GAGtD,IAAyB;EAC7B,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,mBAAmB;EACnB,GAAG;EACJ;AAED,QACE,kBAAC,OAAD;EACE,WAAW;GACT,EAAO;GACP,IAAc,EAAO,UAAU;GAC/B;GACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OAAO;EACP,GAAI;EAEH;EACG,CAAA"}
+{"version":3,"file":"WrapBox.js","names":[],"sources":["../../../src/components/WrapBox/WrapBox.tsx"],"sourcesContent":["import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './WrapBox.module.css';\n\nexport type WrapBoxJustify =\n  | 'start'\n  | 'center'\n  | 'end'\n  | 'space-between'\n  | 'space-around'\n  | 'space-evenly';\nexport type WrapBoxAlign = 'start' | 'center' | 'end' | 'stretch';\n\nexport interface WrapBoxProps extends HTMLAttributes<HTMLDivElement> {\n  /** Gap between children on the same line. Default: `6`. */\n  childSpacing?: number | string;\n  /** Gap between lines. Defaults to `childSpacing`. */\n  lineSpacing?: number | string;\n  /** Horizontal distribution of children within each line. Default: `\"start\"`. */\n  justify?: WrapBoxJustify;\n  /** Cross-axis alignment of children within each line. Default: `\"center\"`. */\n  align?: WrapBoxAlign;\n  /** When true children wrap in the reverse direction (bottom to top). */\n  wrapReverse?: boolean;\n  children?: ReactNode;\n}\n\n/**\n * Flexible wrapping layout container.\n *\n * Children flow horizontally and wrap to new lines when they don't fit,\n * like words in a paragraph — without locking them into a grid.\n *\n * Mirrors `AdwWrapBox` (libadwaita 1.7 / GNOME 48).\n *\n * Pair with `Chip` for tag lists and filter rows.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.WrapBox.html\n */\nexport function WrapBox({\n  childSpacing = 6,\n  lineSpacing,\n  justify = 'start',\n  align = 'center',\n  wrapReverse = false,\n  children,\n  className,\n  style,\n  ...props\n}: WrapBoxProps) {\n  const gap = typeof childSpacing === 'number' ? `${childSpacing}px` : childSpacing;\n  const rowGap =\n    lineSpacing !== null && lineSpacing !== undefined\n      ? typeof lineSpacing === 'number'\n        ? `${lineSpacing}px`\n        : lineSpacing\n      : gap;\n\n  const cssVars: CSSProperties = {\n    '--wrapbox-gap': gap,\n    '--wrapbox-row-gap': rowGap,\n    '--wrapbox-justify': justify,\n    '--wrapbox-align': align,\n    ...style,\n  } as CSSProperties;\n\n  return (\n    <div\n      className={[styles.wrapBox, wrapReverse ? styles.reverse : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      style={cssVars}\n      {...props}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;AAuCA,SAAgB,EAAQ,EACtB,kBAAe,GACf,gBACA,aAAU,SACV,WAAQ,UACR,iBAAc,IACd,aACA,cACA,UACA,GAAG,KACY;CACf,IAAM,IAAM,OAAO,KAAiB,WAAW,GAAG,EAAa,MAAM,GAC/D,IACJ,KAAgB,OAIZ,IAHA,OAAO,KAAgB,WACrB,GAAG,EAAY,MACf,GAGF,IAAyB;EAC7B,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,mBAAmB;EACnB,GAAG;EACJ;AAED,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAS,IAAc,EAAO,UAAU;GAAM;GAAU,CACxE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OAAO;EACP,GAAI;EAEH;EACG,CAAA"}

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

@@ -1,2 +1,2 @@
+export type { WrapBoxAlign, WrapBoxJustify, WrapBoxProps } from './WrapBox';
 export { WrapBox } from './WrapBox';
-export type { WrapBoxProps, WrapBoxJustify, WrapBoxAlign } from './WrapBox';

package/dist/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export { useBreakpoint, GNOME_BREAKPOINTS } from './useBreakpoint';
-export type { BreakpointState, GnomeBreakpointName } from './useBreakpoint';
-export { useLocale, useDir, useNumberFormatter, useDateTimeFormatter, } from '../components/GnomeProvider/GnomeContext';
 export type { GnomeDir } from '../components/GnomeProvider/GnomeContext';
+export { useDateTimeFormatter, useDir, useLocale, useNumberFormatter, } from '../components/GnomeProvider/GnomeContext';
+export type { BreakpointState, GnomeBreakpointName } from './useBreakpoint';
+export { GNOME_BREAKPOINTS, useBreakpoint } from './useBreakpoint';

package/dist/hooks/useBreakpoint.cjs

@@ -1,2 +1,2 @@
-let e=require(`react`);var t={narrow:400,medium:550,wide:860};function n(){let n=()=>{let e=typeof window<`u`?window.innerWidth:1280;return{isNarrow:e<=t.narrow,isMedium:e<=t.medium,isWide:e<=t.wide,width:e}},[r,i]=(0,e.useState)(n);return(0,e.useEffect)(()=>{let e=()=>i(n());return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[]),r}exports.GNOME_BREAKPOINTS=t,exports.useBreakpoint=n;
+let e=require(`react`);var t={narrow:400,medium:550,wide:860};function n(){let n=(0,e.useCallback)(()=>{let e=typeof window<`u`?window.innerWidth:1280;return{isNarrow:e<=t.narrow,isMedium:e<=t.medium,isWide:e<=t.wide,width:e}},[]),[r,i]=(0,e.useState)(n);return(0,e.useEffect)(()=>{let e=()=>i(n());return window.addEventListener(`resize`,e,{passive:!0}),()=>window.removeEventListener(`resize`,e)},[n]),r}exports.GNOME_BREAKPOINTS=t,exports.useBreakpoint=n;
 //# sourceMappingURL=useBreakpoint.cjs.map

package/dist/hooks/useBreakpoint.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.cjs","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = (): BreakpointState => {\n    const width = typeof window !== \"undefined\" ? window.innerWidth : 1280;\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide:   width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  };\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n    window.addEventListener(\"resize\", handler, { passive: true });\n    return () => window.removeEventListener(\"resize\", handler);\n  }, []);\n\n  return state;\n}\n"],"mappings":"uBAaA,IAAa,EAAoB,CAE/B,OAAQ,IAER,OAAQ,IAER,KAAM,IACP,CA0BD,SAAgB,GAAiC,CAC/C,IAAM,MAAkC,CACtC,IAAM,EAAQ,OAAO,OAAW,IAAc,OAAO,WAAa,KAClE,MAAO,CACL,SAAU,GAAS,EAAkB,OACrC,SAAU,GAAS,EAAkB,OACrC,OAAU,GAAS,EAAkB,KACrC,QACD,EAGG,CAAC,EAAO,IAAA,EAAA,EAAA,UAAsC,EAAS,CAQ7D,OANA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAgB,EAAS,GAAU,CAAC,CAE1C,OADA,OAAO,iBAAiB,SAAU,EAAS,CAAE,QAAS,GAAM,CAAC,KAChD,OAAO,oBAAoB,SAAU,EAAQ,EACzD,EAAE,CAAC,CAEC"}
+{"version":3,"file":"useBreakpoint.cjs","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = useCallback((): BreakpointState => {\n    const width = typeof window !== 'undefined' ? window.innerWidth : 1280;\n\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide: width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  }, []);\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n\n    window.addEventListener('resize', handler, { passive: true });\n\n    return () => window.removeEventListener('resize', handler);\n  }, [getState]);\n\n  return state;\n}\n"],"mappings":"uBAaA,IAAa,EAAoB,CAE/B,OAAQ,IAER,OAAQ,IAER,KAAM,IACP,CA0BD,SAAgB,GAAiC,CAC/C,IAAM,GAAA,EAAA,EAAA,iBAA8C,CAClD,IAAM,EAAQ,OAAO,OAAW,IAAc,OAAO,WAAa,KAElE,MAAO,CACL,SAAU,GAAS,EAAkB,OACrC,SAAU,GAAS,EAAkB,OACrC,OAAQ,GAAS,EAAkB,KACnC,QACD,EACA,EAAE,CAAC,CAEA,CAAC,EAAO,IAAA,EAAA,EAAA,UAAsC,EAAS,CAU7D,OARA,EAAA,EAAA,eAAgB,CACd,IAAM,MAAgB,EAAS,GAAU,CAAC,CAI1C,OAFA,OAAO,iBAAiB,SAAU,EAAS,CAAE,QAAS,GAAM,CAAC,KAEhD,OAAO,oBAAoB,SAAU,EAAQ,EACzD,CAAC,EAAS,CAAC,CAEP"}

package/dist/hooks/useBreakpoint.js

@@ -1,26 +1,26 @@
-import { useEffect as e, useState as t } from "react";
+import { useCallback as e, useEffect as t, useState as n } from "react";
 //#region src/hooks/useBreakpoint.ts
-var n = {
+var r = {
 	narrow: 400,
 	medium: 550,
 	wide: 860
 };
-function r() {
-	let r = () => {
+function i() {
+	let i = e(() => {
 		let e = typeof window < "u" ? window.innerWidth : 1280;
 		return {
-			isNarrow: e <= n.narrow,
-			isMedium: e <= n.medium,
-			isWide: e <= n.wide,
+			isNarrow: e <= r.narrow,
+			isMedium: e <= r.medium,
+			isWide: e <= r.wide,
 			width: e
 		};
-	}, [i, a] = t(r);
-	return e(() => {
-		let e = () => a(r());
+	}, []), [a, o] = n(i);
+	return t(() => {
+		let e = () => o(i());
 		return window.addEventListener("resize", e, { passive: !0 }), () => window.removeEventListener("resize", e);
-	}, []), i;
+	}, [i]), a;
 }
 //#endregion
-export { n as GNOME_BREAKPOINTS, r as useBreakpoint };
+export { r as GNOME_BREAKPOINTS, i as useBreakpoint };
 
 //# sourceMappingURL=useBreakpoint.js.map

package/dist/hooks/useBreakpoint.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useState, useEffect } from \"react\";\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = (): BreakpointState => {\n    const width = typeof window !== \"undefined\" ? window.innerWidth : 1280;\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide:   width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  };\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n    window.addEventListener(\"resize\", handler, { passive: true });\n    return () => window.removeEventListener(\"resize\", handler);\n  }, []);\n\n  return state;\n}\n"],"mappings":";;AAaA,IAAa,IAAoB;CAE/B,QAAQ;CAER,QAAQ;CAER,MAAM;CACP;AA0BD,SAAgB,IAAiC;CAC/C,IAAM,UAAkC;EACtC,IAAM,IAAQ,OAAO,SAAW,MAAc,OAAO,aAAa;AAClE,SAAO;GACL,UAAU,KAAS,EAAkB;GACrC,UAAU,KAAS,EAAkB;GACrC,QAAU,KAAS,EAAkB;GACrC;GACD;IAGG,CAAC,GAAO,KAAY,EAA0B,EAAS;AAQ7D,QANA,QAAgB;EACd,IAAM,UAAgB,EAAS,GAAU,CAAC;AAE1C,SADA,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,IAAM,CAAC,QAChD,OAAO,oBAAoB,UAAU,EAAQ;IACzD,EAAE,CAAC,EAEC"}
+{"version":3,"file":"useBreakpoint.js","names":[],"sources":["../../src/hooks/useBreakpoint.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react';\n\n/**\n * GNOME / libadwaita canonical breakpoints (in CSS px, assuming 1 sp = 1 px at 1× density).\n *\n * | Name       | Max width | Pattern triggered |\n * |------------|-----------|-------------------|\n * | `narrow`   | ≤ 400 px  | Collapse split views; sidebar becomes overlay |\n * | `medium`   | ≤ 550 px  | Move ViewSwitcher to a bottom bar |\n * | `wide`     | ≤ 860 px  | Collapse outer pane in nested split views |\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Breakpoint.html\n */\nexport const GNOME_BREAKPOINTS = {\n  /** ≤ 400 px — split views collapse to single pane */\n  narrow: 400,\n  /** ≤ 550 px — ViewSwitcher moves to bottom bar */\n  medium: 550,\n  /** ≤ 860 px — outer pane of nested split views collapses */\n  wide: 860,\n} as const;\n\nexport type GnomeBreakpointName = keyof typeof GNOME_BREAKPOINTS;\n\nexport interface BreakpointState {\n  /** Width ≤ 400 px — split views are collapsed. */\n  isNarrow: boolean;\n  /** Width ≤ 550 px — medium or narrower. */\n  isMedium: boolean;\n  /** Width ≤ 860 px — wide or narrower. */\n  isWide: boolean;\n  /** Current viewport width in px. */\n  width: number;\n}\n\n/**\n * Tracks the viewport width against GNOME / libadwaita breakpoints.\n *\n * Returns a reactive state object that updates on every window resize.\n * Uses a passive `resize` event listener and cleans up automatically.\n *\n * @example\n * const { isNarrow, isMedium } = useBreakpoint();\n * // isNarrow → true when viewport ≤ 400 px (split views should collapse)\n * // isMedium → true when viewport ≤ 550 px (use ViewSwitcherBar instead)\n */\nexport function useBreakpoint(): BreakpointState {\n  const getState = useCallback((): BreakpointState => {\n    const width = typeof window !== 'undefined' ? window.innerWidth : 1280;\n\n    return {\n      isNarrow: width <= GNOME_BREAKPOINTS.narrow,\n      isMedium: width <= GNOME_BREAKPOINTS.medium,\n      isWide: width <= GNOME_BREAKPOINTS.wide,\n      width,\n    };\n  }, []);\n\n  const [state, setState] = useState<BreakpointState>(getState);\n\n  useEffect(() => {\n    const handler = () => setState(getState());\n\n    window.addEventListener('resize', handler, { passive: true });\n\n    return () => window.removeEventListener('resize', handler);\n  }, [getState]);\n\n  return state;\n}\n"],"mappings":";;AAaA,IAAa,IAAoB;CAE/B,QAAQ;CAER,QAAQ;CAER,MAAM;CACP;AA0BD,SAAgB,IAAiC;CAC/C,IAAM,IAAW,QAAmC;EAClD,IAAM,IAAQ,OAAO,SAAW,MAAc,OAAO,aAAa;AAElE,SAAO;GACL,UAAU,KAAS,EAAkB;GACrC,UAAU,KAAS,EAAkB;GACrC,QAAQ,KAAS,EAAkB;GACnC;GACD;IACA,EAAE,CAAC,EAEA,CAAC,GAAO,KAAY,EAA0B,EAAS;AAU7D,QARA,QAAgB;EACd,IAAM,UAAgB,EAAS,GAAU,CAAC;AAI1C,SAFA,OAAO,iBAAiB,UAAU,GAAS,EAAE,SAAS,IAAM,CAAC,QAEhD,OAAO,oBAAoB,UAAU,EAAQ;IACzD,CAAC,EAAS,CAAC,EAEP"}

package/dist/index.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./components/AboutDialog/AboutDialog.cjs`),e=require(`./components/ActionRow/ActionRow.cjs`),t=require(`./components/Avatar/Avatar.cjs`),n=require(`./components/AvatarRotator/AvatarRotator.cjs`),r=require(`./components/Badge/Badge.cjs`),i=require(`./components/Banner/Banner.cjs`),a=require(`./components/Bin/Bin.cjs`),te=require(`./components/Blockquote/Blockquote.cjs`),o=require(`./components/BottomSheet/BottomSheet.cjs`),s=require(`./components/Box/Box.cjs`),c=require(`./components/Separator/Separator.cjs`),l=require(`./components/BoxedList/BoxedList.cjs`),u=require(`./components/BreakpointBin/BreakpointBin.cjs`),d=require(`./components/Button/Button.cjs`),f=require(`./components/ButtonContent/ButtonContent.cjs`),p=require(`./components/ButtonRow/ButtonRow.cjs`),m=require(`./components/Card/Card.cjs`),h=require(`./components/Carousel/Carousel.cjs`),g=require(`./components/CheckRow/CheckRow.cjs`),_=require(`./components/Checkbox/Checkbox.cjs`),v=require(`./components/Icon/Icon.cjs`),y=require(`./components/Chip/Chip.cjs`),b=require(`./components/Clamp/Clamp.cjs`),x=require(`./components/ColorPicker/ColorPicker.cjs`),S=require(`./components/ColumnView/ColumnView.cjs`),C=require(`./components/ComboRow/ComboRow.cjs`),w=require(`./components/GnomeProvider/GnomeContext.cjs`),T=require(`./components/ContributionGraph/ContributionGraph.cjs`),E=require(`./components/CountDownTimer/CountDownTimer.cjs`),D=require(`./components/Dialog/Dialog.cjs`),O=require(`./components/Drawer/Drawer.cjs`),k=require(`./components/Dropdown/Dropdown.cjs`),A=require(`./components/EntryRow/EntryRow.cjs`),j=require(`./components/ExpanderRow/ExpanderRow.cjs`),M=require(`./components/Footer/Footer.cjs`),N=require(`./components/Frame/Frame.cjs`),P=require(`./components/GnomeProvider/GnomeProvider.cjs`),F=require(`./components/HeaderBar/HeaderBar.cjs`),I=require(`./components/Tooltip/Tooltip.cjs`),L=require(`./components/IconButton/IconButton.cjs`),R=require(`./components/InlineViewSwitcher/InlineViewSwitcher.cjs`),z=require(`./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs`),B=require(`./components/Link/Link.cjs`),V=require(`./components/LinkedGroup/LinkedGroup.cjs`),H=require(`./hooks/useBreakpoint.cjs`),U=require(`./components/NavigationSplitView/NavigationSplitView.cjs`),W=require(`./components/NavigationView/NavigationView.cjs`),G=require(`./components/OverlaySplitView/OverlaySplitView.cjs`),K=require(`./components/PasswordEntryRow/PasswordEntryRow.cjs`),q=require(`./components/PathBar/PathBar.cjs`),J=require(`./components/Popover/Popover.cjs`),Y=require(`./components/PreferencesDialog/PreferencesDialog.cjs`),X=require(`./components/PreferencesGroup/PreferencesGroup.cjs`),Z=require(`./components/PreferencesPage/PreferencesPage.cjs`),Q=require(`./components/ProgressBar/ProgressBar.cjs`),ne=require(`./components/RadioButton/RadioButton.cjs`),re=require(`./components/Spinner/Spinner.cjs`),ie=require(`./components/SearchBar/SearchBar.cjs`),ae=require(`./components/SegmentedBar/SegmentedBar.cjs`),oe=require(`./components/ShortcutLabel/ShortcutLabel.cjs`),se=require(`./components/ShortcutsDialog/ShortcutsDialog.cjs`),ce=require(`./components/StatusPage/StatusPage.cjs`),$=require(`./components/Sidebar/Sidebar.cjs`),le=require(`./components/Sidebar/SidebarSection.cjs`),ue=require(`./components/Sidebar/SidebarItem.cjs`),de=require(`./components/Skeleton/Skeleton.cjs`),fe=require(`./components/Slider/Slider.cjs`),pe=require(`./components/SpinButton/SpinButton.cjs`),me=require(`./components/SpinRow/SpinRow.cjs`),he=require(`./components/SplitButton/SplitButton.cjs`),ge=require(`./components/StatusBadge/StatusBadge.cjs`),_e=require(`./components/Switch/Switch.cjs`),ve=require(`./components/SwitchRow/SwitchRow.cjs`),ye=require(`./components/Tabs/TabBar.cjs`),be=require(`./components/Tabs/TabItem.cjs`),xe=require(`./components/Tabs/TabPanel.cjs`),Se=require(`./components/TerminalView/TerminalView.cjs`),Ce=require(`./components/Text/Text.cjs`),we=require(`./components/TextField/TextField.cjs`),Te=require(`./components/Timeline/Timeline.cjs`),Ee=require(`./components/Toast/Toast.cjs`),De=require(`./components/Toast/Toaster.cjs`),Oe=require(`./components/ToggleGroup/ToggleGroup.cjs`),ke=require(`./components/ToggleGroup/ToggleGroupItem.cjs`),Ae=require(`./components/Toolbar/Toolbar.cjs`),je=require(`./components/Toolbar/Spacer.cjs`),Me=require(`./components/ToolbarView/ToolbarView.cjs`),Ne=require(`./components/ViewSwitcher/ViewSwitcher.cjs`),Pe=require(`./components/ViewSwitcher/ViewSwitcherItem.cjs`),Fe=require(`./components/ViewSwitcherBar/ViewSwitcherBar.cjs`),Ie=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),Le=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`),Re=require(`./components/WindowTitle/WindowTitle.cjs`),ze=require(`./components/WrapBox/WrapBox.cjs`);exports.AboutDialog=ee.AboutDialog,exports.ActionRow=e.ActionRow,exports.Avatar=t.Avatar,exports.AvatarRotator=n.AvatarRotator,exports.Badge=r.Badge,exports.Banner=i.Banner,exports.Bin=a.Bin,exports.Blockquote=te.Blockquote,exports.BottomSheet=o.BottomSheet,exports.Box=s.Box,exports.BoxedList=l.BoxedList,exports.BreakpointBin=u.BreakpointBin,exports.Button=d.Button,exports.ButtonContent=f.ButtonContent,exports.ButtonRow=p.ButtonRow,exports.Card=m.Card,exports.Carousel=h.Carousel,exports.CarouselIndicatorDots=h.CarouselIndicatorDots,exports.CarouselIndicatorLines=h.CarouselIndicatorLines,exports.CheckRow=g.CheckRow,exports.Checkbox=_.Checkbox,exports.Chip=y.Chip,exports.Clamp=b.Clamp,exports.ColorPicker=x.ColorPicker,exports.ColorSwatch=x.ColorSwatch,exports.ColumnView=S.ColumnView,exports.ComboRow=C.ComboRow,exports.ContributionGraph=T.ContributionGraph,exports.CountDownTimer=E.CountDownTimer,exports.Dialog=D.Dialog,exports.Drawer=O.Drawer,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=x.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=v.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=X.PreferencesGroup,exports.PreferencesPage=Z.PreferencesPage,exports.ProgressBar=Q.ProgressBar,exports.RadioButton=ne.RadioButton,exports.SearchBar=ie.SearchBar,exports.SegmentedBar=ae.SegmentedBar,exports.Separator=c.Separator,exports.ShortcutLabel=oe.ShortcutLabel,exports.ShortcutsDialog=se.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=ue.SidebarItem,exports.SidebarSection=le.SidebarSection,exports.Skeleton=de.Skeleton,exports.Slider=fe.Slider,exports.Spacer=je.Spacer,exports.SpinButton=pe.SpinButton,exports.SpinRow=me.SpinRow,exports.Spinner=re.Spinner,exports.SplitButton=he.SplitButton,exports.StatusBadge=ge.StatusBadge,exports.StatusPage=ce.StatusPage,exports.Switch=_e.Switch,exports.SwitchRow=ve.SwitchRow,exports.TabBar=ye.TabBar,exports.TabItem=be.TabItem,exports.TabPanel=xe.TabPanel,exports.TerminalView=Se.TerminalView,exports.Text=Ce.Text,exports.TextField=we.TextField,exports.Timeline=Te.Timeline,exports.Toast=Ee.Toast,exports.Toaster=De.Toaster,exports.ToggleGroup=Oe.ToggleGroup,exports.ToggleGroupItem=ke.ToggleGroupItem,exports.Toolbar=Ae.Toolbar,exports.ToolbarView=Me.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=Ne.ViewSwitcher,exports.ViewSwitcherBar=Fe.ViewSwitcherBar,exports.ViewSwitcherItem=Pe.ViewSwitcherItem,exports.ViewSwitcherSidebar=Ie.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Le.ViewSwitcherSidebarItem,exports.WindowTitle=Re.WindowTitle,exports.WrapBox=ze.WrapBox,exports.useAccentColor=w.useAccentColor,exports.useBreakpoint=H.useBreakpoint,exports.useColorScheme=w.useColorScheme,exports.useDateTimeFormatter=w.useDateTimeFormatter,exports.useDir=w.useDir,exports.useLocale=w.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=w.useNumberFormatter,exports.useResolvedColorScheme=w.useResolvedColorScheme,exports.useSidebarCollapsed=$.useSidebarCollapsed;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const ee=require(`./components/AboutDialog/AboutDialog.cjs`),e=require(`./components/ActionRow/ActionRow.cjs`),t=require(`./components/Avatar/Avatar.cjs`),n=require(`./components/AvatarRotator/AvatarRotator.cjs`),r=require(`./components/Badge/Badge.cjs`),i=require(`./components/Banner/Banner.cjs`),a=require(`./components/Bin/Bin.cjs`),te=require(`./components/Blockquote/Blockquote.cjs`),o=require(`./components/BottomSheet/BottomSheet.cjs`),s=require(`./components/Box/Box.cjs`),c=require(`./components/Separator/Separator.cjs`),l=require(`./components/BoxedList/BoxedList.cjs`),u=require(`./components/BreakpointBin/BreakpointBin.cjs`),d=require(`./components/Button/Button.cjs`),f=require(`./components/ButtonContent/ButtonContent.cjs`),p=require(`./components/ButtonRow/ButtonRow.cjs`),m=require(`./components/Card/Card.cjs`),h=require(`./components/Carousel/Carousel.cjs`),g=require(`./components/CheckRow/CheckRow.cjs`),_=require(`./components/Checkbox/Checkbox.cjs`),v=require(`./components/Icon/Icon.cjs`),y=require(`./components/Chip/Chip.cjs`),b=require(`./components/Clamp/Clamp.cjs`),x=require(`./components/ColorPicker/ColorPicker.cjs`),S=require(`./components/ColumnView/ColumnView.cjs`),C=require(`./components/ComboRow/ComboRow.cjs`),w=require(`./components/GnomeProvider/GnomeContext.cjs`),T=require(`./components/ContributionGraph/ContributionGraph.cjs`),E=require(`./components/CountDownTimer/CountDownTimer.cjs`),D=require(`./components/Dialog/Dialog.cjs`),O=require(`./components/Drawer/Drawer.cjs`),k=require(`./components/Dropdown/Dropdown.cjs`),A=require(`./components/EntryRow/EntryRow.cjs`),j=require(`./components/ExpanderRow/ExpanderRow.cjs`),M=require(`./components/Footer/Footer.cjs`),N=require(`./components/Frame/Frame.cjs`),P=require(`./components/GnomeProvider/GnomeProvider.cjs`),F=require(`./components/HeaderBar/HeaderBar.cjs`),I=require(`./components/Tooltip/Tooltip.cjs`),L=require(`./components/IconButton/IconButton.cjs`),R=require(`./components/InlineViewSwitcher/InlineViewSwitcher.cjs`),z=require(`./components/InlineViewSwitcher/InlineViewSwitcherItem.cjs`),B=require(`./components/Link/Link.cjs`),V=require(`./components/LinkedGroup/LinkedGroup.cjs`),H=require(`./hooks/useBreakpoint.cjs`),U=require(`./components/NavigationSplitView/NavigationSplitView.cjs`),W=require(`./components/NavigationView/NavigationView.cjs`),G=require(`./components/OverlaySplitView/OverlaySplitView.cjs`),K=require(`./components/PasswordEntryRow/PasswordEntryRow.cjs`),q=require(`./components/PathBar/PathBar.cjs`),J=require(`./components/Popover/Popover.cjs`),Y=require(`./components/PreferencesDialog/PreferencesDialog.cjs`),X=require(`./components/PreferencesGroup/PreferencesGroup.cjs`),Z=require(`./components/PreferencesPage/PreferencesPage.cjs`),Q=require(`./components/ProgressBar/ProgressBar.cjs`),ne=require(`./components/RadioButton/RadioButton.cjs`),re=require(`./components/Spinner/Spinner.cjs`),ie=require(`./components/SearchBar/SearchBar.cjs`),ae=require(`./components/SegmentedBar/SegmentedBar.cjs`),oe=require(`./components/ShortcutLabel/ShortcutLabel.cjs`),se=require(`./components/ShortcutsDialog/ShortcutsDialog.cjs`),ce=require(`./components/StatusPage/StatusPage.cjs`),$=require(`./components/Sidebar/Sidebar.cjs`),le=require(`./components/Sidebar/SidebarItem.cjs`),ue=require(`./components/Sidebar/SidebarSection.cjs`),de=require(`./components/Skeleton/Skeleton.cjs`),fe=require(`./components/Slider/Slider.cjs`),pe=require(`./components/SpinButton/SpinButton.cjs`),me=require(`./components/SpinRow/SpinRow.cjs`),he=require(`./components/SplitButton/SplitButton.cjs`),ge=require(`./components/StatusBadge/StatusBadge.cjs`),_e=require(`./components/Switch/Switch.cjs`),ve=require(`./components/SwitchRow/SwitchRow.cjs`),ye=require(`./components/Tabs/TabBar.cjs`),be=require(`./components/Tabs/TabItem.cjs`),xe=require(`./components/Tabs/TabPanel.cjs`),Se=require(`./components/TerminalView/TerminalView.cjs`),Ce=require(`./components/Text/Text.cjs`),we=require(`./components/TextField/TextField.cjs`),Te=require(`./components/Timeline/Timeline.cjs`),Ee=require(`./components/Toast/Toast.cjs`),De=require(`./components/Toast/Toaster.cjs`),Oe=require(`./components/ToggleGroup/ToggleGroup.cjs`),ke=require(`./components/ToggleGroup/ToggleGroupItem.cjs`),Ae=require(`./components/Toolbar/Spacer.cjs`),je=require(`./components/Toolbar/Toolbar.cjs`),Me=require(`./components/ToolbarView/ToolbarView.cjs`),Ne=require(`./components/ViewSwitcher/ViewSwitcher.cjs`),Pe=require(`./components/ViewSwitcher/ViewSwitcherItem.cjs`),Fe=require(`./components/ViewSwitcherBar/ViewSwitcherBar.cjs`),Ie=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebar.cjs`),Le=require(`./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.cjs`),Re=require(`./components/WindowTitle/WindowTitle.cjs`),ze=require(`./components/WrapBox/WrapBox.cjs`);exports.AboutDialog=ee.AboutDialog,exports.ActionRow=e.ActionRow,exports.Avatar=t.Avatar,exports.AvatarRotator=n.AvatarRotator,exports.Badge=r.Badge,exports.Banner=i.Banner,exports.Bin=a.Bin,exports.Blockquote=te.Blockquote,exports.BottomSheet=o.BottomSheet,exports.Box=s.Box,exports.BoxedList=l.BoxedList,exports.BreakpointBin=u.BreakpointBin,exports.Button=d.Button,exports.ButtonContent=f.ButtonContent,exports.ButtonRow=p.ButtonRow,exports.Card=m.Card,exports.Carousel=h.Carousel,exports.CarouselIndicatorDots=h.CarouselIndicatorDots,exports.CarouselIndicatorLines=h.CarouselIndicatorLines,exports.CheckRow=g.CheckRow,exports.Checkbox=_.Checkbox,exports.Chip=y.Chip,exports.Clamp=b.Clamp,exports.ColorPicker=x.ColorPicker,exports.ColorSwatch=x.ColorSwatch,exports.ColumnView=S.ColumnView,exports.ComboRow=C.ComboRow,exports.ContributionGraph=T.ContributionGraph,exports.CountDownTimer=E.CountDownTimer,exports.Dialog=D.Dialog,exports.Drawer=O.Drawer,exports.Dropdown=k.Dropdown,exports.EntryRow=A.EntryRow,exports.ExpanderRow=j.ExpanderRow,exports.Footer=M.Footer,exports.Frame=N.Frame,exports.GNOME_BREAKPOINTS=H.GNOME_BREAKPOINTS,exports.GNOME_PALETTE=x.GNOME_PALETTE,exports.GnomeProvider=P.GnomeProvider,exports.HeaderBar=F.HeaderBar,exports.Icon=v.Icon,exports.IconButton=L.IconButton,exports.InlineViewSwitcher=R.InlineViewSwitcher,exports.InlineViewSwitcherItem=z.InlineViewSwitcherItem,exports.Link=B.Link,exports.LinkedGroup=V.LinkedGroup,exports.NavigationPage=W.NavigationPage,exports.NavigationSplitView=U.NavigationSplitView,exports.NavigationView=W.NavigationView,exports.OverlaySplitView=G.OverlaySplitView,exports.PasswordEntryRow=K.PasswordEntryRow,exports.PathBar=q.PathBar,exports.Popover=J.Popover,exports.PreferencesDialog=Y.PreferencesDialog,exports.PreferencesGroup=X.PreferencesGroup,exports.PreferencesPage=Z.PreferencesPage,exports.ProgressBar=Q.ProgressBar,exports.RadioButton=ne.RadioButton,exports.SearchBar=ie.SearchBar,exports.SegmentedBar=ae.SegmentedBar,exports.Separator=c.Separator,exports.ShortcutLabel=oe.ShortcutLabel,exports.ShortcutsDialog=se.ShortcutsDialog,exports.Sidebar=$.Sidebar,exports.SidebarCollapsedContext=$.SidebarCollapsedContext,exports.SidebarItem=le.SidebarItem,exports.SidebarSection=ue.SidebarSection,exports.Skeleton=de.Skeleton,exports.Slider=fe.Slider,exports.Spacer=Ae.Spacer,exports.SpinButton=pe.SpinButton,exports.SpinRow=me.SpinRow,exports.Spinner=re.Spinner,exports.SplitButton=he.SplitButton,exports.StatusBadge=ge.StatusBadge,exports.StatusPage=ce.StatusPage,exports.Switch=_e.Switch,exports.SwitchRow=ve.SwitchRow,exports.TabBar=ye.TabBar,exports.TabItem=be.TabItem,exports.TabPanel=xe.TabPanel,exports.TerminalView=Se.TerminalView,exports.Text=Ce.Text,exports.TextField=we.TextField,exports.Timeline=Te.Timeline,exports.Toast=Ee.Toast,exports.Toaster=De.Toaster,exports.ToggleGroup=Oe.ToggleGroup,exports.ToggleGroupItem=ke.ToggleGroupItem,exports.Toolbar=je.Toolbar,exports.ToolbarView=Me.ToolbarView,exports.Tooltip=I.Tooltip,exports.ViewSwitcher=Ne.ViewSwitcher,exports.ViewSwitcherBar=Fe.ViewSwitcherBar,exports.ViewSwitcherItem=Pe.ViewSwitcherItem,exports.ViewSwitcherSidebar=Ie.ViewSwitcherSidebar,exports.ViewSwitcherSidebarItem=Le.ViewSwitcherSidebarItem,exports.WindowTitle=Re.WindowTitle,exports.WrapBox=ze.WrapBox,exports.useAccentColor=w.useAccentColor,exports.useBreakpoint=H.useBreakpoint,exports.useColorScheme=w.useColorScheme,exports.useDateTimeFormatter=w.useDateTimeFormatter,exports.useDir=w.useDir,exports.useLocale=w.useLocale,exports.useNavigation=W.useNavigation,exports.useNumberFormatter=w.useNumberFormatter,exports.useResolvedColorScheme=w.useResolvedColorScheme,exports.useSidebarCollapsed=$.useSidebarCollapsed;

package/dist/index.d.ts

@@ -1,168 +1,168 @@
-export { Blockquote } from './components/Blockquote';
+export type { AboutDialogLink, AboutDialogProps } from './components/AboutDialog';
+export { AboutDialog } from './components/AboutDialog';
+export type { ActionRowProps } from './components/ActionRow';
+export { ActionRow } from './components/ActionRow';
+export type { AvatarColor, AvatarProps, AvatarSize } from './components/Avatar';
+export { Avatar } from './components/Avatar';
+export type { AvatarRotatorProps } from './components/AvatarRotator';
+export { AvatarRotator } from './components/AvatarRotator';
+export type { BadgeProps, BadgeVariant } from './components/Badge';
+export { Badge } from './components/Badge';
+export type { BannerProps, BannerVariant } from './components/Banner';
+export { Banner } from './components/Banner';
+export type { BinProps } from './components/Bin';
+export { Bin } from './components/Bin';
 export type { BlockquoteProps, BlockquoteVariant } from './components/Blockquote';
+export { Blockquote } from './components/Blockquote';
+export type { BottomSheetProps } from './components/BottomSheet';
+export { BottomSheet } from './components/BottomSheet';
+export type { BoxAlign, BoxJustify, BoxOrientation, BoxPadding, BoxProps, BoxSpacing, } from './components/Box';
+export { Box } from './components/Box';
+export type { BoxedListProps, BoxedListVariant } from './components/BoxedList';
+export { BoxedList } from './components/BoxedList';
+export type { BreakpointBinProps, BreakpointBinState, BreakpointDefinition, } from './components/BreakpointBin';
+export { BreakpointBin } from './components/BreakpointBin';
+export type { ButtonProps, ButtonShape, ButtonSize, ButtonVariant } from './components/Button';
 export { Button } from './components/Button';
-export type { ButtonProps, ButtonVariant, ButtonSize, ButtonShape } from './components/Button';
-export { Text } from './components/Text';
-export type { TextProps, TextVariant, TextColor } from './components/Text';
+export type { ButtonContentProps } from './components/ButtonContent';
+export { ButtonContent } from './components/ButtonContent';
+export type { ButtonRowProps, ButtonRowVariant } from './components/ButtonRow';
+export { ButtonRow } from './components/ButtonRow';
+export type { CardPadding, CardProps } from './components/Card';
 export { Card } from './components/Card';
-export type { CardProps, CardPadding } from './components/Card';
-export { Spinner } from './components/Spinner';
-export type { SpinnerProps, SpinnerSize } from './components/Spinner';
-export { Skeleton } from './components/Skeleton';
-export type { SkeletonProps, SkeletonVariant } from './components/Skeleton';
-export { Avatar } from './components/Avatar';
-export type { AvatarProps, AvatarSize, AvatarColor } from './components/Avatar';
-export { AvatarRotator } from './components/AvatarRotator';
-export type { AvatarRotatorProps } from './components/AvatarRotator';
-export { Separator } from './components/Separator';
-export type { SeparatorProps, SeparatorOrientation } from './components/Separator';
-export { Switch } from './components/Switch';
-export type { SwitchProps } from './components/Switch';
-export { Checkbox } from './components/Checkbox';
+export type { CarouselIndicatorDotsProps, CarouselIndicatorLinesProps, CarouselProps, } from './components/Carousel';
+export { Carousel, CarouselIndicatorDots, CarouselIndicatorLines } from './components/Carousel';
 export type { CheckboxProps } from './components/Checkbox';
-export { TextField } from './components/TextField';
-export type { TextFieldProps } from './components/TextField';
-export { RadioButton } from './components/RadioButton';
-export type { RadioButtonProps } from './components/RadioButton';
-export { ProgressBar } from './components/ProgressBar';
-export type { ProgressBarProps, ProgressBarVariant } from './components/ProgressBar';
-export { SegmentedBar } from './components/SegmentedBar';
-export type { SegmentedBarProps, SegmentedBarSegment } from './components/SegmentedBar';
-export { Banner } from './components/Banner';
-export type { BannerProps, BannerVariant } from './components/Banner';
-export { HeaderBar } from './components/HeaderBar';
-export type { HeaderBarProps } from './components/HeaderBar';
-export { Footer } from './components/Footer';
-export type { FooterProps } from './components/Footer';
-export { Badge } from './components/Badge';
-export type { BadgeProps, BadgeVariant } from './components/Badge';
-export { CountDownTimer } from './components/CountDownTimer';
+export { Checkbox } from './components/Checkbox';
+export type { CheckRowProps } from './components/CheckRow';
+export { CheckRow } from './components/CheckRow';
+export type { ChipProps } from './components/Chip';
+export { Chip } from './components/Chip';
+export type { ClampProps } from './components/Clamp';
+export { Clamp } from './components/Clamp';
+export type { ColorPickerColor, ColorPickerProps, ColorSwatchProps, ColorSwatchSize, } from './components/ColorPicker';
+export { ColorPicker, ColorSwatch, GNOME_PALETTE } from './components/ColorPicker';
+export type { ColumnDef, ColumnViewProps, ColumnViewSelectionMode, ColumnViewSortState, SortDirection, } from './components/ColumnView';
+export { ColumnView } from './components/ColumnView';
+export type { ComboRowOption, ComboRowProps } from './components/ComboRow';
+export { ComboRow } from './components/ComboRow';
+export type { ContributionDay, ContributionGraphProps, } from './components/ContributionGraph';
+export { ContributionGraph } from './components/ContributionGraph';
 export type { CountDownTimerProps, CountDownVariant } from './components/CountDownTimer';
-export { Icon } from './components/Icon';
-export type { IconProps, IconSize } from './components/Icon';
-export { IconButton } from './components/IconButton';
-export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './components/IconButton';
-export { Sidebar, SidebarSection, SidebarItem, SidebarCollapsedContext, useSidebarCollapsed } from './components/Sidebar';
-export type { SidebarProps, SidebarSectionProps, SidebarItemProps, SidebarMenuEntry } from './components/Sidebar';
-export { SpinButton } from './components/SpinButton';
-export type { SpinButtonProps } from './components/SpinButton';
-export { TabBar, TabItem, TabPanel } from './components/Tabs';
-export type { TabBarProps, TabItemProps, TabPanelProps } from './components/Tabs';
-export { ActionRow } from './components/ActionRow';
-export type { ActionRowProps } from './components/ActionRow';
-export { BoxedList } from './components/BoxedList';
-export type { BoxedListProps, BoxedListVariant } from './components/BoxedList';
-export { ViewSwitcher, ViewSwitcherItem } from './components/ViewSwitcher';
-export type { ViewSwitcherProps, ViewSwitcherItemProps } from './components/ViewSwitcher';
-export { SearchBar } from './components/SearchBar';
-export type { SearchBarProps } from './components/SearchBar';
-export { Toast, Toaster } from './components/Toast';
-export type { ToastProps, ToasterProps } from './components/Toast';
+export { CountDownTimer } from './components/CountDownTimer';
+export type { AlertDialogResponse, AlertDialogResponseVariant, DialogButton, DialogProps, } from './components/Dialog';
 export { Dialog } from './components/Dialog';
-export type { DialogProps, DialogButton, AlertDialogResponse, AlertDialogResponseVariant, } from './components/Dialog';
-export { Drawer } from './components/Drawer';
 export type { DrawerProps, DrawerSide, DrawerSize } from './components/Drawer';
-export { AboutDialog } from './components/AboutDialog';
-export type { AboutDialogProps, AboutDialogLink } from './components/AboutDialog';
-export { Tooltip } from './components/Tooltip';
-export type { TooltipProps, TooltipPlacement } from './components/Tooltip';
-export { StatusPage } from './components/StatusPage';
-export type { StatusPageProps } from './components/StatusPage';
+export { Drawer } from './components/Drawer';
+export type { DropdownOption, DropdownProps } from './components/Dropdown';
 export { Dropdown } from './components/Dropdown';
-export type { DropdownProps, DropdownOption } from './components/Dropdown';
-export { Slider } from './components/Slider';
-export type { SliderProps } from './components/Slider';
-export { Popover } from './components/Popover';
-export type { PopoverProps, PopoverPlacement } from './components/Popover';
-export { useBreakpoint, GNOME_BREAKPOINTS } from './hooks/useBreakpoint';
-export type { BreakpointState, GnomeBreakpointName } from './hooks/useBreakpoint';
-export { Clamp } from './components/Clamp';
-export type { ClampProps } from './components/Clamp';
-export { NavigationSplitView } from './components/NavigationSplitView';
+export type { EntryRowProps } from './components/EntryRow';
+export { EntryRow } from './components/EntryRow';
+export type { ExpanderRowProps } from './components/ExpanderRow';
+export { ExpanderRow } from './components/ExpanderRow';
+export type { FooterProps } from './components/Footer';
+export { Footer } from './components/Footer';
+export type { FrameProps } from './components/Frame';
+export { Frame } from './components/Frame';
+export type { GnomeAccentColor, GnomeColorScheme, GnomeDir, GnomeNamedAccentColor, } from './components/GnomeProvider/GnomeContext';
+export { useAccentColor, useColorScheme, useDateTimeFormatter, useDir, useLocale, useNumberFormatter, useResolvedColorScheme, } from './components/GnomeProvider/GnomeContext';
+export type { GnomeProviderProps } from './components/GnomeProvider/GnomeProvider';
+export { GnomeProvider } from './components/GnomeProvider/GnomeProvider';
+export type { HeaderBarProps } from './components/HeaderBar';
+export { HeaderBar } from './components/HeaderBar';
+export type { IconProps, IconSize } from './components/Icon';
+export { Icon } from './components/Icon';
+export type { IconButtonProps, IconButtonSize, IconButtonVariant } from './components/IconButton';
+export { IconButton } from './components/IconButton';
+export type { InlineViewSwitcherItemProps, InlineViewSwitcherProps, InlineViewSwitcherVariant, } from './components/InlineViewSwitcher';
+export { InlineViewSwitcher, InlineViewSwitcherItem } from './components/InlineViewSwitcher';
+export type { LinkProps } from './components/Link';
+export { Link } from './components/Link';
+export type { LinkedGroupProps } from './components/LinkedGroup';
+export { LinkedGroup } from './components/LinkedGroup';
 export type { NavigationSplitViewProps } from './components/NavigationSplitView';
-export { OverlaySplitView } from './components/OverlaySplitView';
+export { NavigationSplitView } from './components/NavigationSplitView';
+export type { NavigationPageProps, NavigationViewProps } from './components/NavigationView';
+export { NavigationPage, NavigationView, useNavigation } from './components/NavigationView';
 export type { OverlaySplitViewProps } from './components/OverlaySplitView';
-export { ViewSwitcherBar } from './components/ViewSwitcherBar';
-export type { ViewSwitcherBarProps } from './components/ViewSwitcherBar';
-export { Link } from './components/Link';
-export type { LinkProps } from './components/Link';
-export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup';
-export type { ToggleGroupProps, ToggleGroupItemProps } from './components/ToggleGroup';
-export { Box } from './components/Box';
-export type { BoxProps, BoxOrientation, BoxAlign, BoxJustify, BoxSpacing, BoxPadding } from './components/Box';
-export { WrapBox } from './components/WrapBox';
-export type { WrapBoxProps, WrapBoxJustify, WrapBoxAlign } from './components/WrapBox';
-export { Chip } from './components/Chip';
-export type { ChipProps } from './components/Chip';
-export { ColorPicker, ColorSwatch, GNOME_PALETTE } from './components/ColorPicker';
-export type { ColorPickerProps, ColorPickerColor, ColorSwatchProps, ColorSwatchSize } from './components/ColorPicker';
+export { OverlaySplitView } from './components/OverlaySplitView';
+export type { PasswordEntryRowProps } from './components/PasswordEntryRow';
+export { PasswordEntryRow } from './components/PasswordEntryRow';
+export type { PathBarProps, PathBarSegment } from './components/PathBar';
+export { PathBar } from './components/PathBar';
+export type { PopoverPlacement, PopoverProps } from './components/Popover';
+export { Popover } from './components/Popover';
+export type { PreferencesDialogProps } from './components/PreferencesDialog';
+export { PreferencesDialog } from './components/PreferencesDialog';
+export type { PreferencesGroupProps } from './components/PreferencesGroup';
+export { PreferencesGroup } from './components/PreferencesGroup';
+export type { PreferencesPageProps } from './components/PreferencesPage';
+export { PreferencesPage } from './components/PreferencesPage';
+export type { ProgressBarProps, ProgressBarVariant } from './components/ProgressBar';
+export { ProgressBar } from './components/ProgressBar';
+export type { RadioButtonProps } from './components/RadioButton';
+export { RadioButton } from './components/RadioButton';
+export type { SearchBarProps } from './components/SearchBar';
+export { SearchBar } from './components/SearchBar';
+export type { SegmentedBarProps, SegmentedBarSegment } from './components/SegmentedBar';
+export { SegmentedBar } from './components/SegmentedBar';
+export type { SeparatorOrientation, SeparatorProps } from './components/Separator';
+export { Separator } from './components/Separator';
+export type { ShortcutLabelProps } from './components/ShortcutLabel';
+export { ShortcutLabel } from './components/ShortcutLabel';
+export type { ShortcutEntry, ShortcutsDialogProps, ShortcutsSection, } from './components/ShortcutsDialog';
 export { ShortcutsDialog } from './components/ShortcutsDialog';
-export type { ShortcutsDialogProps, ShortcutsSection, ShortcutEntry } from './components/ShortcutsDialog';
-export { ViewSwitcherSidebar, ViewSwitcherSidebarItem } from './components/ViewSwitcherSidebar';
-export type { ViewSwitcherSidebarProps, ViewSwitcherSidebarItemProps } from './components/ViewSwitcherSidebar';
-export { BreakpointBin } from './components/BreakpointBin';
-export type { BreakpointBinProps, BreakpointDefinition, BreakpointBinState } from './components/BreakpointBin';
-export { ButtonRow } from './components/ButtonRow';
-export type { ButtonRowProps, ButtonRowVariant } from './components/ButtonRow';
-export { SplitButton } from './components/SplitButton';
+export type { SidebarItemProps, SidebarMenuEntry, SidebarProps, SidebarSectionProps, } from './components/Sidebar';
+export { Sidebar, SidebarCollapsedContext, SidebarItem, SidebarSection, useSidebarCollapsed, } from './components/Sidebar';
+export type { SkeletonProps, SkeletonVariant } from './components/Skeleton';
+export { Skeleton } from './components/Skeleton';
+export type { SliderProps } from './components/Slider';
+export { Slider } from './components/Slider';
+export type { SpinButtonProps } from './components/SpinButton';
+export { SpinButton } from './components/SpinButton';
+export type { SpinnerProps, SpinnerSize } from './components/Spinner';
+export { Spinner } from './components/Spinner';
+export type { SpinRowProps } from './components/SpinRow';
+export { SpinRow } from './components/SpinRow';
 export type { SplitButtonProps, SplitButtonVariant } from './components/SplitButton';
-export { Toolbar, Spacer } from './components/Toolbar';
-export type { ToolbarProps, SpacerProps } from './components/Toolbar';
-export { LinkedGroup } from './components/LinkedGroup';
-export type { LinkedGroupProps } from './components/LinkedGroup';
-export { Frame } from './components/Frame';
-export type { FrameProps } from './components/Frame';
-export { ExpanderRow } from './components/ExpanderRow';
-export type { ExpanderRowProps } from './components/ExpanderRow';
-export { InlineViewSwitcher, InlineViewSwitcherItem } from './components/InlineViewSwitcher';
-export type { InlineViewSwitcherProps, InlineViewSwitcherVariant, InlineViewSwitcherItemProps, } from './components/InlineViewSwitcher';
-export { SwitchRow } from './components/SwitchRow';
+export { SplitButton } from './components/SplitButton';
+export type { StatusBadgeProps, StatusBadgeVariant } from './components/StatusBadge';
+export { StatusBadge } from './components/StatusBadge';
+export type { StatusPageProps } from './components/StatusPage';
+export { StatusPage } from './components/StatusPage';
+export type { SwitchProps } from './components/Switch';
+export { Switch } from './components/Switch';
 export type { SwitchRowProps } from './components/SwitchRow';
-export { CheckRow } from './components/CheckRow';
-export type { CheckRowProps } from './components/CheckRow';
-export { ComboRow } from './components/ComboRow';
-export type { ComboRowProps, ComboRowOption } from './components/ComboRow';
-export { EntryRow } from './components/EntryRow';
-export type { EntryRowProps } from './components/EntryRow';
-export { PasswordEntryRow } from './components/PasswordEntryRow';
-export type { PasswordEntryRowProps } from './components/PasswordEntryRow';
-export { SpinRow } from './components/SpinRow';
-export type { SpinRowProps } from './components/SpinRow';
-export { NavigationView, NavigationPage, useNavigation } from './components/NavigationView';
-export type { NavigationViewProps, NavigationPageProps } from './components/NavigationView';
-export { BottomSheet } from './components/BottomSheet';
-export type { BottomSheetProps } from './components/BottomSheet';
-export { Carousel, CarouselIndicatorDots, CarouselIndicatorLines } from './components/Carousel';
-export type { CarouselProps, CarouselIndicatorDotsProps, CarouselIndicatorLinesProps, } from './components/Carousel';
-export { Bin } from './components/Bin';
-export type { BinProps } from './components/Bin';
-export { ButtonContent } from './components/ButtonContent';
-export type { ButtonContentProps } from './components/ButtonContent';
-export { ShortcutLabel } from './components/ShortcutLabel';
-export type { ShortcutLabelProps } from './components/ShortcutLabel';
-export { ToolbarView } from './components/ToolbarView';
+export { SwitchRow } from './components/SwitchRow';
+export type { TabBarProps, TabItemProps, TabPanelProps } from './components/Tabs';
+export { TabBar, TabItem, TabPanel } from './components/Tabs';
+export type { TerminalVariant, TerminalViewProps } from './components/TerminalView';
+export { TerminalView } from './components/TerminalView';
+export type { TextColor, TextProps, TextVariant } from './components/Text';
+export { Text } from './components/Text';
+export type { TextFieldProps } from './components/TextField';
+export { TextField } from './components/TextField';
+export type { TimelineItem, TimelineOrientation, TimelineProps, TimelineVariant, } from './components/Timeline';
+export { Timeline } from './components/Timeline';
+export type { ToasterProps, ToastProps } from './components/Toast';
+export { Toast, Toaster } from './components/Toast';
+export type { ToggleGroupItemProps, ToggleGroupProps } from './components/ToggleGroup';
+export { ToggleGroup, ToggleGroupItem } from './components/ToggleGroup';
+export type { SpacerProps, ToolbarProps } from './components/Toolbar';
+export { Spacer, Toolbar } from './components/Toolbar';
 export type { ToolbarViewProps } from './components/ToolbarView';
-export { WindowTitle } from './components/WindowTitle';
+export { ToolbarView } from './components/ToolbarView';
+export type { TooltipPlacement, TooltipProps } from './components/Tooltip';
+export { Tooltip } from './components/Tooltip';
+export type { ViewSwitcherItemProps, ViewSwitcherProps } from './components/ViewSwitcher';
+export { ViewSwitcher, ViewSwitcherItem } from './components/ViewSwitcher';
+export type { ViewSwitcherBarProps } from './components/ViewSwitcherBar';
+export { ViewSwitcherBar } from './components/ViewSwitcherBar';
+export type { ViewSwitcherSidebarItemProps, ViewSwitcherSidebarProps, } from './components/ViewSwitcherSidebar';
+export { ViewSwitcherSidebar, ViewSwitcherSidebarItem } from './components/ViewSwitcherSidebar';
 export type { WindowTitleProps } from './components/WindowTitle';
-export { PreferencesGroup } from './components/PreferencesGroup';
-export type { PreferencesGroupProps } from './components/PreferencesGroup';
-export { PreferencesPage } from './components/PreferencesPage';
-export type { PreferencesPageProps } from './components/PreferencesPage';
-export { PreferencesDialog } from './components/PreferencesDialog';
-export type { PreferencesDialogProps } from './components/PreferencesDialog';
-export { Timeline } from './components/Timeline';
-export type { TimelineProps, TimelineItem, TimelineOrientation, TimelineVariant } from './components/Timeline';
-export { PathBar } from './components/PathBar';
-export type { PathBarProps, PathBarSegment } from './components/PathBar';
-export { ContributionGraph } from './components/ContributionGraph';
-export type { ContributionGraphProps, ContributionDay, } from './components/ContributionGraph';
-export { ColumnView } from './components/ColumnView';
-export type { ColumnViewProps, ColumnDef, ColumnViewSortState, ColumnViewSelectionMode, SortDirection, } from './components/ColumnView';
-export { TerminalView } from './components/TerminalView';
-export type { TerminalViewProps, TerminalVariant } from './components/TerminalView';
-export { StatusBadge } from './components/StatusBadge';
-export type { StatusBadgeProps, StatusBadgeVariant } from './components/StatusBadge';
-export { GnomeProvider } from './components/GnomeProvider/GnomeProvider';
-export type { GnomeProviderProps } from './components/GnomeProvider/GnomeProvider';
-export { useLocale, useDir, useNumberFormatter, useDateTimeFormatter, useColorScheme, useResolvedColorScheme, useAccentColor, } from './components/GnomeProvider/GnomeContext';
-export type { GnomeDir, GnomeColorScheme, GnomeAccentColor, GnomeNamedAccentColor, } from './components/GnomeProvider/GnomeContext';
+export { WindowTitle } from './components/WindowTitle';
+export type { WrapBoxAlign, WrapBoxJustify, WrapBoxProps } from './components/WrapBox';
+export { WrapBox } from './components/WrapBox';
+export type { BreakpointState, GnomeBreakpointName } from './hooks/useBreakpoint';
+export { GNOME_BREAKPOINTS, useBreakpoint } from './hooks/useBreakpoint';

package/dist/index.js

@@ -61,8 +61,8 @@ import { ShortcutLabel as ve } from "./components/ShortcutLabel/ShortcutLabel.js
 import { ShortcutsDialog as ye } from "./components/ShortcutsDialog/ShortcutsDialog.js";
 import { StatusPage as be } from "./components/StatusPage/StatusPage.js";
 import { Sidebar as xe, SidebarCollapsedContext as Se, useSidebarCollapsed as Ce } from "./components/Sidebar/Sidebar.js";
-import { SidebarSection as we } from "./components/Sidebar/SidebarSection.js";
-import { SidebarItem as Te } from "./components/Sidebar/SidebarItem.js";
+import { SidebarItem as we } from "./components/Sidebar/SidebarItem.js";
+import { SidebarSection as Te } from "./components/Sidebar/SidebarSection.js";
 import { Skeleton as Ee } from "./components/Skeleton/Skeleton.js";
 import { Slider as De } from "./components/Slider/Slider.js";
 import { SpinButton as Oe } from "./components/SpinButton/SpinButton.js";
@@ -82,8 +82,8 @@ import { Toast as Ve } from "./components/Toast/Toast.js";
 import { Toaster as He } from "./components/Toast/Toaster.js";
 import { ToggleGroup as Ue } from "./components/ToggleGroup/ToggleGroup.js";
 import { ToggleGroupItem as We } from "./components/ToggleGroup/ToggleGroupItem.js";
-import { Toolbar as Ge } from "./components/Toolbar/Toolbar.js";
-import { Spacer as Ke } from "./components/Toolbar/Spacer.js";
+import { Spacer as Ge } from "./components/Toolbar/Spacer.js";
+import { Toolbar as Ke } from "./components/Toolbar/Toolbar.js";
 import { ToolbarView as qe } from "./components/ToolbarView/ToolbarView.js";
 import { ViewSwitcher as Je } from "./components/ViewSwitcher/ViewSwitcher.js";
 import { ViewSwitcherItem as Ye } from "./components/ViewSwitcher/ViewSwitcherItem.js";
@@ -92,4 +92,4 @@ import { ViewSwitcherSidebar as Ze } from "./components/ViewSwitcherSidebar/View
 import { ViewSwitcherSidebarItem as Qe } from "./components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.js";
 import { WindowTitle as $e } from "./components/WindowTitle/WindowTitle.js";
 import { WrapBox as et } from "./components/WrapBox/WrapBox.js";
-export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, L as ContributionGraph, R as CountDownTimer, z as Dialog, B as Drawer, V as Dropdown, H as EntryRow, U as ExpanderRow, W as Footer, G as Frame, ee as GNOME_BREAKPOINTS, D as GNOME_PALETTE, K as GnomeProvider, q as HeaderBar, S as Icon, Y as IconButton, X as InlineViewSwitcher, Z as InlineViewSwitcherItem, Q as Link, $ as LinkedGroup, re as NavigationPage, ne as NavigationSplitView, ie as NavigationView, oe as OverlaySplitView, se as PasswordEntryRow, ce as PathBar, le as Popover, ue as PreferencesDialog, de as PreferencesGroup, fe as PreferencesPage, pe as ProgressBar, me as RadioButton, ge as SearchBar, _e as SegmentedBar, u as Separator, ve as ShortcutLabel, ye as ShortcutsDialog, xe as Sidebar, Se as SidebarCollapsedContext, Te as SidebarItem, we as SidebarSection, Ee as Skeleton, De as Slider, Ke as Spacer, Oe as SpinButton, ke as SpinRow, he as Spinner, Ae as SplitButton, je as StatusBadge, be as StatusPage, Me as Switch, Ne as SwitchRow, Pe as TabBar, Fe as TabItem, Ie as TabPanel, Le as TerminalView, Re as Text, ze as TextField, Be as Timeline, Ve as Toast, He as Toaster, Ue as ToggleGroup, We as ToggleGroupItem, Ge as Toolbar, qe as ToolbarView, J as Tooltip, Je as ViewSwitcher, Xe as ViewSwitcherBar, Ye as ViewSwitcherItem, Ze as ViewSwitcherSidebar, Qe as ViewSwitcherSidebarItem, $e as WindowTitle, et as WrapBox, A as useAccentColor, te as useBreakpoint, j as useColorScheme, M as useDateTimeFormatter, N as useDir, P as useLocale, ae as useNavigation, F as useNumberFormatter, I as useResolvedColorScheme, Ce as useSidebarCollapsed };
+export { e as AboutDialog, t as ActionRow, n as Avatar, r as AvatarRotator, i as Badge, a as Banner, o as Bin, s as Blockquote, c as BottomSheet, l as Box, d as BoxedList, f as BreakpointBin, p as Button, m as ButtonContent, h as ButtonRow, g as Card, _ as Carousel, v as CarouselIndicatorDots, y as CarouselIndicatorLines, b as CheckRow, x as Checkbox, C as Chip, w as Clamp, T as ColorPicker, E as ColorSwatch, O as ColumnView, k as ComboRow, L as ContributionGraph, R as CountDownTimer, z as Dialog, B as Drawer, V as Dropdown, H as EntryRow, U as ExpanderRow, W as Footer, G as Frame, ee as GNOME_BREAKPOINTS, D as GNOME_PALETTE, K as GnomeProvider, q as HeaderBar, S as Icon, Y as IconButton, X as InlineViewSwitcher, Z as InlineViewSwitcherItem, Q as Link, $ as LinkedGroup, re as NavigationPage, ne as NavigationSplitView, ie as NavigationView, oe as OverlaySplitView, se as PasswordEntryRow, ce as PathBar, le as Popover, ue as PreferencesDialog, de as PreferencesGroup, fe as PreferencesPage, pe as ProgressBar, me as RadioButton, ge as SearchBar, _e as SegmentedBar, u as Separator, ve as ShortcutLabel, ye as ShortcutsDialog, xe as Sidebar, Se as SidebarCollapsedContext, we as SidebarItem, Te as SidebarSection, Ee as Skeleton, De as Slider, Ge as Spacer, Oe as SpinButton, ke as SpinRow, he as Spinner, Ae as SplitButton, je as StatusBadge, be as StatusPage, Me as Switch, Ne as SwitchRow, Pe as TabBar, Fe as TabItem, Ie as TabPanel, Le as TerminalView, Re as Text, ze as TextField, Be as Timeline, Ve as Toast, He as Toaster, Ue as ToggleGroup, We as ToggleGroupItem, Ke as Toolbar, qe as ToolbarView, J as Tooltip, Je as ViewSwitcher, Xe as ViewSwitcherBar, Ye as ViewSwitcherItem, Ze as ViewSwitcherSidebar, Qe as ViewSwitcherSidebarItem, $e as WindowTitle, et as WrapBox, A as useAccentColor, te as useBreakpoint, j as useColorScheme, M as useDateTimeFormatter, N as useDir, P as useLocale, ae as useNavigation, F as useNumberFormatter, I as useResolvedColorScheme, Ce as useSidebarCollapsed };