@gnome-ui/react 1.45.0 → 1.45.2

package/dist/components/Carousel/Carousel.d.ts

@@ -11,7 +11,7 @@ export interface CarouselIndicatorDotsProps extends HTMLAttributes<HTMLDivElemen
  * Dot-style page indicator for `Carousel`.
  * Mirrors `AdwCarouselIndicatorDots`.
  */
-export declare function CarouselIndicatorDots({ pages, currentPage, onPageSelected, className, ...props }: CarouselIndicatorDotsProps): import("react/jsx-runtime").JSX.Element;
+export declare const CarouselIndicatorDots: ({ pages, currentPage, onPageSelected, className, ...props }: CarouselIndicatorDotsProps) => import("react/jsx-runtime").JSX.Element;
 export interface CarouselIndicatorLinesProps extends HTMLAttributes<HTMLDivElement> {
     /** Total number of pages. */
     pages: number;
@@ -24,14 +24,14 @@ export interface CarouselIndicatorLinesProps extends HTMLAttributes<HTMLDivEleme
  * Line-style page indicator for `Carousel`.
  * Mirrors `AdwCarouselIndicatorLines`.
  */
-export declare function CarouselIndicatorLines({ pages, currentPage, onPageSelected, className, ...props }: CarouselIndicatorLinesProps): import("react/jsx-runtime").JSX.Element;
+export declare const CarouselIndicatorLines: ({ pages, currentPage, onPageSelected, className, ...props }: CarouselIndicatorLinesProps) => import("react/jsx-runtime").JSX.Element;
 export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     children?: ReactNode;
     /**
      * Scroll orientation.
      * @default "horizontal"
      */
-    orientation?: "horizontal" | "vertical";
+    orientation?: 'horizontal' | 'vertical';
     /**
      * Gap between pages in px.
      * @default 0
@@ -61,4 +61,4 @@ export interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Carousel.html
  */
-export declare function Carousel({ children, orientation, spacing, loop, onPageChanged, page: controlledPage, className, ...props }: CarouselProps): import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: ({ children, orientation, spacing, loop, onPageChanged, page: controlledPage, className, ...props }: CarouselProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Carousel/Carousel.js

@@ -2,44 +2,34 @@ import e from "./Carousel.module.css.js";
 import { Children as t, useCallback as n, useEffect as r, useRef as i, useState as a } from "react";
 import { jsx as o } from "react/jsx-runtime";
 //#region src/components/Carousel/Carousel.tsx
-function s({ pages: t, currentPage: n, onPageSelected: r, className: i, ...a }) {
-	return /* @__PURE__ */ o("div", {
-		className: [e.indicatorDots, i].filter(Boolean).join(" "),
-		role: "tablist",
-		"aria-label": "Carousel pages",
-		...a,
-		children: Array.from({ length: t }, (t, i) => /* @__PURE__ */ o("button", {
-			type: "button",
-			role: "tab",
-			"aria-selected": i === n,
-			"aria-label": `Page ${i + 1}`,
-			className: [e.dot, i === n ? e.dotActive : null].filter(Boolean).join(" "),
-			onClick: () => r?.(i)
-		}, i))
-	});
-}
-function c({ pages: t, currentPage: n, onPageSelected: r, className: i, ...a }) {
-	return /* @__PURE__ */ o("div", {
-		className: [e.indicatorLines, i].filter(Boolean).join(" "),
-		role: "tablist",
-		"aria-label": "Carousel pages",
-		...a,
-		children: Array.from({ length: t }, (t, i) => /* @__PURE__ */ o("button", {
-			type: "button",
-			role: "tab",
-			"aria-selected": i === n,
-			"aria-label": `Page ${i + 1}`,
-			className: [e.line, i === n ? e.lineActive : null].filter(Boolean).join(" "),
-			onClick: () => r?.(i)
-		}, i))
-	});
-}
-function l({ children: s, orientation: c = "horizontal", spacing: l = 0, loop: u = !1, onPageChanged: d, page: f, className: p, ...m }) {
-	let h = i(null), g = t.count(s), [_, v] = a(0), y = f !== void 0, b = y ? f : _;
-	r(() => {
-		y && x(f, "smooth");
-	}, [f]);
-	let x = n((e, t = "smooth") => {
+var s = ({ pages: t, currentPage: n, onPageSelected: r, className: i, ...a }) => /* @__PURE__ */ o("div", {
+	className: [e.indicatorDots, i].filter(Boolean).join(" "),
+	role: "tablist",
+	"aria-label": "Carousel pages",
+	...a,
+	children: Array.from({ length: t }, (t, i) => /* @__PURE__ */ o("button", {
+		type: "button",
+		role: "tab",
+		"aria-selected": i === n,
+		"aria-label": `Page ${i + 1}`,
+		className: [e.dot, i === n ? e.dotActive : null].filter(Boolean).join(" "),
+		onClick: () => r?.(i)
+	}, i))
+}), c = ({ pages: t, currentPage: n, onPageSelected: r, className: i, ...a }) => /* @__PURE__ */ o("div", {
+	className: [e.indicatorLines, i].filter(Boolean).join(" "),
+	role: "tablist",
+	"aria-label": "Carousel pages",
+	...a,
+	children: Array.from({ length: t }, (t, i) => /* @__PURE__ */ o("button", {
+		type: "button",
+		role: "tab",
+		"aria-selected": i === n,
+		"aria-label": `Page ${i + 1}`,
+		className: [e.line, i === n ? e.lineActive : null].filter(Boolean).join(" "),
+		onClick: () => r?.(i)
+	}, i))
+}), l = ({ children: s, orientation: c = "horizontal", spacing: l = 0, loop: u = !1, onPageChanged: d, page: f, className: p, ...m }) => {
+	let h = i(null), g = t.count(s), [_, v] = a(0), y = f !== void 0, b = y ? f : _, x = n((e, t = "smooth") => {
 		let n = h.current;
 		n && (c === "horizontal" ? n.scrollTo({
 			left: n.clientWidth * e,
@@ -50,6 +40,12 @@ function l({ children: s, orientation: c = "horizontal", spacing: l = 0, loop: u
 		}));
 	}, [c]);
 	r(() => {
+		y && x(f, "smooth");
+	}, [
+		f,
+		x,
+		y
+	]), r(() => {
 		let e = h.current;
 		if (!e) return;
 		let t = () => {
@@ -88,7 +84,6 @@ function l({ children: s, orientation: c = "horizontal", spacing: l = 0, loop: u
 		ref: h,
 		role: "region",
 		"aria-roledescription": "carousel",
-		tabIndex: 0,
 		className: [
 			e.carousel,
 			C ? e.horizontal : e.vertical,
@@ -105,7 +100,7 @@ function l({ children: s, orientation: c = "horizontal", spacing: l = 0, loop: u
 			children: t
 		}, n))
 	});
-}
+};
 //#endregion
 export { l as Carousel, s as CarouselIndicatorDots, c as CarouselIndicatorLines };
 

package/dist/components/Carousel/Carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.js","names":[],"sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import {\n  useRef,\n  useState,\n  useEffect,\n  useCallback,\n  Children,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport styles from \"./Carousel.module.css\";\n\n// ─── CarouselIndicatorDots ────────────────────────────────────────────────────\n\nexport interface CarouselIndicatorDotsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Total number of pages. */\n  pages: number;\n  /** Zero-based index of the current page. */\n  currentPage: number;\n  /** Called when the user clicks a dot. */\n  onPageSelected?: (index: number) => void;\n}\n\n/**\n * Dot-style page indicator for `Carousel`.\n * Mirrors `AdwCarouselIndicatorDots`.\n */\nexport function CarouselIndicatorDots({\n  pages,\n  currentPage,\n  onPageSelected,\n  className,\n  ...props\n}: CarouselIndicatorDotsProps) {\n  return (\n    <div\n      className={[styles.indicatorDots, className].filter(Boolean).join(\" \")}\n      role=\"tablist\"\n      aria-label=\"Carousel pages\"\n      {...props}\n    >\n      {Array.from({ length: pages }, (_, i) => (\n        <button\n          key={i}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentPage}\n          aria-label={`Page ${i + 1}`}\n          className={[styles.dot, i === currentPage ? styles.dotActive : null]\n            .filter(Boolean)\n            .join(\" \")}\n          onClick={() => onPageSelected?.(i)}\n        />\n      ))}\n    </div>\n  );\n}\n\n// ─── CarouselIndicatorLines ───────────────────────────────────────────────────\n\nexport interface CarouselIndicatorLinesProps extends HTMLAttributes<HTMLDivElement> {\n  /** Total number of pages. */\n  pages: number;\n  /** Zero-based index of the current page. */\n  currentPage: number;\n  /** Called when the user clicks a line. */\n  onPageSelected?: (index: number) => void;\n}\n\n/**\n * Line-style page indicator for `Carousel`.\n * Mirrors `AdwCarouselIndicatorLines`.\n */\nexport function CarouselIndicatorLines({\n  pages,\n  currentPage,\n  onPageSelected,\n  className,\n  ...props\n}: CarouselIndicatorLinesProps) {\n  return (\n    <div\n      className={[styles.indicatorLines, className].filter(Boolean).join(\" \")}\n      role=\"tablist\"\n      aria-label=\"Carousel pages\"\n      {...props}\n    >\n      {Array.from({ length: pages }, (_, i) => (\n        <button\n          key={i}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentPage}\n          aria-label={`Page ${i + 1}`}\n          className={[styles.line, i === currentPage ? styles.lineActive : null]\n            .filter(Boolean)\n            .join(\" \")}\n          onClick={() => onPageSelected?.(i)}\n        />\n      ))}\n    </div>\n  );\n}\n\n// ─── Carousel ─────────────────────────────────────────────────────────────────\n\nexport interface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /**\n   * Scroll orientation.\n   * @default \"horizontal\"\n   */\n  orientation?: \"horizontal\" | \"vertical\";\n  /**\n   * Gap between pages in px.\n   * @default 0\n   */\n  spacing?: number;\n  /**\n   * Allow infinite looping (wraps around on the last/first page).\n   * @default false\n   */\n  loop?: boolean;\n  /** Called whenever the visible page changes. */\n  onPageChanged?: (index: number) => void;\n  /**\n   * Controlled current page index.\n   * When omitted the carousel manages page state internally.\n   */\n  page?: number;\n}\n\n/**\n * Swipeable content carousel.\n *\n * Mirrors `AdwCarousel`. Uses CSS scroll-snapping for smooth, native-feeling\n * page transitions. Supports keyboard navigation (arrow keys) and touch/mouse\n * drag via the browser's native scroll handling.\n *\n * Pair with `CarouselIndicatorDots` or `CarouselIndicatorLines` for pagination UI.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Carousel.html\n */\nexport function Carousel({\n  children,\n  orientation = \"horizontal\",\n  spacing = 0,\n  loop = false,\n  onPageChanged,\n  page: controlledPage,\n  className,\n  ...props\n}: CarouselProps) {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const pageCount = Children.count(children);\n  const [internalPage, setInternalPage] = useState(0);\n  const isControlled = controlledPage !== undefined;\n  const currentPage = isControlled ? controlledPage : internalPage;\n\n  // Scroll to the controlled page when it changes externally\n  useEffect(() => {\n    if (!isControlled) return;\n    scrollToPage(controlledPage, \"smooth\");\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [controlledPage]);\n\n  const scrollToPage = useCallback(\n    (index: number, behavior: ScrollBehavior = \"smooth\") => {\n      const el = scrollRef.current;\n      if (!el) return;\n      if (orientation === \"horizontal\") {\n        el.scrollTo({ left: el.clientWidth * index, behavior });\n      } else {\n        el.scrollTo({ top: el.clientHeight * index, behavior });\n      }\n    },\n    [orientation]\n  );\n\n  // Detect page changes via IntersectionObserver on each child\n  useEffect(() => {\n    const el = scrollRef.current;\n    if (!el) return;\n\n    const handleScroll = () => {\n      const pages = Array.from(el.children) as HTMLElement[];\n      const size = orientation === \"horizontal\" ? el.clientWidth : el.clientHeight;\n      const scroll = orientation === \"horizontal\" ? el.scrollLeft : el.scrollTop;\n      const idx = Math.round(scroll / (size || 1));\n      const clamped = Math.max(0, Math.min(idx, pageCount - 1));\n      if (!isControlled) setInternalPage(clamped);\n      onPageChanged?.(clamped);\n      void pages; // suppress lint\n    };\n\n    el.addEventListener(\"scroll\", handleScroll, { passive: true });\n    return () => el.removeEventListener(\"scroll\", handleScroll);\n  }, [orientation, pageCount, isControlled, onPageChanged]);\n\n  // Keyboard navigation\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      const isForward =\n        orientation === \"horizontal\" ? e.key === \"ArrowRight\" : e.key === \"ArrowDown\";\n      const isBack =\n        orientation === \"horizontal\" ? e.key === \"ArrowLeft\" : e.key === \"ArrowUp\";\n\n      if (isForward) {\n        e.preventDefault();\n        const next = loop\n          ? (currentPage + 1) % pageCount\n          : Math.min(currentPage + 1, pageCount - 1);\n        scrollToPage(next);\n        if (!isControlled) setInternalPage(next);\n        onPageChanged?.(next);\n      } else if (isBack) {\n        e.preventDefault();\n        const prev = loop\n          ? (currentPage - 1 + pageCount) % pageCount\n          : Math.max(currentPage - 1, 0);\n        scrollToPage(prev);\n        if (!isControlled) setInternalPage(prev);\n        onPageChanged?.(prev);\n      }\n    },\n    [currentPage, pageCount, loop, orientation, scrollToPage, isControlled, onPageChanged]\n  );\n\n  const isHorizontal = orientation === \"horizontal\";\n\n  return (\n    <div\n      ref={scrollRef}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      tabIndex={0}\n      className={[\n        styles.carousel,\n        isHorizontal ? styles.horizontal : styles.vertical,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      style={\n        isHorizontal\n          ? { columnGap: spacing || undefined }\n          : { rowGap: spacing || undefined }\n      }\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <div\n          key={i}\n          className={styles.slide}\n          role=\"group\"\n          aria-roledescription=\"slide\"\n          aria-label={`${i + 1} of ${pageCount}`}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"Carousel.js","names":[],"sources":["../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":["import {\n  Children,\n  type HTMLAttributes,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport styles from './Carousel.module.css';\n\n// ─── CarouselIndicatorDots ────────────────────────────────────────────────────\n\nexport interface CarouselIndicatorDotsProps extends HTMLAttributes<HTMLDivElement> {\n  /** Total number of pages. */\n  pages: number;\n  /** Zero-based index of the current page. */\n  currentPage: number;\n  /** Called when the user clicks a dot. */\n  onPageSelected?: (index: number) => void;\n}\n\n/**\n * Dot-style page indicator for `Carousel`.\n * Mirrors `AdwCarouselIndicatorDots`.\n */\nexport const CarouselIndicatorDots = ({\n  pages,\n  currentPage,\n  onPageSelected,\n  className,\n  ...props\n}: CarouselIndicatorDotsProps) => {\n  return (\n    <div\n      className={[styles.indicatorDots, className].filter(Boolean).join(' ')}\n      role=\"tablist\"\n      aria-label=\"Carousel pages\"\n      {...props}\n    >\n      {Array.from({ length: pages }, (_, i) => (\n        <button\n          key={i}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentPage}\n          aria-label={`Page ${i + 1}`}\n          className={[styles.dot, i === currentPage ? styles.dotActive : null]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={() => onPageSelected?.(i)}\n        />\n      ))}\n    </div>\n  );\n};\n\n// ─── CarouselIndicatorLines ───────────────────────────────────────────────────\n\nexport interface CarouselIndicatorLinesProps extends HTMLAttributes<HTMLDivElement> {\n  /** Total number of pages. */\n  pages: number;\n  /** Zero-based index of the current page. */\n  currentPage: number;\n  /** Called when the user clicks a line. */\n  onPageSelected?: (index: number) => void;\n}\n\n/**\n * Line-style page indicator for `Carousel`.\n * Mirrors `AdwCarouselIndicatorLines`.\n */\nexport const CarouselIndicatorLines = ({\n  pages,\n  currentPage,\n  onPageSelected,\n  className,\n  ...props\n}: CarouselIndicatorLinesProps) => {\n  return (\n    <div\n      className={[styles.indicatorLines, className].filter(Boolean).join(' ')}\n      role=\"tablist\"\n      aria-label=\"Carousel pages\"\n      {...props}\n    >\n      {Array.from({ length: pages }, (_, i) => (\n        <button\n          key={i}\n          type=\"button\"\n          role=\"tab\"\n          aria-selected={i === currentPage}\n          aria-label={`Page ${i + 1}`}\n          className={[styles.line, i === currentPage ? styles.lineActive : null]\n            .filter(Boolean)\n            .join(' ')}\n          onClick={() => onPageSelected?.(i)}\n        />\n      ))}\n    </div>\n  );\n};\n\n// ─── Carousel ─────────────────────────────────────────────────────────────────\n\nexport interface CarouselProps extends HTMLAttributes<HTMLDivElement> {\n  children?: ReactNode;\n  /**\n   * Scroll orientation.\n   * @default \"horizontal\"\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * Gap between pages in px.\n   * @default 0\n   */\n  spacing?: number;\n  /**\n   * Allow infinite looping (wraps around on the last/first page).\n   * @default false\n   */\n  loop?: boolean;\n  /** Called whenever the visible page changes. */\n  onPageChanged?: (index: number) => void;\n  /**\n   * Controlled current page index.\n   * When omitted the carousel manages page state internally.\n   */\n  page?: number;\n}\n\n/**\n * Swipeable content carousel.\n *\n * Mirrors `AdwCarousel`. Uses CSS scroll-snapping for smooth, native-feeling\n * page transitions. Supports keyboard navigation (arrow keys) and touch/mouse\n * drag via the browser's native scroll handling.\n *\n * Pair with `CarouselIndicatorDots` or `CarouselIndicatorLines` for pagination UI.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.Carousel.html\n */\nexport const Carousel = ({\n  children,\n  orientation = 'horizontal',\n  spacing = 0,\n  loop = false,\n  onPageChanged,\n  page: controlledPage,\n  className,\n  ...props\n}: CarouselProps) => {\n  const scrollRef = useRef<HTMLDivElement>(null);\n  const pageCount = Children.count(children);\n  const [internalPage, setInternalPage] = useState(0);\n  const isControlled = controlledPage !== undefined;\n  const currentPage = isControlled ? controlledPage : internalPage;\n\n  const scrollToPage = useCallback(\n    (index: number, behavior: ScrollBehavior = 'smooth') => {\n      const el = scrollRef.current;\n\n      if (!el) {\n        return;\n      }\n\n      if (orientation === 'horizontal') {\n        el.scrollTo({ left: el.clientWidth * index, behavior });\n      } else {\n        el.scrollTo({ top: el.clientHeight * index, behavior });\n      }\n    },\n    [orientation],\n  );\n\n  // Scroll to the controlled page when it changes externally\n  useEffect(() => {\n    if (!isControlled) {\n      return;\n    }\n\n    scrollToPage(controlledPage, 'smooth');\n  }, [controlledPage, scrollToPage, isControlled]);\n\n  // Detect page changes via IntersectionObserver on each child\n  useEffect(() => {\n    const el = scrollRef.current;\n\n    if (!el) {\n      return;\n    }\n\n    const handleScroll = () => {\n      const pages = Array.from(el.children) as HTMLElement[];\n      const size = orientation === 'horizontal' ? el.clientWidth : el.clientHeight;\n      const scroll = orientation === 'horizontal' ? el.scrollLeft : el.scrollTop;\n      const idx = Math.round(scroll / (size || 1));\n      const clamped = Math.max(0, Math.min(idx, pageCount - 1));\n\n      if (!isControlled) {\n        setInternalPage(clamped);\n      }\n\n      onPageChanged?.(clamped);\n      void pages; // suppress lint\n    };\n\n    el.addEventListener('scroll', handleScroll, { passive: true });\n\n    return () => el.removeEventListener('scroll', handleScroll);\n  }, [orientation, pageCount, isControlled, onPageChanged]);\n\n  // Keyboard navigation\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent) => {\n      const isForward =\n        orientation === 'horizontal' ? e.key === 'ArrowRight' : e.key === 'ArrowDown';\n      const isBack = orientation === 'horizontal' ? e.key === 'ArrowLeft' : e.key === 'ArrowUp';\n\n      if (isForward) {\n        e.preventDefault();\n        const next = loop\n          ? (currentPage + 1) % pageCount\n          : Math.min(currentPage + 1, pageCount - 1);\n\n        scrollToPage(next);\n        if (!isControlled) {\n          setInternalPage(next);\n        }\n\n        onPageChanged?.(next);\n      } else if (isBack) {\n        e.preventDefault();\n        const prev = loop\n          ? (currentPage - 1 + pageCount) % pageCount\n          : Math.max(currentPage - 1, 0);\n\n        scrollToPage(prev);\n        if (!isControlled) {\n          setInternalPage(prev);\n        }\n\n        onPageChanged?.(prev);\n      }\n    },\n    [currentPage, pageCount, loop, orientation, scrollToPage, isControlled, onPageChanged],\n  );\n\n  const isHorizontal = orientation === 'horizontal';\n\n  return (\n    <div\n      ref={scrollRef}\n      role=\"region\"\n      aria-roledescription=\"carousel\"\n      className={[styles.carousel, isHorizontal ? styles.horizontal : styles.vertical, className]\n        .filter(Boolean)\n        .join(' ')}\n      style={isHorizontal ? { columnGap: spacing || undefined } : { rowGap: spacing || undefined }}\n      onKeyDown={handleKeyDown}\n      {...props}\n    >\n      {Children.map(children, (child, i) => (\n        <div\n          key={i}\n          className={styles.slide}\n          role=\"group\"\n          aria-roledescription=\"slide\"\n          aria-label={`${i + 1} of ${pageCount}`}\n        >\n          {child}\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/Carousel/Carousel.module.css.cjs

@@ -1,2 +1,2 @@
-var e={carousel:`_carousel_117hp_3`,horizontal:`_horizontal_117hp_20`,vertical:`_vertical_117hp_27`,slide:`_slide_117hp_36`,indicatorDots:`_indicatorDots_117hp_46`,dot:`_dot_117hp_54`,dotActive:`_dotActive_117hp_73`,indicatorLines:`_indicatorLines_117hp_85`,line:`_line_117hp_93`,lineActive:`_lineActive_117hp_110`};exports.default=e;
+var e={carousel:`_carousel_1tci2_3`,horizontal:`_horizontal_1tci2_20`,vertical:`_vertical_1tci2_27`,slide:`_slide_1tci2_36`,indicatorDots:`_indicatorDots_1tci2_46`,dot:`_dot_1tci2_54`,dotActive:`_dotActive_1tci2_73`,indicatorLines:`_indicatorLines_1tci2_85`,line:`_line_1tci2_93`,lineActive:`_lineActive_1tci2_110`};exports.default=e;
 //# sourceMappingURL=Carousel.module.css.cjs.map

package/dist/components/Carousel/Carousel.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.module.css.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":["/* ─── Carousel container ────────────────────────────────────────────────────── */\n\n.carousel {\n  display: flex;\n  overflow: hidden;\n  scroll-snap-type: both mandatory;\n  -webkit-overflow-scrolling: touch;\n  outline: none;\n  width: 100%;\n}\n\n.carousel:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n  border-radius: var(--gnome-radius-md, 8px);\n}\n\n.horizontal {\n  flex-direction: row;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  scroll-snap-type: x mandatory;\n}\n\n.vertical {\n  flex-direction: column;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  scroll-snap-type: y mandatory;\n}\n\n/* ─── Slide ─────────────────────────────────────────────────────────────────── */\n\n.slide {\n  flex: 0 0 100%;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ─── Dot indicators ────────────────────────────────────────────────────────── */\n\n.indicatorDots {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.dot {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dot:hover {\n  opacity: 0.5;\n}\n\n.dotActive {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.dot:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Line indicators ───────────────────────────────────────────────────────── */\n\n.indicatorLines {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.line {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.line:hover {\n  opacity: 0.5;\n}\n\n.lineActive {\n  opacity: 1;\n}\n\n.line:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .carousel {\n    scroll-behavior: auto;\n  }\n\n  .dot,\n  .line {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Carousel.module.css.cjs","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":["/* ─── Carousel container ────────────────────────────────────────────────────── */\n\n.carousel {\n  display: flex;\n  overflow: hidden;\n  scroll-snap-type: both mandatory;\n  -webkit-overflow-scrolling: touch;\n  outline: none;\n  width: 100%;\n}\n\n.carousel:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  border-radius: var(--gnome-radius-md, 8px);\n}\n\n.horizontal {\n  flex-direction: row;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  scroll-snap-type: x mandatory;\n}\n\n.vertical {\n  flex-direction: column;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  scroll-snap-type: y mandatory;\n}\n\n/* ─── Slide ─────────────────────────────────────────────────────────────────── */\n\n.slide {\n  flex: 0 0 100%;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ─── Dot indicators ────────────────────────────────────────────────────────── */\n\n.indicatorDots {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.dot {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dot:hover {\n  opacity: 0.5;\n}\n\n.dotActive {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.dot:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Line indicators ───────────────────────────────────────────────────────── */\n\n.indicatorLines {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.line {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.line:hover {\n  opacity: 0.5;\n}\n\n.lineActive {\n  opacity: 1;\n}\n\n.line:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .carousel {\n    scroll-behavior: auto;\n  }\n\n  .dot,\n  .line {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/Carousel/Carousel.module.css.js

@@ -1,14 +1,14 @@
 var e = {
-	carousel: "_carousel_117hp_3",
-	horizontal: "_horizontal_117hp_20",
-	vertical: "_vertical_117hp_27",
-	slide: "_slide_117hp_36",
-	indicatorDots: "_indicatorDots_117hp_46",
-	dot: "_dot_117hp_54",
-	dotActive: "_dotActive_117hp_73",
-	indicatorLines: "_indicatorLines_117hp_85",
-	line: "_line_117hp_93",
-	lineActive: "_lineActive_117hp_110"
+	carousel: "_carousel_1tci2_3",
+	horizontal: "_horizontal_1tci2_20",
+	vertical: "_vertical_1tci2_27",
+	slide: "_slide_1tci2_36",
+	indicatorDots: "_indicatorDots_1tci2_46",
+	dot: "_dot_1tci2_54",
+	dotActive: "_dotActive_1tci2_73",
+	indicatorLines: "_indicatorLines_1tci2_85",
+	line: "_line_1tci2_93",
+	lineActive: "_lineActive_1tci2_110"
 };
 //#endregion
 export { e as default };

package/dist/components/Carousel/Carousel.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Carousel.module.css.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":["/* ─── Carousel container ────────────────────────────────────────────────────── */\n\n.carousel {\n  display: flex;\n  overflow: hidden;\n  scroll-snap-type: both mandatory;\n  -webkit-overflow-scrolling: touch;\n  outline: none;\n  width: 100%;\n}\n\n.carousel:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n  border-radius: var(--gnome-radius-md, 8px);\n}\n\n.horizontal {\n  flex-direction: row;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  scroll-snap-type: x mandatory;\n}\n\n.vertical {\n  flex-direction: column;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  scroll-snap-type: y mandatory;\n}\n\n/* ─── Slide ─────────────────────────────────────────────────────────────────── */\n\n.slide {\n  flex: 0 0 100%;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ─── Dot indicators ────────────────────────────────────────────────────────── */\n\n.indicatorDots {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.dot {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dot:hover {\n  opacity: 0.5;\n}\n\n.dotActive {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.dot:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Line indicators ───────────────────────────────────────────────────────── */\n\n.indicatorLines {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.line {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.line:hover {\n  opacity: 0.5;\n}\n\n.lineActive {\n  opacity: 1;\n}\n\n.line:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .carousel {\n    scroll-behavior: auto;\n  }\n\n  .dot,\n  .line {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Carousel.module.css.js","names":[],"sources":["../../../src/components/Carousel/Carousel.module.css"],"sourcesContent":["/* ─── Carousel container ────────────────────────────────────────────────────── */\n\n.carousel {\n  display: flex;\n  overflow: hidden;\n  scroll-snap-type: both mandatory;\n  -webkit-overflow-scrolling: touch;\n  outline: none;\n  width: 100%;\n}\n\n.carousel:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n  border-radius: var(--gnome-radius-md, 8px);\n}\n\n.horizontal {\n  flex-direction: row;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  scroll-snap-type: x mandatory;\n}\n\n.vertical {\n  flex-direction: column;\n  overflow-y: scroll;\n  overflow-x: hidden;\n  scroll-snap-type: y mandatory;\n}\n\n/* ─── Slide ─────────────────────────────────────────────────────────────────── */\n\n.slide {\n  flex: 0 0 100%;\n  scroll-snap-align: start;\n  scroll-snap-stop: always;\n  min-width: 0;\n  min-height: 0;\n}\n\n/* ─── Dot indicators ────────────────────────────────────────────────────────── */\n\n.indicatorDots {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.dot {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition:\n    opacity var(--gnome-duration-fast) var(--gnome-easing-default),\n    transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.dot:hover {\n  opacity: 0.5;\n}\n\n.dotActive {\n  opacity: 1;\n  transform: scale(1.15);\n}\n\n.dot:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Line indicators ───────────────────────────────────────────────────────── */\n\n.indicatorLines {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 4px;\n  padding: var(--gnome-space-2, 12px) 0;\n}\n\n.line {\n  appearance: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  width: 24px;\n  height: 3px;\n  border-radius: 2px;\n  background-color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.2;\n  transition: opacity var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.line:hover {\n  opacity: 0.5;\n}\n\n.lineActive {\n  opacity: 1;\n}\n\n.line:focus-visible {\n  outline: 2px solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: 2px;\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .carousel {\n    scroll-behavior: auto;\n  }\n\n  .dot,\n  .line {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
+export type { CarouselIndicatorDotsProps, CarouselIndicatorLinesProps, CarouselProps, } from './Carousel';
 export { Carousel, CarouselIndicatorDots, CarouselIndicatorLines } from './Carousel';
-export type { CarouselProps, CarouselIndicatorDotsProps, CarouselIndicatorLinesProps, } from './Carousel';

package/dist/components/Carousel.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./Carousel/Carousel.cjs`);exports.Carousel=e.Carousel,exports.CarouselIndicatorDots=e.CarouselIndicatorDots,exports.CarouselIndicatorLines=e.CarouselIndicatorLines;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./Carousel/Carousel.cjs");exports.Carousel=e.Carousel,exports.CarouselIndicatorDots=e.CarouselIndicatorDots,exports.CarouselIndicatorLines=e.CarouselIndicatorLines;

package/dist/components/CheckRow/CheckRow.cjs

@@ -1,2 +1,2 @@
-const e=require(`./CheckRow.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({title:r,subtitle:i,leading:a,checked:o,defaultChecked:s=!1,onCheckedChange:c,disabled:l=!1,className:u,onClick:d,...f}){let p=o!==void 0,[m,h]=(0,t.useState)(s),g=p?o:m,_=(0,t.useId)(),v=e=>{let t=!g;p||h(t),c?.(t),d?.(e)};return(0,n.jsxs)(`button`,{role:`checkbox`,"aria-checked":g,"aria-labelledby":_,disabled:l,className:[e.default.row,l?e.default.disabled:null,u].filter(Boolean).join(` `),onClick:v,...f,children:[(0,n.jsx)(`span`,{className:e.default.checkboxWrap,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:[e.default.checkbox,g?e.default.checkboxChecked:null].filter(Boolean).join(` `),children:g&&(0,n.jsx)(`svg`,{className:e.default.checkmark,width:`12`,height:`12`,viewBox:`0 0 12 12`,focusable:`false`,children:(0,n.jsx)(`path`,{d:`M2 6l3 3 5-5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})})}),a&&(0,n.jsx)(`span`,{className:e.default.leading,children:a}),(0,n.jsxs)(`span`,{className:e.default.content,id:_,children:[(0,n.jsx)(`span`,{className:e.default.title,children:r}),i&&(0,n.jsx)(`span`,{className:e.default.subtitle,children:i})]})]})}exports.CheckRow=r;
+const e=require("./CheckRow.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({title:r,subtitle:i,leading:a,checked:o,defaultChecked:s=!1,onCheckedChange:c,disabled:l=!1,className:u,onClick:d,...f})=>{let p=o!==void 0,[m,h]=(0,t.useState)(s),g=p?o:m,_=(0,t.useId)();return(0,n.jsxs)(`button`,{role:`checkbox`,"aria-checked":g,"aria-labelledby":_,disabled:l,className:[e.default.row,l?e.default.disabled:null,u].filter(Boolean).join(` `),onClick:e=>{let t=!g;p||h(t),c?.(t),d?.(e)},...f,children:[(0,n.jsx)(`span`,{className:e.default.checkboxWrap,"aria-hidden":`true`,children:(0,n.jsx)(`span`,{className:[e.default.checkbox,g?e.default.checkboxChecked:null].filter(Boolean).join(` `),children:g&&(0,n.jsx)(`svg`,{className:e.default.checkmark,width:`12`,height:`12`,viewBox:`0 0 12 12`,focusable:`false`,children:(0,n.jsx)(`path`,{d:`M2 6l3 3 5-5`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.75`,strokeLinecap:`round`,strokeLinejoin:`round`})})})}),a&&(0,n.jsx)(`span`,{className:e.default.leading,children:a}),(0,n.jsxs)(`span`,{className:e.default.content,id:_,children:[(0,n.jsx)(`span`,{className:e.default.title,children:r}),i&&(0,n.jsx)(`span`,{className:e.default.subtitle,children:i})]})]})};exports.CheckRow=r;
 //# sourceMappingURL=CheckRow.cjs.map

package/dist/components/CheckRow/CheckRow.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckRow.cjs","names":[],"sources":["../../../src/components/CheckRow/CheckRow.tsx"],"sourcesContent":["import { useState, useId, type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./CheckRow.module.css\";\n\nexport interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated checkbox.\n *\n * The entire row is a button — clicking anywhere toggles the checkbox.\n * Mirrors the `AdwCheckButton`-in-a-row pattern used in list selection contexts.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.CheckButton.html\n */\nexport function CheckRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: CheckRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const labelId = useId();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n    if (!isControlled) setUncontrolledChecked(next);\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"checkbox\"\n      aria-checked={checked}\n      aria-labelledby={labelId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={handleClick}\n      {...props}\n    >\n      {/* Visual checkbox — aria-hidden since the button carries the role */}\n      <span className={styles.checkboxWrap} aria-hidden=\"true\">\n        <span className={[styles.checkbox, checked ? styles.checkboxChecked : null].filter(Boolean).join(\" \")}>\n          {checked && (\n            <svg className={styles.checkmark} width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" focusable=\"false\">\n              <path\n                d=\"M2 6l3 3 5-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.75\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </span>\n      </span>\n\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={labelId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </button>\n  );\n}\n"],"mappings":"mGA8BA,SAAgB,EAAS,CACvB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,GACa,CAChB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,EAAe,CACxE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,QAAiB,CAEjB,EAAe,GAA2C,CAC9D,IAAM,EAAO,CAAC,EACT,GAAc,EAAuB,EAAK,CAC/C,IAAkB,EAAK,CACvB,IAAU,EAAE,EAGd,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,WACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,EAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,QAAS,EACT,GAAI,WATN,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aAAc,cAAY,iBAChD,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,CAAC,EAAA,QAAO,SAAU,EAAU,EAAA,QAAO,gBAAkB,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,UAClG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,UAAW,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,UAAU,kBACrF,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,eACF,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,QACf,CAAA,CACE,CAAA,CAEH,CAAA,CACF,CAAA,CAEN,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,EAAe,CAAA,EAE7D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,EAAa,CAAA,CAC5C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,EAAgB,CAAA,CAC3D,GACA"}
+{"version":3,"file":"CheckRow.cjs","names":[],"sources":["../../../src/components/CheckRow/CheckRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './CheckRow.module.css';\n\nexport interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated checkbox.\n *\n * The entire row is a button — clicking anywhere toggles the checkbox.\n * Mirrors the `AdwCheckButton`-in-a-row pattern used in list selection contexts.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.CheckButton.html\n */\nexport const CheckRow = ({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: CheckRowProps) => {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const labelId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"checkbox\"\n      aria-checked={checked}\n      aria-labelledby={labelId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {/* Visual checkbox — aria-hidden since the button carries the role */}\n      <span className={styles.checkboxWrap} aria-hidden=\"true\">\n        <span\n          className={[styles.checkbox, checked ? styles.checkboxChecked : null]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && (\n            <svg\n              className={styles.checkmark}\n              width=\"12\"\n              height=\"12\"\n              viewBox=\"0 0 12 12\"\n              focusable=\"false\"\n            >\n              <path\n                d=\"M2 6l3 3 5-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.75\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </span>\n      </span>\n\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={labelId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </button>\n  );\n};\n"],"mappings":"mGA+BA,IAAa,GAAY,CACvB,QACA,WACA,UACA,QAAS,EACT,iBAAiB,GACjB,kBACA,WAAW,GACX,YACA,UACA,GAAG,KACgB,CACnB,IAAM,EAAe,IAAsB,IAAA,GACrC,CAAC,EAAqB,IAAA,EAAA,EAAA,UAAmC,CAAc,EACvE,EAAU,EAAe,EAAoB,EAE7C,GAAA,EAAA,EAAA,OAAgB,EAatB,OACE,EAAA,EAAA,MAAC,SAAD,CACE,KAAK,WACL,eAAc,EACd,kBAAiB,EACP,WACV,UAAW,CAAC,EAAA,QAAO,IAAK,EAAW,EAAA,QAAO,SAAW,KAAM,CAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,QApBiB,GAAqC,CACxD,IAAM,EAAO,CAAC,EAET,GACH,EAAuB,CAAI,EAG7B,IAAkB,CAAI,EACtB,IAAU,CAAC,CACb,EAYI,GAAI,WATN,EAYE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,aAAc,cAAY,iBAChD,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,SAAU,EAAU,EAAA,QAAO,gBAAkB,IAAI,EACjE,OAAO,OAAO,EACd,KAAK,GAAG,WAEV,IACC,EAAA,EAAA,KAAC,MAAD,CACE,UAAW,EAAA,QAAO,UAClB,MAAM,KACN,OAAO,KACP,QAAQ,YACR,UAAU,kBAEV,EAAA,EAAA,KAAC,OAAD,CACE,EAAE,eACF,KAAK,OACL,OAAO,eACP,YAAY,OACZ,cAAc,QACd,eAAe,OAChB,CAAA,CACE,CAAA,CAEH,CAAA,CACF,CAAA,EAEL,IAAW,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,iBAAU,CAAc,CAAA,GAE5D,EAAA,EAAA,MAAC,OAAD,CAAM,UAAW,EAAA,QAAO,QAAS,GAAI,WAArC,EACE,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,eAAQ,CAAY,CAAA,EAC3C,IAAY,EAAA,EAAA,KAAC,OAAD,CAAM,UAAW,EAAA,QAAO,kBAAW,CAAe,CAAA,CAC3D,GACA,GAEZ"}

package/dist/components/CheckRow/CheckRow.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, "onChange"> {
+export interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {
     /** Primary label. */
     title: string;
     /** Secondary line below the title. */
@@ -25,4 +25,4 @@ export interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, "
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.CheckButton.html
  */
-export declare function CheckRow({ title, subtitle, leading, checked: controlledChecked, defaultChecked, onCheckedChange, disabled, className, onClick, ...props }: CheckRowProps): import("react/jsx-runtime").JSX.Element;
+export declare const CheckRow: ({ title, subtitle, leading, checked: controlledChecked, defaultChecked, onCheckedChange, disabled, className, onClick, ...props }: CheckRowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CheckRow/CheckRow.js

@@ -2,11 +2,8 @@ import e from "./CheckRow.module.css.js";
 import { useId as t, useState as n } from "react";
 import { jsx as r, jsxs as i } from "react/jsx-runtime";
 //#region src/components/CheckRow/CheckRow.tsx
-function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l = !1, onCheckedChange: u, disabled: d = !1, className: f, onClick: p, ...m }) {
-	let h = c !== void 0, [g, _] = n(l), v = h ? c : g, y = t(), b = (e) => {
-		let t = !v;
-		h || _(t), u?.(t), p?.(e);
-	};
+var a = ({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l = !1, onCheckedChange: u, disabled: d = !1, className: f, onClick: p, ...m }) => {
+	let h = c !== void 0, [g, _] = n(l), v = h ? c : g, y = t();
 	return /* @__PURE__ */ i("button", {
 		role: "checkbox",
 		"aria-checked": v,
@@ -17,7 +14,10 @@ function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l =
 			d ? e.disabled : null,
 			f
 		].filter(Boolean).join(" "),
-		onClick: b,
+		onClick: (e) => {
+			let t = !v;
+			h || _(t), u?.(t), p?.(e);
+		},
 		...m,
 		children: [
 			/* @__PURE__ */ r("span", {
@@ -59,7 +59,7 @@ function a({ title: a, subtitle: o, leading: s, checked: c, defaultChecked: l =
 			})
 		]
 	});
-}
+};
 //#endregion
 export { a as CheckRow };
 

package/dist/components/CheckRow/CheckRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckRow.js","names":[],"sources":["../../../src/components/CheckRow/CheckRow.tsx"],"sourcesContent":["import { useState, useId, type HTMLAttributes, type ReactNode } from \"react\";\nimport styles from \"./CheckRow.module.css\";\n\nexport interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, \"onChange\"> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated checkbox.\n *\n * The entire row is a button — clicking anywhere toggles the checkbox.\n * Mirrors the `AdwCheckButton`-in-a-row pattern used in list selection contexts.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.CheckButton.html\n */\nexport function CheckRow({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: CheckRowProps) {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const labelId = useId();\n\n  const handleClick = (e: React.MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n    if (!isControlled) setUncontrolledChecked(next);\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"checkbox\"\n      aria-checked={checked}\n      aria-labelledby={labelId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      onClick={handleClick}\n      {...props}\n    >\n      {/* Visual checkbox — aria-hidden since the button carries the role */}\n      <span className={styles.checkboxWrap} aria-hidden=\"true\">\n        <span className={[styles.checkbox, checked ? styles.checkboxChecked : null].filter(Boolean).join(\" \")}>\n          {checked && (\n            <svg className={styles.checkmark} width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" focusable=\"false\">\n              <path\n                d=\"M2 6l3 3 5-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.75\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </span>\n      </span>\n\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={labelId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </button>\n  );\n}\n"],"mappings":";;;;AA8BA,SAAgB,EAAS,EACvB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,KACa;CAChB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,EAAe,EACxE,IAAU,IAAe,IAAoB,GAE7C,IAAU,GAAO,EAEjB,KAAe,MAA2C;EAC9D,IAAM,IAAO,CAAC;AAGd,EAFK,KAAc,EAAuB,EAAK,EAC/C,IAAkB,EAAK,EACvB,IAAU,EAAE;;AAGd,QACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;GAAU,CAClE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,SAAS;EACT,GAAI;YATN;GAYE,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAc,eAAY;cAChD,kBAAC,QAAD;KAAM,WAAW,CAAC,EAAO,UAAU,IAAU,EAAO,kBAAkB,KAAK,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;eAClG,KACC,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAW,OAAM;MAAK,QAAO;MAAK,SAAQ;MAAY,WAAU;gBACrF,kBAAC,QAAD;OACE,GAAE;OACF,MAAK;OACL,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;OACf,CAAA;MACE,CAAA;KAEH,CAAA;IACF,CAAA;GAEN,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;IAAe,CAAA;GAE7D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;KAAa,CAAA,EAC5C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;KAAgB,CAAA,CAC3D;;GACA"}
+{"version":3,"file":"CheckRow.js","names":[],"sources":["../../../src/components/CheckRow/CheckRow.tsx"],"sourcesContent":["import { type HTMLAttributes, type MouseEvent, type ReactNode, useId, useState } from 'react';\n\nimport styles from './CheckRow.module.css';\n\nexport interface CheckRowProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'onChange'> {\n  /** Primary label. */\n  title: string;\n  /** Secondary line below the title. */\n  subtitle?: string;\n  /** Icon or image placed at the leading edge. */\n  leading?: ReactNode;\n  /** Controlled checked state. */\n  checked?: boolean;\n  /** Initial checked state when uncontrolled. Defaults to `false`. */\n  defaultChecked?: boolean;\n  /** Called when the checked state changes. */\n  onCheckedChange?: (checked: boolean) => void;\n  /** Disables the row. */\n  disabled?: boolean;\n}\n\n/**\n * Activatable row with an integrated checkbox.\n *\n * The entire row is a button — clicking anywhere toggles the checkbox.\n * Mirrors the `AdwCheckButton`-in-a-row pattern used in list selection contexts.\n *\n * Supports both controlled (`checked`) and uncontrolled (`defaultChecked`) modes.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.CheckButton.html\n */\nexport const CheckRow = ({\n  title,\n  subtitle,\n  leading,\n  checked: controlledChecked,\n  defaultChecked = false,\n  onCheckedChange,\n  disabled = false,\n  className,\n  onClick,\n  ...props\n}: CheckRowProps) => {\n  const isControlled = controlledChecked !== undefined;\n  const [uncontrolledChecked, setUncontrolledChecked] = useState(defaultChecked);\n  const checked = isControlled ? controlledChecked : uncontrolledChecked;\n\n  const labelId = useId();\n\n  const handleClick = (e: MouseEvent<HTMLButtonElement>) => {\n    const next = !checked;\n\n    if (!isControlled) {\n      setUncontrolledChecked(next);\n    }\n\n    onCheckedChange?.(next);\n    onClick?.(e);\n  };\n\n  return (\n    <button\n      role=\"checkbox\"\n      aria-checked={checked}\n      aria-labelledby={labelId}\n      disabled={disabled}\n      className={[styles.row, disabled ? styles.disabled : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      onClick={handleClick}\n      {...props}\n    >\n      {/* Visual checkbox — aria-hidden since the button carries the role */}\n      <span className={styles.checkboxWrap} aria-hidden=\"true\">\n        <span\n          className={[styles.checkbox, checked ? styles.checkboxChecked : null]\n            .filter(Boolean)\n            .join(' ')}\n        >\n          {checked && (\n            <svg\n              className={styles.checkmark}\n              width=\"12\"\n              height=\"12\"\n              viewBox=\"0 0 12 12\"\n              focusable=\"false\"\n            >\n              <path\n                d=\"M2 6l3 3 5-5\"\n                fill=\"none\"\n                stroke=\"currentColor\"\n                strokeWidth=\"1.75\"\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n              />\n            </svg>\n          )}\n        </span>\n      </span>\n\n      {leading && <span className={styles.leading}>{leading}</span>}\n\n      <span className={styles.content} id={labelId}>\n        <span className={styles.title}>{title}</span>\n        {subtitle && <span className={styles.subtitle}>{subtitle}</span>}\n      </span>\n    </button>\n  );\n};\n"],"mappings":";;;;AA+BA,IAAa,KAAY,EACvB,UACA,aACA,YACA,SAAS,GACT,oBAAiB,IACjB,oBACA,cAAW,IACX,cACA,YACA,GAAG,QACgB;CACnB,IAAM,IAAe,MAAsB,KAAA,GACrC,CAAC,GAAqB,KAA0B,EAAS,CAAc,GACvE,IAAU,IAAe,IAAoB,GAE7C,IAAU,EAAM;CAatB,OACE,kBAAC,UAAD;EACE,MAAK;EACL,gBAAc;EACd,mBAAiB;EACP;EACV,WAAW;GAAC,EAAO;GAAK,IAAW,EAAO,WAAW;GAAM;EAAS,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;EACX,UApBiB,MAAqC;GACxD,IAAM,IAAO,CAAC;GAOd,AALK,KACH,EAAuB,CAAI,GAG7B,IAAkB,CAAI,GACtB,IAAU,CAAC;EACb;EAYI,GAAI;YATN;GAYE,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAc,eAAY;cAChD,kBAAC,QAAD;KACE,WAAW,CAAC,EAAO,UAAU,IAAU,EAAO,kBAAkB,IAAI,EACjE,OAAO,OAAO,EACd,KAAK,GAAG;eAEV,KACC,kBAAC,OAAD;MACE,WAAW,EAAO;MAClB,OAAM;MACN,QAAO;MACP,SAAQ;MACR,WAAU;gBAEV,kBAAC,QAAD;OACE,GAAE;OACF,MAAK;OACL,QAAO;OACP,aAAY;OACZ,eAAc;OACd,gBAAe;MAChB,CAAA;KACE,CAAA;IAEH,CAAA;GACF,CAAA;GAEL,KAAW,kBAAC,QAAD;IAAM,WAAW,EAAO;cAAU;GAAc,CAAA;GAE5D,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAS,IAAI;cAArC,CACE,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAQ;IAAY,CAAA,GAC3C,KAAY,kBAAC,QAAD;KAAM,WAAW,EAAO;eAAW;IAAe,CAAA,CAC3D;;EACA;;AAEZ"}

package/dist/components/CheckRow/CheckRow.module.css.cjs

@@ -1,2 +1,2 @@
-var e={row:`_row_1dije_3`,disabled:`_disabled_1dije_41`,checkboxWrap:`_checkboxWrap_1dije_49`,checkbox:`_checkbox_1dije_49`,checkboxChecked:`_checkboxChecked_1dije_71`,checkmark:`_checkmark_1dije_77`,leading:`_leading_1dije_84`,content:`_content_1dije_93`,title:`_title_1dije_101`,subtitle:`_subtitle_1dije_112`};exports.default=e;
+var e={row:`_row_1ckav_3`,disabled:`_disabled_1ckav_41`,checkboxWrap:`_checkboxWrap_1ckav_49`,checkbox:`_checkbox_1ckav_49`,checkboxChecked:`_checkboxChecked_1ckav_71`,checkmark:`_checkmark_1ckav_77`,leading:`_leading_1ckav_84`,content:`_content_1ckav_93`,title:`_title_1ckav_101`,subtitle:`_subtitle_1ckav_112`};exports.default=e;
 //# sourceMappingURL=CheckRow.module.css.cjs.map

package/dist/components/CheckRow/CheckRow.module.css.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckRow.module.css.cjs","names":[],"sources":["../../../src/components/CheckRow/CheckRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Checkbox visual ───────────────────────────────────────────────────────── */\n\n.checkboxWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  border: 1.5px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.25));\n  background-color: transparent;\n  color: transparent;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.checkboxChecked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  color: #ffffff;\n}\n\n.checkmark {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .checkbox {\n    border-width: 2px;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .checkbox {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CheckRow.module.css.cjs","names":[],"sources":["../../../src/components/CheckRow/CheckRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Checkbox visual ───────────────────────────────────────────────────────── */\n\n.checkboxWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  border: 1.5px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.25));\n  background-color: transparent;\n  color: transparent;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.checkboxChecked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  color: #ffffff;\n}\n\n.checkmark {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .checkbox {\n    border-width: 2px;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .checkbox {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/CheckRow/CheckRow.module.css.js

@@ -1,14 +1,14 @@
 var e = {
-	row: "_row_1dije_3",
-	disabled: "_disabled_1dije_41",
-	checkboxWrap: "_checkboxWrap_1dije_49",
-	checkbox: "_checkbox_1dije_49",
-	checkboxChecked: "_checkboxChecked_1dije_71",
-	checkmark: "_checkmark_1dije_77",
-	leading: "_leading_1dije_84",
-	content: "_content_1dije_93",
-	title: "_title_1dije_101",
-	subtitle: "_subtitle_1dije_112"
+	row: "_row_1ckav_3",
+	disabled: "_disabled_1ckav_41",
+	checkboxWrap: "_checkboxWrap_1ckav_49",
+	checkbox: "_checkbox_1ckav_49",
+	checkboxChecked: "_checkboxChecked_1ckav_71",
+	checkmark: "_checkmark_1ckav_77",
+	leading: "_leading_1ckav_84",
+	content: "_content_1ckav_93",
+	title: "_title_1ckav_101",
+	subtitle: "_subtitle_1ckav_112"
 };
 //#endregion
 export { e as default };

package/dist/components/CheckRow/CheckRow.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckRow.module.css.js","names":[],"sources":["../../../src/components/CheckRow/CheckRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Checkbox visual ───────────────────────────────────────────────────────── */\n\n.checkboxWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  border: 1.5px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.25));\n  background-color: transparent;\n  color: transparent;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.checkboxChecked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  color: #ffffff;\n}\n\n.checkmark {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n        var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n        var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .checkbox {\n    border-width: 2px;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .checkbox {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CheckRow.module.css.js","names":[],"sources":["../../../src/components/CheckRow/CheckRow.module.css"],"sourcesContent":["/* ─── Row button ────────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n\n  appearance: none;\n  -webkit-appearance: none;\n  background: transparent;\n  border: none;\n  font: inherit;\n  outline: none;\n  cursor: pointer;\n  text-align: start;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.row:hover {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.row:active {\n  background-color: var(--gnome-active-overlay);\n}\n\n.row:focus-visible {\n  box-shadow:\n    inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n    inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n    var(--gnome-focus-ring-color, #3584e4);\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Checkbox visual ───────────────────────────────────────────────────────── */\n\n.checkboxWrap {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n}\n\n.checkbox {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-sm, 4px);\n  border: 1.5px solid var(--gnome-border-subtle, rgba(0, 0, 0, 0.25));\n  background-color: transparent;\n  color: transparent;\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    border-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.checkboxChecked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n  color: #ffffff;\n}\n\n.checkmark {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .row:focus-visible {\n    box-shadow:\n      inset 0 0 0 var(--gnome-focus-ring-offset, 2px) var(--gnome-window-bg-color, #fafafa),\n      inset 0 0 0 calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px))\n      var(--gnome-focus-ring-color, #3584e4),\n      inset 0 0 0\n      calc(var(--gnome-focus-ring-offset, 2px) + var(--gnome-focus-ring-width, 3px) + 1px)\n      var(--gnome-window-bg-color, #fafafa);\n  }\n\n  .checkbox {\n    border-width: 2px;\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .checkbox {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { CheckRow } from './CheckRow';
 export type { CheckRowProps } from './CheckRow';
+export { CheckRow } from './CheckRow';

package/dist/components/CheckRow.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./CheckRow/CheckRow.cjs`);exports.CheckRow=e.CheckRow;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./CheckRow/CheckRow.cjs");exports.CheckRow=e.CheckRow;

package/dist/components/Checkbox/Checkbox.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Checkbox.module.css.cjs`);let t=require(`react`),n=require(`react/jsx-runtime`);function r({indeterminate:r=!1,className:i,...a}){let o=(0,t.useRef)(null);return(0,t.useEffect)(()=>{o.current&&(o.current.indeterminate=r)},[r]),(0,n.jsx)(`input`,{ref:o,type:`checkbox`,className:[e.default.checkbox,i].filter(Boolean).join(` `),...a})}exports.Checkbox=r;
+const e=require("./Checkbox.module.css.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=({indeterminate:r=!1,className:i,...a})=>{let o=(0,t.useRef)(null);return(0,t.useEffect)(()=>{o.current&&(o.current.indeterminate=r)},[r]),(0,n.jsx)(`input`,{ref:o,type:`checkbox`,className:[e.default.checkbox,i].filter(Boolean).join(` `),...a})};exports.Checkbox=r;
 //# sourceMappingURL=Checkbox.cjs.map

package/dist/components/Checkbox/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef, type InputHTMLAttributes } from \"react\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  /**\n   * Indeterminate state — shown when only some children in a group are checked.\n   * Takes visual precedence over `checked`.\n   */\n  indeterminate?: boolean;\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Checkbox for multi-selection, following the GNOME HIG and Adwaita style.\n *\n * Supports three states: unchecked, checked, and indeterminate (mixed).\n * Use `indeterminate` for \"select all\" controls when only some items are selected.\n *\n * Renders as `<input type=\"checkbox\">` — natively keyboard-accessible and\n * compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/checkboxes.html\n */\nexport function Checkbox({ indeterminate = false, className, ...props }: CheckboxProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={[styles.checkbox, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":"mGAyBA,SAAgB,EAAS,CAAE,gBAAgB,GAAO,YAAW,GAAG,GAAwB,CACtF,IAAM,GAAA,EAAA,EAAA,QAA+B,KAAK,CAQ1C,OANA,EAAA,EAAA,eAAgB,CACV,EAAI,UACN,EAAI,QAAQ,cAAgB,IAE7B,CAAC,EAAc,CAAC,EAGjB,EAAA,EAAA,KAAC,QAAD,CACO,MACL,KAAK,WACL,UAAW,CAAC,EAAA,QAAO,SAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CACjE,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Checkbox.cjs","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { type InputHTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  /**\n   * Indeterminate state — shown when only some children in a group are checked.\n   * Takes visual precedence over `checked`.\n   */\n  indeterminate?: boolean;\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * Checkbox for multi-selection, following the GNOME HIG and Adwaita style.\n *\n * Supports three states: unchecked, checked, and indeterminate (mixed).\n * Use `indeterminate` for \"select all\" controls when only some items are selected.\n *\n * Renders as `<input type=\"checkbox\">` — natively keyboard-accessible and\n * compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/checkboxes.html\n */\nexport const Checkbox = ({ indeterminate = false, className, ...props }: CheckboxProps) => {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={[styles.checkbox, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":"mGAyBA,IAAa,GAAY,CAAE,gBAAgB,GAAO,YAAW,GAAG,KAA2B,CACzF,IAAM,GAAA,EAAA,EAAA,QAA+B,IAAI,EAQzC,OANA,EAAA,EAAA,eAAgB,CACV,EAAI,UACN,EAAI,QAAQ,cAAgB,EAEhC,EAAG,CAAC,CAAa,CAAC,GAGhB,EAAA,EAAA,KAAC,QAAD,CACO,MACL,KAAK,WACL,UAAW,CAAC,EAAA,QAAO,SAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAChE,GAAI,CACL,CAAA,CAEL"}

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,12 +1,12 @@
 import { InputHTMLAttributes } from 'react';
-export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type"> {
+export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {
     /**
      * Indeterminate state — shown when only some children in a group are checked.
      * Takes visual precedence over `checked`.
      */
     indeterminate?: boolean;
     /** Accessible label. Required when no visible `<label>` is associated. */
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 /**
  * Checkbox for multi-selection, following the GNOME HIG and Adwaita style.
@@ -19,4 +19,4 @@ export interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement
  *
  * @see https://developer.gnome.org/hig/patterns/controls/checkboxes.html
  */
-export declare function Checkbox({ indeterminate, className, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ indeterminate, className, ...props }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.js

@@ -2,7 +2,7 @@ import e from "./Checkbox.module.css.js";
 import { useEffect as t, useRef as n } from "react";
 import { jsx as r } from "react/jsx-runtime";
 //#region src/components/Checkbox/Checkbox.tsx
-function i({ indeterminate: i = !1, className: a, ...o }) {
+var i = ({ indeterminate: i = !1, className: a, ...o }) => {
 	let s = n(null);
 	return t(() => {
 		s.current && (s.current.indeterminate = i);
@@ -12,7 +12,7 @@ function i({ indeterminate: i = !1, className: a, ...o }) {
 		className: [e.checkbox, a].filter(Boolean).join(" "),
 		...o
 	});
-}
+};
 //#endregion
 export { i as Checkbox };
 

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { useEffect, useRef, type InputHTMLAttributes } from \"react\";\nimport styles from \"./Checkbox.module.css\";\n\nexport interface CheckboxProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\"> {\n  /**\n   * Indeterminate state — shown when only some children in a group are checked.\n   * Takes visual precedence over `checked`.\n   */\n  indeterminate?: boolean;\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * Checkbox for multi-selection, following the GNOME HIG and Adwaita style.\n *\n * Supports three states: unchecked, checked, and indeterminate (mixed).\n * Use `indeterminate` for \"select all\" controls when only some items are selected.\n *\n * Renders as `<input type=\"checkbox\">` — natively keyboard-accessible and\n * compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/checkboxes.html\n */\nexport function Checkbox({ indeterminate = false, className, ...props }: CheckboxProps) {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={[styles.checkbox, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;;AAyBA,SAAgB,EAAS,EAAE,mBAAgB,IAAO,cAAW,GAAG,KAAwB;CACtF,IAAM,IAAM,EAAyB,KAAK;AAQ1C,QANA,QAAgB;AACd,EAAI,EAAI,YACN,EAAI,QAAQ,gBAAgB;IAE7B,CAAC,EAAc,CAAC,EAGjB,kBAAC,SAAD;EACO;EACL,MAAK;EACL,WAAW,CAAC,EAAO,UAAU,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EACjE,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Checkbox.js","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { type InputHTMLAttributes, useEffect, useRef } from 'react';\n\nimport styles from './Checkbox.module.css';\n\nexport interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'> {\n  /**\n   * Indeterminate state — shown when only some children in a group are checked.\n   * Takes visual precedence over `checked`.\n   */\n  indeterminate?: boolean;\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * Checkbox for multi-selection, following the GNOME HIG and Adwaita style.\n *\n * Supports three states: unchecked, checked, and indeterminate (mixed).\n * Use `indeterminate` for \"select all\" controls when only some items are selected.\n *\n * Renders as `<input type=\"checkbox\">` — natively keyboard-accessible and\n * compatible with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/checkboxes.html\n */\nexport const Checkbox = ({ indeterminate = false, className, ...props }: CheckboxProps) => {\n  const ref = useRef<HTMLInputElement>(null);\n\n  useEffect(() => {\n    if (ref.current) {\n      ref.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate]);\n\n  return (\n    <input\n      ref={ref}\n      type=\"checkbox\"\n      className={[styles.checkbox, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;;AAyBA,IAAa,KAAY,EAAE,mBAAgB,IAAO,cAAW,GAAG,QAA2B;CACzF,IAAM,IAAM,EAAyB,IAAI;CAQzC,OANA,QAAgB;EACd,AAAI,EAAI,YACN,EAAI,QAAQ,gBAAgB;CAEhC,GAAG,CAAC,CAAa,CAAC,GAGhB,kBAAC,SAAD;EACO;EACL,MAAK;EACL,WAAW,CAAC,EAAO,UAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;EAChE,GAAI;CACL,CAAA;AAEL"}

package/dist/components/Checkbox/Checkbox.module.css.cjs

@@ -1,2 +1,2 @@
-var e={checkbox:`_checkbox_jnffk_3`};exports.default=e;
+var e={checkbox:`_checkbox_15vcc_3`};exports.default=e;
 //# sourceMappingURL=Checkbox.module.css.cjs.map