@gnome-ui/react 1.45.0 → 1.45.2

package/dist/components/SplitButton/SplitButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./SplitButton.module.css\";\n\nexport type SplitButtonVariant = \"default\" | \"suggested\" | \"destructive\";\n\nexport interface SplitButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Label shown in the primary button. */\n  label: string;\n  /** Visual style. Applies to both the primary and toggle halves. */\n  variant?: SplitButtonVariant;\n  /** Content rendered inside the dropdown panel when the arrow is clicked. */\n  dropdownContent: ReactNode;\n  /** Accessible label for the dropdown toggle button. Defaults to \"More options\". */\n  dropdownLabel?: string;\n  /** Whether both halves are disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Primary action button with an attached dropdown arrow.\n *\n * Clicking the label half fires `onClick`; clicking the arrow half opens a\n * floating panel with `dropdownContent` (menus, options, etc.).\n *\n * Mirrors `AdwSplitButton` — supports `suggested` and `destructive` variants.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SplitButton.html\n */\nexport function SplitButton({\n  label,\n  variant = \"default\",\n  dropdownContent,\n  dropdownLabel = \"More options\",\n  disabled = false,\n  onClick,\n  className,\n  ...props\n}: SplitButtonProps) {\n  const [open, setOpen] = useState(false);\n  const [dropdownStyle, setDropdownStyle] = useState<React.CSSProperties>({});\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  // Position dropdown below the toggle button\n  const place = useCallback(() => {\n    if (!toggleRef.current || !panelRef.current) return;\n    const triggerRect = toggleRef.current.getBoundingClientRect();\n    const panelRect = panelRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n\n    let left = triggerRect.right - panelRect.width;\n    if (left < 8) left = 8;\n    if (left + panelRect.width > vw - 8) left = vw - panelRect.width - 8;\n\n    setDropdownStyle({\n      top: triggerRect.bottom + 6,\n      left,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!open) return;\n    const id = requestAnimationFrame(() => {\n      place();\n      window.addEventListener(\"scroll\", place, { passive: true, capture: true });\n      window.addEventListener(\"resize\", place, { passive: true });\n    });\n    return () => {\n      cancelAnimationFrame(id);\n      window.removeEventListener(\"scroll\", place, { capture: true });\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [open, place]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (\n        !containerRef.current?.contains(e.target as Node) &&\n        !panelRef.current?.contains(e.target as Node)\n      ) {\n        close();\n      }\n    };\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [open, close]);\n\n  const handlePanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Escape\") {\n      e.stopPropagation();\n      close();\n      toggleRef.current?.focus();\n    }\n  };\n\n  const containerClass = [\n    styles.container,\n    styles[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const panel = (\n    <div\n      ref={panelRef}\n      role=\"dialog\"\n      aria-label={dropdownLabel}\n      tabIndex={-1}\n      className={[styles.dropdown, open ? styles.dropdownVisible : null]\n        .filter(Boolean)\n        .join(\" \")}\n      style={\n        Object.keys(dropdownStyle).length\n          ? { ...dropdownStyle, position: \"fixed\" }\n          : { visibility: \"hidden\", pointerEvents: \"none\", top: -9999, left: -9999, position: \"fixed\" }\n      }\n      onKeyDown={handlePanelKeyDown}\n    >\n      {dropdownContent}\n    </div>\n  );\n\n  return (\n    <>\n      <div ref={containerRef} className={containerClass}>\n        <button\n          className={styles.primary}\n          disabled={disabled}\n          onClick={onClick}\n          {...props}\n        >\n          {label}\n        </button>\n\n        <span className={styles.separator} aria-hidden=\"true\" />\n\n        <button\n          ref={toggleRef}\n          className={styles.toggle}\n          disabled={disabled}\n          aria-label={dropdownLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg\n            className={styles.chevron}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {open &&\n        (typeof document !== \"undefined\"\n          ? createPortal(panel, document.body)\n          : panel)}\n    </>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"SplitButton.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './SplitButton.module.css';\n\nexport type SplitButtonVariant = 'default' | 'suggested' | 'destructive';\n\nexport interface SplitButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Label shown in the primary button. */\n  label: string;\n  /** Visual style. Applies to both the primary and toggle halves. */\n  variant?: SplitButtonVariant;\n  /** Content rendered inside the dropdown panel when the arrow is clicked. */\n  dropdownContent: ReactNode;\n  /** Accessible label for the dropdown toggle button. Defaults to \"More options\". */\n  dropdownLabel?: string;\n  /** Whether both halves are disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Primary action button with an attached dropdown arrow.\n *\n * Clicking the label half fires `onClick`; clicking the arrow half opens a\n * floating panel with `dropdownContent` (menus, options, etc.).\n *\n * Mirrors `AdwSplitButton` — supports `suggested` and `destructive` variants.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SplitButton.html\n */\nexport const SplitButton = ({\n  label,\n  variant = 'default',\n  dropdownContent,\n  dropdownLabel = 'More options',\n  disabled = false,\n  onClick,\n  className,\n  ...props\n}: SplitButtonProps) => {\n  const [open, setOpen] = useState(false);\n  const [dropdownStyle, setDropdownStyle] = useState<CSSProperties>({});\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  // Position dropdown below the toggle button\n  const place = useCallback(() => {\n    if (!toggleRef.current || !panelRef.current) {\n      return;\n    }\n\n    const triggerRect = toggleRef.current.getBoundingClientRect();\n    const panelRect = panelRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n\n    let left = triggerRect.right - panelRect.width;\n    if (left < 8) {\n      left = 8;\n    }\n\n    if (left + panelRect.width > vw - 8) {\n      left = vw - panelRect.width - 8;\n    }\n\n    setDropdownStyle({\n      top: triggerRect.bottom + 6,\n      left,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const id = requestAnimationFrame(() => {\n      place();\n      window.addEventListener('scroll', place, { passive: true, capture: true });\n      window.addEventListener('resize', place, { passive: true });\n    });\n\n    return () => {\n      cancelAnimationFrame(id);\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [open, place]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const handler = (e: MouseEvent) => {\n      if (\n        !containerRef.current?.contains(e.target as Node) &&\n        !panelRef.current?.contains(e.target as Node)\n      ) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handler);\n\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open, close]);\n\n  const handlePanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      close();\n      toggleRef.current?.focus();\n    }\n  };\n\n  const containerClass = [styles.container, styles[variant], className].filter(Boolean).join(' ');\n\n  const panel = (\n    <div\n      ref={panelRef}\n      role=\"dialog\"\n      aria-label={dropdownLabel}\n      tabIndex={-1}\n      className={[styles.dropdown, open ? styles.dropdownVisible : null].filter(Boolean).join(' ')}\n      style={\n        Object.keys(dropdownStyle).length\n          ? { ...dropdownStyle, position: 'fixed' }\n          : {\n              visibility: 'hidden',\n              pointerEvents: 'none',\n              top: -9999,\n              left: -9999,\n              position: 'fixed',\n            }\n      }\n      onKeyDown={handlePanelKeyDown}\n    >\n      {dropdownContent}\n    </div>\n  );\n\n  return (\n    <>\n      <div ref={containerRef} className={containerClass}>\n        <button className={styles.primary} disabled={disabled} onClick={onClick} {...props}>\n          {label}\n        </button>\n\n        <span className={styles.separator} aria-hidden=\"true\" />\n\n        <button\n          ref={toggleRef}\n          className={styles.toggle}\n          disabled={disabled}\n          aria-label={dropdownLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg\n            className={styles.chevron}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {open && (typeof document !== 'undefined' ? createPortal(panel, document.body) : panel)}\n    </>\n  );\n};\n"],"mappings":"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"}

package/dist/components/SplitButton/SplitButton.d.ts

@@ -1,6 +1,6 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-export type SplitButtonVariant = "default" | "suggested" | "destructive";
-export interface SplitButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
+export type SplitButtonVariant = 'default' | 'suggested' | 'destructive';
+export interface SplitButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     /** Label shown in the primary button. */
     label: string;
     /** Visual style. Applies to both the primary and toggle halves. */
@@ -22,4 +22,4 @@ export interface SplitButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEl
  *
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SplitButton.html
  */
-export declare function SplitButton({ label, variant, dropdownContent, dropdownLabel, disabled, onClick, className, ...props }: SplitButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare const SplitButton: ({ label, variant, dropdownContent, dropdownLabel, disabled, onClick, className, ...props }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/SplitButton/SplitButton.js

@@ -3,7 +3,7 @@ import { useCallback as t, useEffect as n, useRef as r, useState as i } from "re
 import { createPortal as a } from "react-dom";
 import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/SplitButton/SplitButton.tsx
-function l({ label: l, variant: u = "default", dropdownContent: d, dropdownLabel: f = "More options", disabled: p = !1, onClick: m, className: h, ...g }) {
+var l = ({ label: l, variant: u = "default", dropdownContent: d, dropdownLabel: f = "More options", disabled: p = !1, onClick: m, className: h, ...g }) => {
 	let [_, v] = i(!1), [y, b] = i({}), x = r(null), S = r(null), C = r(null), w = t(() => v(!1), []), T = t(() => {
 		if (!S.current || !C.current) return;
 		let e = S.current.getBoundingClientRect(), t = C.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
@@ -97,7 +97,7 @@ function l({ label: l, variant: u = "default", dropdownContent: d, dropdownLabel
 			})
 		]
 	}), _ && (typeof document < "u" ? a(O, document.body) : O)] });
-}
+};
 //#endregion
 export { l as SplitButton };
 

package/dist/components/SplitButton/SplitButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import {\n  useState,\n  useRef,\n  useEffect,\n  useCallback,\n  type ButtonHTMLAttributes,\n  type ReactNode,\n  type KeyboardEvent,\n} from \"react\";\nimport { createPortal } from \"react-dom\";\nimport styles from \"./SplitButton.module.css\";\n\nexport type SplitButtonVariant = \"default\" | \"suggested\" | \"destructive\";\n\nexport interface SplitButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, \"children\"> {\n  /** Label shown in the primary button. */\n  label: string;\n  /** Visual style. Applies to both the primary and toggle halves. */\n  variant?: SplitButtonVariant;\n  /** Content rendered inside the dropdown panel when the arrow is clicked. */\n  dropdownContent: ReactNode;\n  /** Accessible label for the dropdown toggle button. Defaults to \"More options\". */\n  dropdownLabel?: string;\n  /** Whether both halves are disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Primary action button with an attached dropdown arrow.\n *\n * Clicking the label half fires `onClick`; clicking the arrow half opens a\n * floating panel with `dropdownContent` (menus, options, etc.).\n *\n * Mirrors `AdwSplitButton` — supports `suggested` and `destructive` variants.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SplitButton.html\n */\nexport function SplitButton({\n  label,\n  variant = \"default\",\n  dropdownContent,\n  dropdownLabel = \"More options\",\n  disabled = false,\n  onClick,\n  className,\n  ...props\n}: SplitButtonProps) {\n  const [open, setOpen] = useState(false);\n  const [dropdownStyle, setDropdownStyle] = useState<React.CSSProperties>({});\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  // Position dropdown below the toggle button\n  const place = useCallback(() => {\n    if (!toggleRef.current || !panelRef.current) return;\n    const triggerRect = toggleRef.current.getBoundingClientRect();\n    const panelRect = panelRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n\n    let left = triggerRect.right - panelRect.width;\n    if (left < 8) left = 8;\n    if (left + panelRect.width > vw - 8) left = vw - panelRect.width - 8;\n\n    setDropdownStyle({\n      top: triggerRect.bottom + 6,\n      left,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!open) return;\n    const id = requestAnimationFrame(() => {\n      place();\n      window.addEventListener(\"scroll\", place, { passive: true, capture: true });\n      window.addEventListener(\"resize\", place, { passive: true });\n    });\n    return () => {\n      cancelAnimationFrame(id);\n      window.removeEventListener(\"scroll\", place, { capture: true });\n      window.removeEventListener(\"resize\", place);\n    };\n  }, [open, place]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) return;\n    const handler = (e: MouseEvent) => {\n      if (\n        !containerRef.current?.contains(e.target as Node) &&\n        !panelRef.current?.contains(e.target as Node)\n      ) {\n        close();\n      }\n    };\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [open, close]);\n\n  const handlePanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === \"Escape\") {\n      e.stopPropagation();\n      close();\n      toggleRef.current?.focus();\n    }\n  };\n\n  const containerClass = [\n    styles.container,\n    styles[variant],\n    className,\n  ]\n    .filter(Boolean)\n    .join(\" \");\n\n  const panel = (\n    <div\n      ref={panelRef}\n      role=\"dialog\"\n      aria-label={dropdownLabel}\n      tabIndex={-1}\n      className={[styles.dropdown, open ? styles.dropdownVisible : null]\n        .filter(Boolean)\n        .join(\" \")}\n      style={\n        Object.keys(dropdownStyle).length\n          ? { ...dropdownStyle, position: \"fixed\" }\n          : { visibility: \"hidden\", pointerEvents: \"none\", top: -9999, left: -9999, position: \"fixed\" }\n      }\n      onKeyDown={handlePanelKeyDown}\n    >\n      {dropdownContent}\n    </div>\n  );\n\n  return (\n    <>\n      <div ref={containerRef} className={containerClass}>\n        <button\n          className={styles.primary}\n          disabled={disabled}\n          onClick={onClick}\n          {...props}\n        >\n          {label}\n        </button>\n\n        <span className={styles.separator} aria-hidden=\"true\" />\n\n        <button\n          ref={toggleRef}\n          className={styles.toggle}\n          disabled={disabled}\n          aria-label={dropdownLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg\n            className={styles.chevron}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {open &&\n        (typeof document !== \"undefined\"\n          ? createPortal(panel, document.body)\n          : panel)}\n    </>\n  );\n}\n"],"mappings":";;;;;AAsCA,SAAgB,EAAY,EAC1B,UACA,aAAU,WACV,oBACA,mBAAgB,gBAChB,cAAW,IACX,YACA,cACA,GAAG,KACgB;CACnB,IAAM,CAAC,GAAM,KAAW,EAAS,GAAM,EACjC,CAAC,GAAe,KAAoB,EAA8B,EAAE,CAAC,EAErE,IAAe,EAAuB,KAAK,EAC3C,IAAY,EAA0B,KAAK,EAC3C,IAAW,EAAuB,KAAK,EAEvC,IAAQ,QAAkB,EAAQ,GAAM,EAAE,EAAE,CAAC,EAG7C,IAAQ,QAAkB;AAC9B,MAAI,CAAC,EAAU,WAAW,CAAC,EAAS,QAAS;EAC7C,IAAM,IAAc,EAAU,QAAQ,uBAAuB,EACvD,IAAY,EAAS,QAAQ,uBAAuB,EACpD,IAAK,OAAO,YAEd,IAAO,EAAY,QAAQ,EAAU;AAIzC,EAHI,IAAO,MAAG,IAAO,IACjB,IAAO,EAAU,QAAQ,IAAK,MAAG,IAAO,IAAK,EAAU,QAAQ,IAEnE,EAAiB;GACf,KAAK,EAAY,SAAS;GAC1B;GACD,CAAC;IACD,EAAE,CAAC;AAiBN,CAfA,QAAgB;AACd,MAAI,CAAC,EAAM;EACX,IAAM,IAAK,4BAA4B;AAGrC,GAFA,GAAO,EACP,OAAO,iBAAiB,UAAU,GAAO;IAAE,SAAS;IAAM,SAAS;IAAM,CAAC,EAC1E,OAAO,iBAAiB,UAAU,GAAO,EAAE,SAAS,IAAM,CAAC;IAC3D;AACF,eAAa;AAGX,GAFA,qBAAqB,EAAG,EACxB,OAAO,oBAAoB,UAAU,GAAO,EAAE,SAAS,IAAM,CAAC,EAC9D,OAAO,oBAAoB,UAAU,EAAM;;IAE5C,CAAC,GAAM,EAAM,CAAC,EAGjB,QAAgB;AACd,MAAI,CAAC,EAAM;EACX,IAAM,KAAW,MAAkB;AACjC,GACE,CAAC,EAAa,SAAS,SAAS,EAAE,OAAe,IACjD,CAAC,EAAS,SAAS,SAAS,EAAE,OAAe,IAE7C,GAAO;;AAIX,SADA,SAAS,iBAAiB,aAAa,EAAQ,QAClC,SAAS,oBAAoB,aAAa,EAAQ;IAC9D,CAAC,GAAM,EAAM,CAAC;CAEjB,IAAM,KAAsB,MAAqC;AAC/D,EAAI,EAAE,QAAQ,aACZ,EAAE,iBAAiB,EACnB,GAAO,EACP,EAAU,SAAS,OAAO;IAIxB,IAAiB;EACrB,EAAO;EACP,EAAO;EACP;EACD,CACE,OAAO,QAAQ,CACf,KAAK,IAAI,EAEN,IACJ,kBAAC,OAAD;EACE,KAAK;EACL,MAAK;EACL,cAAY;EACZ,UAAU;EACV,WAAW,CAAC,EAAO,UAAU,IAAO,EAAO,kBAAkB,KAAK,CAC/D,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,OACE,OAAO,KAAK,EAAc,CAAC,SACvB;GAAE,GAAG;GAAe,UAAU;GAAS,GACvC;GAAE,YAAY;GAAU,eAAe;GAAQ,KAAK;GAAO,MAAM;GAAO,UAAU;GAAS;EAEjG,WAAW;YAEV;EACG,CAAA;AAGR,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;EAAK,KAAK;EAAc,WAAW;YAAnC;GACE,kBAAC,UAAD;IACE,WAAW,EAAO;IACR;IACD;IACT,GAAI;cAEH;IACM,CAAA;GAET,kBAAC,QAAD;IAAM,WAAW,EAAO;IAAW,eAAY;IAAS,CAAA;GAExD,kBAAC,UAAD;IACE,KAAK;IACL,WAAW,EAAO;IACR;IACV,cAAY;IACZ,iBAAc;IACd,iBAAe;IACf,eAAe,GAAS,MAAM,CAAC,EAAE;cAEjC,kBAAC,OAAD;KACE,WAAW,EAAO;KAClB,OAAM;KACN,QAAO;KACP,SAAQ;KACR,eAAY;KACZ,WAAU;eAEV,kBAAC,QAAD;MACE,GAAE;MACF,MAAK;MACL,QAAO;MACP,aAAY;MACZ,eAAc;MACd,gBAAe;MACf,CAAA;KACE,CAAA;IACC,CAAA;GACL;KAEL,MACE,OAAO,WAAa,MACjB,EAAa,GAAO,SAAS,KAAK,GAClC,GACL,EAAA,CAAA"}
+{"version":3,"file":"SplitButton.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.tsx"],"sourcesContent":["import {\n  type ButtonHTMLAttributes,\n  type CSSProperties,\n  type KeyboardEvent,\n  type ReactNode,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { createPortal } from 'react-dom';\n\nimport styles from './SplitButton.module.css';\n\nexport type SplitButtonVariant = 'default' | 'suggested' | 'destructive';\n\nexport interface SplitButtonProps\n  extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {\n  /** Label shown in the primary button. */\n  label: string;\n  /** Visual style. Applies to both the primary and toggle halves. */\n  variant?: SplitButtonVariant;\n  /** Content rendered inside the dropdown panel when the arrow is clicked. */\n  dropdownContent: ReactNode;\n  /** Accessible label for the dropdown toggle button. Defaults to \"More options\". */\n  dropdownLabel?: string;\n  /** Whether both halves are disabled. */\n  disabled?: boolean;\n}\n\n/**\n * Primary action button with an attached dropdown arrow.\n *\n * Clicking the label half fires `onClick`; clicking the arrow half opens a\n * floating panel with `dropdownContent` (menus, options, etc.).\n *\n * Mirrors `AdwSplitButton` — supports `suggested` and `destructive` variants.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.SplitButton.html\n */\nexport const SplitButton = ({\n  label,\n  variant = 'default',\n  dropdownContent,\n  dropdownLabel = 'More options',\n  disabled = false,\n  onClick,\n  className,\n  ...props\n}: SplitButtonProps) => {\n  const [open, setOpen] = useState(false);\n  const [dropdownStyle, setDropdownStyle] = useState<CSSProperties>({});\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const toggleRef = useRef<HTMLButtonElement>(null);\n  const panelRef = useRef<HTMLDivElement>(null);\n\n  const close = useCallback(() => setOpen(false), []);\n\n  // Position dropdown below the toggle button\n  const place = useCallback(() => {\n    if (!toggleRef.current || !panelRef.current) {\n      return;\n    }\n\n    const triggerRect = toggleRef.current.getBoundingClientRect();\n    const panelRect = panelRef.current.getBoundingClientRect();\n    const vw = window.innerWidth;\n\n    let left = triggerRect.right - panelRect.width;\n    if (left < 8) {\n      left = 8;\n    }\n\n    if (left + panelRect.width > vw - 8) {\n      left = vw - panelRect.width - 8;\n    }\n\n    setDropdownStyle({\n      top: triggerRect.bottom + 6,\n      left,\n    });\n  }, []);\n\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const id = requestAnimationFrame(() => {\n      place();\n      window.addEventListener('scroll', place, { passive: true, capture: true });\n      window.addEventListener('resize', place, { passive: true });\n    });\n\n    return () => {\n      cancelAnimationFrame(id);\n      window.removeEventListener('scroll', place, { capture: true });\n      window.removeEventListener('resize', place);\n    };\n  }, [open, place]);\n\n  // Close on outside click\n  useEffect(() => {\n    if (!open) {\n      return;\n    }\n\n    const handler = (e: MouseEvent) => {\n      if (\n        !containerRef.current?.contains(e.target as Node) &&\n        !panelRef.current?.contains(e.target as Node)\n      ) {\n        close();\n      }\n    };\n\n    document.addEventListener('mousedown', handler);\n\n    return () => document.removeEventListener('mousedown', handler);\n  }, [open, close]);\n\n  const handlePanelKeyDown = (e: KeyboardEvent<HTMLDivElement>) => {\n    if (e.key === 'Escape') {\n      e.stopPropagation();\n      close();\n      toggleRef.current?.focus();\n    }\n  };\n\n  const containerClass = [styles.container, styles[variant], className].filter(Boolean).join(' ');\n\n  const panel = (\n    <div\n      ref={panelRef}\n      role=\"dialog\"\n      aria-label={dropdownLabel}\n      tabIndex={-1}\n      className={[styles.dropdown, open ? styles.dropdownVisible : null].filter(Boolean).join(' ')}\n      style={\n        Object.keys(dropdownStyle).length\n          ? { ...dropdownStyle, position: 'fixed' }\n          : {\n              visibility: 'hidden',\n              pointerEvents: 'none',\n              top: -9999,\n              left: -9999,\n              position: 'fixed',\n            }\n      }\n      onKeyDown={handlePanelKeyDown}\n    >\n      {dropdownContent}\n    </div>\n  );\n\n  return (\n    <>\n      <div ref={containerRef} className={containerClass}>\n        <button className={styles.primary} disabled={disabled} onClick={onClick} {...props}>\n          {label}\n        </button>\n\n        <span className={styles.separator} aria-hidden=\"true\" />\n\n        <button\n          ref={toggleRef}\n          className={styles.toggle}\n          disabled={disabled}\n          aria-label={dropdownLabel}\n          aria-haspopup=\"dialog\"\n          aria-expanded={open}\n          onClick={() => setOpen((v) => !v)}\n        >\n          <svg\n            className={styles.chevron}\n            width=\"16\"\n            height=\"16\"\n            viewBox=\"0 0 16 16\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path\n              d=\"M4 6l4 4 4-4\"\n              fill=\"none\"\n              stroke=\"currentColor\"\n              strokeWidth=\"1.5\"\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n            />\n          </svg>\n        </button>\n      </div>\n\n      {open && (typeof document !== 'undefined' ? createPortal(panel, document.body) : panel)}\n    </>\n  );\n};\n"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var e={container:`_container_4kjnf_3`,primary:`_primary_4kjnf_14`,toggle:`_toggle_4kjnf_15`,separator:`_separator_4kjnf_66`,chevron:`_chevron_4kjnf_81`,default:`_default_4kjnf_88`,suggested:`_suggested_4kjnf_123`,destructive:`_destructive_4kjnf_145`,dropdown:`_dropdown_4kjnf_167`,dropdownVisible:`_dropdownVisible_4kjnf_185`};exports.default=e;
+var e={container:`_container_1reqz_3`,primary:`_primary_1reqz_14`,toggle:`_toggle_1reqz_15`,separator:`_separator_1reqz_67`,chevron:`_chevron_1reqz_82`,default:`_default_1reqz_89`,suggested:`_suggested_1reqz_124`,destructive:`_destructive_1reqz_146`,dropdown:`_dropdown_1reqz_168`,dropdownVisible:`_dropdownVisible_1reqz_186`};exports.default=e;
 //# sourceMappingURL=SplitButton.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.module.css.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\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.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SplitButton.module.css.cjs","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n    var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\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.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n      var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px)\n      var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}

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

@@ -1,14 +1,14 @@
 var e = {
-	container: "_container_4kjnf_3",
-	primary: "_primary_4kjnf_14",
-	toggle: "_toggle_4kjnf_15",
-	separator: "_separator_4kjnf_66",
-	chevron: "_chevron_4kjnf_81",
-	default: "_default_4kjnf_88",
-	suggested: "_suggested_4kjnf_123",
-	destructive: "_destructive_4kjnf_145",
-	dropdown: "_dropdown_4kjnf_167",
-	dropdownVisible: "_dropdownVisible_4kjnf_185"
+	container: "_container_1reqz_3",
+	primary: "_primary_1reqz_14",
+	toggle: "_toggle_1reqz_15",
+	separator: "_separator_1reqz_67",
+	chevron: "_chevron_1reqz_82",
+	default: "_default_1reqz_89",
+	suggested: "_suggested_1reqz_124",
+	destructive: "_destructive_1reqz_146",
+	dropdown: "_dropdown_1reqz_168",
+	dropdownVisible: "_dropdownVisible_1reqz_186"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.module.css.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\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.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width)) var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px) var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"SplitButton.module.css.js","names":[],"sources":["../../../src/components/SplitButton/SplitButton.module.css"],"sourcesContent":["/* ─── Container ─────────────────────────────────────────────────────────────── */\n\n.container {\n  display: inline-flex;\n  align-items: stretch;\n  border-radius: var(--gnome-radius-md);\n  border: 1px solid transparent;\n  overflow: visible;\n  position: relative;\n}\n\n/* ─── Shared button base ────────────────────────────────────────────────────── */\n\n.primary,\n.toggle {\n  appearance: none;\n  -webkit-appearance: none;\n  border: none;\n  outline: none;\n  font: inherit;\n  cursor: pointer;\n  user-select: none;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body);\n  font-weight: var(--gnome-font-weight-semibold);\n  line-height: 1;\n  white-space: nowrap;\n\n  min-height: 34px;\n\n  transition:\n    background-color var(--gnome-duration-fast) var(--gnome-easing-default),\n    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.primary:focus-visible,\n.toggle:focus-visible {\n  box-shadow:\n    0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n    0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n    var(--gnome-focus-ring-color);\n  position: relative;\n  z-index: 1;\n}\n\n.primary:disabled,\n.toggle:disabled {\n  opacity: var(--gnome-opacity-disabled);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Primary half ──────────────────────────────────────────────────────────── */\n\n.primary {\n  border-radius: var(--gnome-radius-md) 0 0 var(--gnome-radius-md);\n  padding: var(--gnome-space-1) var(--gnome-space-2);\n  background: transparent;\n}\n\n/* ─── Separator ─────────────────────────────────────────────────────────────── */\n\n.separator {\n  display: block;\n  width: 1px;\n  align-self: stretch;\n  flex-shrink: 0;\n}\n\n/* ─── Toggle (arrow) half ───────────────────────────────────────────────────── */\n\n.toggle {\n  border-radius: 0 var(--gnome-radius-md) var(--gnome-radius-md) 0;\n  padding: var(--gnome-space-1) 8px;\n  background: transparent;\n}\n\n.chevron {\n  display: block;\n  flex-shrink: 0;\n}\n\n/* ─── Variant: default ──────────────────────────────────────────────────────── */\n\n.default {\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border-color: var(--gnome-light-3, #deddda);\n  box-shadow: var(--gnome-shadow-sm);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.default .primary:hover:not(:disabled),\n.default .toggle:hover:not(:disabled) {\n  background-color: var(--gnome-hover-overlay);\n}\n\n.default .primary:active:not(:disabled),\n.default .toggle:active:not(:disabled) {\n  background-color: var(--gnome-active-overlay);\n}\n\n.default .separator {\n  background-color: var(--gnome-light-3, #deddda);\n}\n\n@media (prefers-color-scheme: dark) {\n  .default {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.12);\n    box-shadow: none;\n  }\n\n  .default .separator {\n    background-color: rgba(255, 255, 255, 0.12);\n  }\n}\n\n/* ─── Variant: suggested ────────────────────────────────────────────────────── */\n\n.suggested {\n  background-color: var(--gnome-accent-bg-color);\n  border-color: transparent;\n  color: var(--gnome-accent-fg-color);\n}\n\n.suggested .primary:hover:not(:disabled),\n.suggested .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.suggested .primary:active:not(:disabled),\n.suggested .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.suggested .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Variant: destructive ──────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: var(--gnome-destructive-bg-color);\n  border-color: transparent;\n  color: var(--gnome-destructive-fg-color);\n}\n\n.destructive .primary:hover:not(:disabled),\n.destructive .toggle:hover:not(:disabled) {\n  filter: brightness(1.08);\n}\n\n.destructive .primary:active:not(:disabled),\n.destructive .toggle:active:not(:disabled) {\n  filter: brightness(0.92);\n}\n\n.destructive .separator {\n  background-color: rgba(255, 255, 255, 0.25);\n}\n\n/* ─── Dropdown panel ────────────────────────────────────────────────────────── */\n\n.dropdown {\n  position: fixed;\n  z-index: var(--gnome-z-popover, 1000);\n  min-width: 160px;\n\n  background-color: var(--gnome-popover-bg-color, #ffffff);\n  border: 1px solid var(--gnome-popover-border-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md);\n  box-shadow: var(--gnome-shadow-md, 0 4px 16px rgba(0, 0, 0, 0.18));\n  padding: var(--gnome-space-1, 6px);\n\n  opacity: 0;\n  transform: translateY(-4px);\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.dropdownVisible {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n@media (prefers-color-scheme: dark) {\n  .dropdown {\n    background-color: var(--gnome-popover-bg-color, #2d2d2d);\n    border-color: rgba(255, 255, 255, 0.1);\n  }\n}\n\n/* ─── High contrast ─────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .default {\n    border-width: 2px;\n    box-shadow: none;\n  }\n\n  .primary:focus-visible,\n  .toggle:focus-visible {\n    box-shadow:\n      0 0 0 var(--gnome-focus-ring-offset) var(--gnome-window-bg-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width))\n      var(--gnome-focus-ring-color),\n      0 0 0 calc(var(--gnome-focus-ring-offset) + var(--gnome-focus-ring-width) + 1px)\n      var(--gnome-window-bg-color);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { SplitButton } from './SplitButton';
 export type { SplitButtonProps, SplitButtonVariant } from './SplitButton';
+export { SplitButton } from './SplitButton';

package/dist/components/SplitButton.cjs

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

package/dist/components/StatusBadge/StatusBadge.cjs

@@ -1,2 +1,2 @@
-const e=require(`./StatusBadge.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({variant:n=`neutral`,className:r,children:i,...a}){return(0,t.jsx)(`span`,{className:[e.default.badge,e.default[n],r].filter(Boolean).join(` `),...a,children:i})}exports.StatusBadge=n;
+const e=require("./StatusBadge.module.css.cjs");let t=require("react/jsx-runtime");var n=({variant:n=`neutral`,className:r,children:i,...a})=>(0,t.jsx)(`span`,{className:[e.default.badge,e.default[n],r].filter(Boolean).join(` `),...a,children:i});exports.StatusBadge=n;
 //# sourceMappingURL=StatusBadge.cjs.map

package/dist/components/StatusBadge/StatusBadge.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\n\nexport type StatusBadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"new\"\n  | \"accent\"\n  | \"neutral\";\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = \"neutral\",\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":"mFAqCA,SAAgB,EAAY,CAC1B,UAAU,UACV,YACA,WACA,GAAG,GACgB,CACnB,OACE,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAA,QAAO,GAAU,EAAU,CAClD,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,EAEH,WACI,CAAA"}
+{"version":3,"file":"StatusBadge.cjs","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './StatusBadge.module.css';\n\nexport type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport const StatusBadge = ({\n  variant = 'neutral',\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) => {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":"mFAgCA,IAAa,GAAe,CAC1B,UAAU,UACV,YACA,WACA,GAAG,MAGD,EAAA,EAAA,KAAC,OAAD,CACE,UAAW,CAAC,EAAA,QAAO,MAAO,EAAA,QAAO,GAAU,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9E,GAAI,EAEH,UACG,CAAA"}

package/dist/components/StatusBadge/StatusBadge.d.ts

@@ -1,5 +1,5 @@
 import { HTMLAttributes, ReactNode } from 'react';
-export type StatusBadgeVariant = "success" | "warning" | "error" | "new" | "accent" | "neutral";
+export type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';
 export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
     /**
      * Visual style. Defaults to `"neutral"`.
@@ -25,4 +25,4 @@ export interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {
  * <StatusBadge variant="new">new</StatusBadge>
  * ```
  */
-export declare function StatusBadge({ variant, className, children, ...props }: StatusBadgeProps): import("react/jsx-runtime").JSX.Element;
+export declare const StatusBadge: ({ variant, className, children, ...props }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusBadge/StatusBadge.js

@@ -1,17 +1,15 @@
 import e from "./StatusBadge.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/StatusBadge/StatusBadge.tsx
-function n({ variant: n = "neutral", className: r, children: i, ...a }) {
-	return /* @__PURE__ */ t("span", {
-		className: [
-			e.badge,
-			e[n],
-			r
-		].filter(Boolean).join(" "),
-		...a,
-		children: i
-	});
-}
+var n = ({ variant: n = "neutral", className: r, children: i, ...a }) => /* @__PURE__ */ t("span", {
+	className: [
+		e.badge,
+		e[n],
+		r
+	].filter(Boolean).join(" "),
+	...a,
+	children: i
+});
 //#endregion
 export { n as StatusBadge };
 

package/dist/components/StatusBadge/StatusBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport styles from \"./StatusBadge.module.css\";\n\nexport type StatusBadgeVariant =\n  | \"success\"\n  | \"warning\"\n  | \"error\"\n  | \"new\"\n  | \"accent\"\n  | \"neutral\";\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport function StatusBadge({\n  variant = \"neutral\",\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n}\n"],"mappings":";;;AAqCA,SAAgB,EAAY,EAC1B,aAAU,WACV,cACA,aACA,GAAG,KACgB;AACnB,QACE,kBAAC,QAAD;EACE,WAAW;GAAC,EAAO;GAAO,EAAO;GAAU;GAAU,CAClD,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;EAEH;EACI,CAAA"}
+{"version":3,"file":"StatusBadge.js","names":[],"sources":["../../../src/components/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react';\n\nimport styles from './StatusBadge.module.css';\n\nexport type StatusBadgeVariant = 'success' | 'warning' | 'error' | 'new' | 'accent' | 'neutral';\n\nexport interface StatusBadgeProps extends HTMLAttributes<HTMLSpanElement> {\n  /**\n   * Visual style. Defaults to `\"neutral\"`.\n   * - `success` — green (`--gnome-success-*`), for published / active states.\n   * - `warning` — yellow (`--gnome-warning-*`), for beta / pending states.\n   * - `error`   — red (`--gnome-error-*`), for failed / rejected states.\n   * - `new`     — purple (`--gnome-new-*`), for newly released / featured items.\n   * - `accent`  — blue (`--gnome-accent-*`), for highlighted / primary states.\n   * - `neutral` — muted overlay, for draft / archived / inactive states.\n   */\n  variant?: StatusBadgeVariant;\n  children: ReactNode;\n}\n\n/**\n * Pill-shaped text label for entity status — published, beta, new, etc.\n *\n * Unlike `Badge` (which is for numeric counts), `StatusBadge` is designed\n * for short human-readable state labels.\n *\n * ```tsx\n * <StatusBadge variant=\"success\">published</StatusBadge>\n * <StatusBadge variant=\"warning\">beta</StatusBadge>\n * <StatusBadge variant=\"new\">new</StatusBadge>\n * ```\n */\nexport const StatusBadge = ({\n  variant = 'neutral',\n  className,\n  children,\n  ...props\n}: StatusBadgeProps) => {\n  return (\n    <span\n      className={[styles.badge, styles[variant], className].filter(Boolean).join(' ')}\n      {...props}\n    >\n      {children}\n    </span>\n  );\n};\n"],"mappings":";;;AAgCA,IAAa,KAAe,EAC1B,aAAU,WACV,cACA,aACA,GAAG,QAGD,kBAAC,QAAD;CACE,WAAW;EAAC,EAAO;EAAO,EAAO;EAAU;CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC9E,GAAI;CAEH;AACG,CAAA"}

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

@@ -1,2 +1,2 @@
-export { StatusBadge } from './StatusBadge';
 export type { StatusBadgeProps, StatusBadgeVariant } from './StatusBadge';
+export { StatusBadge } from './StatusBadge';

package/dist/components/StatusBadge.cjs

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

package/dist/components/StatusPage/StatusPage.cjs

@@ -1,2 +1,2 @@
-const e=require(`../Icon/Icon.cjs`),t=require(`./StatusPage.module.css.cjs`);let n=require(`react/jsx-runtime`);function r({icon:r,iconNode:i,title:a,description:o,children:s,compact:c=!1,className:l,...u}){let d=c?64:128,f=r?(0,n.jsx)(e.Icon,{icon:r,width:d,height:d,"aria-hidden":!0}):i??null;return(0,n.jsxs)(`div`,{className:[t.default.page,c?t.default.compact:null,l].filter(Boolean).join(` `),...u,children:[f&&(0,n.jsx)(`div`,{className:t.default.iconWrap,"aria-hidden":`true`,children:f}),(0,n.jsx)(`p`,{className:t.default.title,children:a}),o&&(0,n.jsx)(`p`,{className:t.default.description,children:o}),s&&(0,n.jsx)(`div`,{className:t.default.actions,children:s})]})}exports.StatusPage=r;
+const e=require("../Icon/Icon.cjs"),t=require("./StatusPage.module.css.cjs");let n=require("react/jsx-runtime");var r=({icon:r,iconNode:i,title:a,description:o,children:s,compact:c=!1,className:l,...u})=>{let d=c?64:128,f=r?(0,n.jsx)(e.Icon,{icon:r,width:d,height:d,"aria-hidden":!0}):i??null;return(0,n.jsxs)(`div`,{className:[t.default.page,c?t.default.compact:null,l].filter(Boolean).join(` `),...u,children:[f&&(0,n.jsx)(`div`,{className:t.default.iconWrap,"aria-hidden":`true`,children:f}),(0,n.jsx)(`p`,{className:t.default.title,children:a}),o&&(0,n.jsx)(`p`,{className:t.default.description,children:o}),s&&(0,n.jsx)(`div`,{className:t.default.actions,children:s})]})};exports.StatusPage=r;
 //# sourceMappingURL=StatusPage.cjs.map

package/dist/components/StatusPage/StatusPage.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./StatusPage.module.css\";\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon\n    ? <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n    : iconNode ?? null;\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && (\n        <p className={styles.description}>{description}</p>\n      )}\n\n      {children && (\n        <div className={styles.actions}>{children}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"gHA2CA,SAAgB,EAAW,CACzB,OACA,WACA,QACA,cACA,WACA,UAAU,GACV,YACA,GAAG,GACe,CAClB,IAAM,EAAW,EAAU,GAAK,IAC1B,EAAc,GAChB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,MAAO,EAAU,OAAQ,EAAU,cAAA,GAAc,CAAA,CACnE,GAAY,KAEhB,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAU,EAAA,QAAO,QAAU,KAAM,EAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI,CACZ,GAAI,WAJN,CAMG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC1C,EACG,CAAA,EAGR,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,EAAU,CAAA,CAEtC,IACC,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,EAAgB,CAAA,CAGpD,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,WAAe,CAAA,CAE9C"}
+{"version":3,"file":"StatusPage.cjs","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport const StatusPage = ({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) => {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n};\n"],"mappings":"gHA6CA,IAAa,GAAc,CACzB,OACA,WACA,QACA,cACA,WACA,UAAU,GACV,YACA,GAAG,KACkB,CACrB,IAAM,EAAW,EAAU,GAAK,IAC1B,EAAc,GAClB,EAAA,EAAA,KAAC,EAAA,KAAD,CAAY,OAAM,MAAO,EAAU,OAAQ,EAAU,cAAA,EAAa,CAAA,EAEjE,GAAY,KAGf,OACE,EAAA,EAAA,MAAC,MAAD,CACE,UAAW,CAAC,EAAA,QAAO,KAAM,EAAU,EAAA,QAAO,QAAU,KAAM,CAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG,EACX,GAAI,WAJN,CAMG,IACC,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,SAAU,cAAY,gBAC1C,CACE,CAAA,GAGP,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,eAAQ,CAAS,CAAA,EAErC,IAAe,EAAA,EAAA,KAAC,IAAD,CAAG,UAAW,EAAA,QAAO,qBAAc,CAAe,CAAA,EAEjE,IAAY,EAAA,EAAA,KAAC,MAAD,CAAK,UAAW,EAAA,QAAO,QAAU,UAAc,CAAA,CACzD,GAET"}

package/dist/components/StatusPage/StatusPage.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
 import { IconDefinition } from '@gnome-ui/icons';
+import { HTMLAttributes, ReactNode } from 'react';
 export interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Large icon displayed above the title.
@@ -37,4 +37,4 @@ export interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {
  * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html
  * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html
  */
-export declare function StatusPage({ icon, iconNode, title, description, children, compact, className, ...props }: StatusPageProps): import("react/jsx-runtime").JSX.Element;
+export declare const StatusPage: ({ icon, iconNode, title, description, children, compact, className, ...props }: StatusPageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusPage/StatusPage.js

@@ -2,7 +2,7 @@ import { Icon as e } from "../Icon/Icon.js";
 import t from "./StatusPage.module.css.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 //#region src/components/StatusPage/StatusPage.tsx
-function i({ icon: i, iconNode: a, title: o, description: s, children: c, compact: l = !1, className: u, ...d }) {
+var i = ({ icon: i, iconNode: a, title: o, description: s, children: c, compact: l = !1, className: u, ...d }) => {
 	let f = l ? 64 : 128, p = i ? /* @__PURE__ */ n(e, {
 		icon: i,
 		width: f,
@@ -36,7 +36,7 @@ function i({ icon: i, iconNode: a, title: o, description: s, children: c, compac
 			})
 		]
 	});
-}
+};
 //#endregion
 export { i as StatusPage };
 

package/dist/components/StatusPage/StatusPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport type { IconDefinition } from \"@gnome-ui/icons\";\nimport { Icon } from \"../Icon\";\nimport styles from \"./StatusPage.module.css\";\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport function StatusPage({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon\n    ? <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n    : iconNode ?? null;\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(\" \")}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && (\n        <p className={styles.description}>{description}</p>\n      )}\n\n      {children && (\n        <div className={styles.actions}>{children}</div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;AA2CA,SAAgB,EAAW,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,KACe;CAClB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAChB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;EAAc,CAAA,GACnE,KAAY;AAEhB,QACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;GAAU,CACjE,OAAO,QAAQ,CACf,KAAK,IAAI;EACZ,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;IACG,CAAA;GAGR,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;IAAU,CAAA;GAEtC,KACC,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;IAAgB,CAAA;GAGpD,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;IAAe,CAAA;GAE9C"}
+{"version":3,"file":"StatusPage.js","names":[],"sources":["../../../src/components/StatusPage/StatusPage.tsx"],"sourcesContent":["import type { IconDefinition } from '@gnome-ui/icons';\nimport type { HTMLAttributes, ReactNode } from 'react';\n\nimport { Icon } from '../Icon';\n\nimport styles from './StatusPage.module.css';\n\nexport interface StatusPageProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Large icon displayed above the title.\n   * Use an icon from `@gnome-ui/icons` or omit for a text-only page.\n   */\n  icon?: IconDefinition;\n  /**\n   * Custom icon node. Use when you need an image, emoji, or\n   * a rendered SVG that is not part of `@gnome-ui/icons`.\n   * Ignored when `icon` is also provided.\n   */\n  iconNode?: ReactNode;\n  /** Main heading. Keep it short — one noun phrase. */\n  title: string;\n  /** Supporting description rendered below the title. */\n  description?: string;\n  /**\n   * Optional action area — typically one or two `<Button>` elements.\n   * Rendered below the description.\n   */\n  children?: ReactNode;\n  /**\n   * Reduces padding, icon size, and title scale for use in compact\n   * contexts such as sidebars, popovers, and small panels.\n   * Mirrors the `.compact` style class.\n   */\n  compact?: boolean;\n}\n\n/**\n * Empty-state / status page following the Adwaita `AdwStatusPage` pattern.\n *\n * Use to fill a view with no content yet, an error state, or a completion\n * confirmation. Centred both horizontally and vertically.\n *\n * @see https://gnome.pages.gitlab.gnome.org/libadwaita/doc/main/class.StatusPage.html\n * @see https://developer.gnome.org/hig/patterns/feedback/empty-states.html\n */\nexport const StatusPage = ({\n  icon,\n  iconNode,\n  title,\n  description,\n  children,\n  compact = false,\n  className,\n  ...props\n}: StatusPageProps) => {\n  const iconSize = compact ? 64 : 128;\n  const iconContent = icon ? (\n    <Icon icon={icon} width={iconSize} height={iconSize} aria-hidden />\n  ) : (\n    (iconNode ?? null)\n  );\n\n  return (\n    <div\n      className={[styles.page, compact ? styles.compact : null, className]\n        .filter(Boolean)\n        .join(' ')}\n      {...props}\n    >\n      {iconContent && (\n        <div className={styles.iconWrap} aria-hidden=\"true\">\n          {iconContent}\n        </div>\n      )}\n\n      <p className={styles.title}>{title}</p>\n\n      {description && <p className={styles.description}>{description}</p>}\n\n      {children && <div className={styles.actions}>{children}</div>}\n    </div>\n  );\n};\n"],"mappings":";;;;AA6CA,IAAa,KAAc,EACzB,SACA,aACA,UACA,gBACA,aACA,aAAU,IACV,cACA,GAAG,QACkB;CACrB,IAAM,IAAW,IAAU,KAAK,KAC1B,IAAc,IAClB,kBAAC,GAAD;EAAY;EAAM,OAAO;EAAU,QAAQ;EAAU,eAAA;CAAa,CAAA,IAEjE,KAAY;CAGf,OACE,kBAAC,OAAD;EACE,WAAW;GAAC,EAAO;GAAM,IAAU,EAAO,UAAU;GAAM;EAAS,EAChE,OAAO,OAAO,EACd,KAAK,GAAG;EACX,GAAI;YAJN;GAMG,KACC,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU,eAAY;cAC1C;GACE,CAAA;GAGP,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAQ;GAAS,CAAA;GAErC,KAAe,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAc;GAAe,CAAA;GAEjE,KAAY,kBAAC,OAAD;IAAK,WAAW,EAAO;IAAU;GAAc,CAAA;EACzD;;AAET"}

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

@@ -1,2 +1,2 @@
-export { StatusPage } from './StatusPage';
 export type { StatusPageProps } from './StatusPage';
+export { StatusPage } from './StatusPage';

package/dist/components/StatusPage.cjs

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

package/dist/components/Switch/Switch.cjs

@@ -1,2 +1,2 @@
-const e=require(`./Switch.module.css.cjs`);let t=require(`react/jsx-runtime`);function n({className:n,...r}){return(0,t.jsx)(`input`,{type:`checkbox`,role:`switch`,className:[e.default.switch,n].filter(Boolean).join(` `),...r})}exports.Switch=n;
+const e=require("./Switch.module.css.cjs");let t=require("react/jsx-runtime");var n=({className:n,...r})=>(0,t.jsx)(`input`,{type:`checkbox`,role:`switch`,className:[e.default.switch,n].filter(Boolean).join(` `),...r});exports.Switch=n;
 //# sourceMappingURL=Switch.cjs.map

package/dist/components/Switch/Switch.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":"8EAiBA,SAAgB,EAAO,CAAE,YAAW,GAAG,GAAsB,CAC3D,OACE,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI,CAC/D,GAAI,EACJ,CAAA"}
+{"version":3,"file":"Switch.cjs","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport const Switch = ({ className, ...props }: SwitchProps) => {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":"8EAiBA,IAAa,GAAU,CAAE,YAAW,GAAG,MAEnC,EAAA,EAAA,KAAC,QAAD,CACE,KAAK,WACL,KAAK,SACL,UAAW,CAAC,EAAA,QAAO,OAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,EAC9D,GAAI,CACL,CAAA"}

package/dist/components/Switch/Switch.d.ts

@@ -1,7 +1,7 @@
 import { InputHTMLAttributes } from 'react';
-export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "type" | "size"> {
+export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {
     /** Accessible label. Required when no visible `<label>` is associated. */
-    "aria-label"?: string;
+    'aria-label'?: string;
 }
 /**
  * On/off toggle following the Adwaita switch style.
@@ -11,4 +11,4 @@ export interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>,
  *
  * @see https://developer.gnome.org/hig/patterns/controls/switches.html
  */
-export declare function Switch({ className, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare const Switch: ({ className, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switch/Switch.js

@@ -1,14 +1,12 @@
 import e from "./Switch.module.css.js";
 import { jsx as t } from "react/jsx-runtime";
 //#region src/components/Switch/Switch.tsx
-function n({ className: n, ...r }) {
-	return /* @__PURE__ */ t("input", {
-		type: "checkbox",
-		role: "switch",
-		className: [e.switch, n].filter(Boolean).join(" "),
-		...r
-	});
-}
+var n = ({ className: n, ...r }) => /* @__PURE__ */ t("input", {
+	type: "checkbox",
+	role: "switch",
+	className: [e.switch, n].filter(Boolean).join(" "),
+	...r
+});
 //#endregion
 export { n as Switch };
 

package/dist/components/Switch/Switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from \"react\";\nimport styles from \"./Switch.module.css\";\n\nexport interface SwitchProps\n  extends Omit<InputHTMLAttributes<HTMLInputElement>, \"type\" | \"size\"> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  \"aria-label\"?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport function Switch({ className, ...props }: SwitchProps) {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(\" \")}\n      {...props}\n    />\n  );\n}\n"],"mappings":";;;AAiBA,SAAgB,EAAO,EAAE,cAAW,GAAG,KAAsB;AAC3D,QACE,kBAAC,SAAD;EACE,MAAK;EACL,MAAK;EACL,WAAW,CAAC,EAAO,QAAQ,EAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;EAC/D,GAAI;EACJ,CAAA"}
+{"version":3,"file":"Switch.js","names":[],"sources":["../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import type { InputHTMLAttributes } from 'react';\n\nimport styles from './Switch.module.css';\n\nexport interface SwitchProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'size'> {\n  /** Accessible label. Required when no visible `<label>` is associated. */\n  'aria-label'?: string;\n}\n\n/**\n * On/off toggle following the Adwaita switch style.\n *\n * Renders as `<input type=\"checkbox\" role=\"switch\">` so it is natively\n * keyboard-accessible and works with standard form libraries.\n *\n * @see https://developer.gnome.org/hig/patterns/controls/switches.html\n */\nexport const Switch = ({ className, ...props }: SwitchProps) => {\n  return (\n    <input\n      type=\"checkbox\"\n      role=\"switch\"\n      className={[styles.switch, className].filter(Boolean).join(' ')}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;AAiBA,IAAa,KAAU,EAAE,cAAW,GAAG,QAEnC,kBAAC,SAAD;CACE,MAAK;CACL,MAAK;CACL,WAAW,CAAC,EAAO,QAAQ,CAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG;CAC9D,GAAI;AACL,CAAA"}

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

@@ -1,2 +1,2 @@
-var e={switch:`_switch_1h6fk_3`};exports.default=e;
+var e={switch:`_switch_74vw9_3`};exports.default=e;
 //# sourceMappingURL=Switch.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.module.css.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\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}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch:focus-visible {\n  outline: none;\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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Switch.module.css.cjs","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\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}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch:focus-visible {\n  outline: none;\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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,5 +1,5 @@
 //#region src/components/Switch/Switch.module.css
-var e = { switch: "_switch_1h6fk_3" };
+var e = { switch: "_switch_74vw9_3" };
 //#endregion
 export { e as default };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.module.css.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\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}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch:focus-visible {\n  outline: none;\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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Switch.module.css.js","names":[],"sources":["../../../src/components/Switch/Switch.module.css"],"sourcesContent":["/* ─── Reset & layout ───────────────────────────────────────────────────────── */\n\n.switch {\n  appearance: none;\n  -webkit-appearance: none;\n  position: relative;\n  display: inline-block;\n  cursor: pointer;\n  flex-shrink: 0;\n\n  width: 56px;\n  height: 28px;\n  border-radius: var(--gnome-radius-pill);\n\n  background-color: var(--gnome-light-4, #c0bfbc);\n  border: 1px solid var(--gnome-border-subtle);\n\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}\n\n/* ─── Thumb ────────────────────────────────────────────────────────────────── */\n\n.switch::before {\n  content: \"\";\n  position: absolute;\n  top: 3px;\n  left: 3px;\n  width: 20px;\n  height: 20px;\n  border-radius: var(--gnome-radius-pill);\n  background-color: #ffffff;\n  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n/* ─── Checked ──────────────────────────────────────────────────────────────── */\n\n.switch:checked {\n  background-color: var(--gnome-accent-bg-color, #3584e4);\n  border-color: var(--gnome-accent-bg-color, #3584e4);\n}\n\n.switch:checked::before {\n  transform: translateX(28px);\n}\n\n/* ─── Focus ────────────────────────────────────────────────────────────────── */\n\n.switch:focus-visible {\n  outline: none;\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}\n\n/* ─── Disabled ─────────────────────────────────────────────────────────────── */\n\n.switch:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .switch {\n    background-color: var(--gnome-dark-2, #5e5c64);\n    border-color: var(--gnome-border-subtle);\n  }\n\n  .switch::before {\n    background-color: var(--gnome-light-3, #deddda);\n  }\n\n  .switch:checked {\n    background-color: var(--gnome-accent-bg-color, #3584e4);\n    border-color: var(--gnome-accent-bg-color, #3584e4);\n  }\n\n  .switch:checked::before {\n    background-color: #ffffff;\n  }\n}\n\n/* ─── High contrast ────────────────────────────────────────────────────────── */\n\n@media (prefers-contrast: more) {\n  .switch {\n    border-width: 2px;\n  }\n\n  .switch::before {\n    box-shadow: none;\n  }\n}\n\n/* ─── Reduced motion ───────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .switch,\n  .switch::before {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-export { Switch } from './Switch';
 export type { SwitchProps } from './Switch';
+export { Switch } from './Switch';

package/dist/components/Switch.cjs

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