@gnome-ui/react 1.49.0 → 1.49.1

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

@@ -1 +1 @@
-{"version":3,"file":"ComboRow.module.css.cjs","names":[],"sources":["../../../src/components/ComboRow/ComboRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Combo wrapper ─────────────────────────────────────────────────────────── */\n\n.comboWrap {\n  position: relative;\n  flex-shrink: 0;\n  min-width: 120px;\n}\n\n/* ─── Trigger button ────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n\n  padding: 5px var(--gnome-space-2, 12px);\n  min-height: 32px;\n\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n  white-space: nowrap;\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    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #ffffff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ─────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ───────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgba(0, 0, 0, 0.12),\n    0 1px 3px rgba(0, 0, 0, 0.08);\n\n  max-height: 260px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  animation: list-in var(--gnome-duration-fast) var(--gnome-easing-default) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 6px var(--gnome-space-2, 12px);\n  min-height: 36px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.optionLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\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  .trigger:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.1);\n    box-shadow:\n      0 4px 16px rgba(0, 0, 0, 0.4),\n      0 1px 3px rgba(0, 0, 0, 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ComboRow.module.css.cjs","names":[],"sources":["../../../src/components/ComboRow/ComboRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Combo wrapper ─────────────────────────────────────────────────────────── */\n\n.comboWrap {\n  position: relative;\n  flex-shrink: 0;\n  min-width: 120px;\n}\n\n/* ─── Trigger button ────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  padding: 5px var(--gnome-space-2, 12px);\n  min-height: 32px;\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n  white-space: nowrap;\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    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #fff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ─────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ───────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgb(0 0 0 / 0.12),\n    0 1px 3px rgb(0 0 0 / 0.08);\n  max-height: 260px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  animation: list-in var(--gnome-duration-fast) var(--gnome-easing-default) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 6px var(--gnome-space-2, 12px);\n  min-height: 36px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.optionLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .trigger:hover:not(:disabled) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.1);\n    box-shadow:\n      0 4px 16px rgb(0 0 0 / 0.4),\n      0 1px 3px rgb(0 0 0 / 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,28 +1,28 @@
 var e = {
-	row: "_row_1rib3_3",
-	disabled: "_disabled_1rib3_16",
-	leading: "_leading_1rib3_23",
-	content: "_content_1rib3_32",
-	title: "_title_1rib3_40",
-	subtitle: "_subtitle_1rib3_51",
-	comboWrap: "_comboWrap_1rib3_65",
-	trigger: "_trigger_1rib3_73",
-	triggerOpen: "_triggerOpen_1rib3_126",
-	triggerLabel: "_triggerLabel_1rib3_136",
-	placeholder: "_placeholder_1rib3_144",
-	chevron: "_chevron_1rib3_150",
-	chevronOpen: "_chevronOpen_1rib3_157",
-	list: "_list_1rib3_163",
-	"list-in": "_list-in_1rib3_1",
-	listDown: "_listDown_1rib3_200",
-	listUp: "_listUp_1rib3_204",
-	"list-in-up": "_list-in-up_1rib3_1",
-	option: "_option_1rib3_224",
-	optionActive: "_optionActive_1rib3_241",
-	optionSelected: "_optionSelected_1rib3_245",
-	optionDisabled: "_optionDisabled_1rib3_249",
-	optionLabel: "_optionLabel_1rib3_255",
-	checkIcon: "_checkIcon_1rib3_263"
+	row: "_row_lh83j_3",
+	disabled: "_disabled_lh83j_16",
+	leading: "_leading_lh83j_23",
+	content: "_content_lh83j_32",
+	title: "_title_lh83j_40",
+	subtitle: "_subtitle_lh83j_51",
+	comboWrap: "_comboWrap_lh83j_65",
+	trigger: "_trigger_lh83j_73",
+	triggerOpen: "_triggerOpen_lh83j_121",
+	triggerLabel: "_triggerLabel_lh83j_131",
+	placeholder: "_placeholder_lh83j_139",
+	chevron: "_chevron_lh83j_145",
+	chevronOpen: "_chevronOpen_lh83j_152",
+	list: "_list_lh83j_158",
+	"list-in": "_list-in_lh83j_1",
+	listDown: "_listDown_lh83j_192",
+	listUp: "_listUp_lh83j_196",
+	"list-in-up": "_list-in-up_lh83j_1",
+	option: "_option_lh83j_217",
+	optionActive: "_optionActive_lh83j_231",
+	optionSelected: "_optionSelected_lh83j_235",
+	optionDisabled: "_optionDisabled_lh83j_239",
+	optionLabel: "_optionLabel_lh83j_245",
+	checkIcon: "_checkIcon_lh83j_253"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ComboRow.module.css.js","names":[],"sources":["../../../src/components/ComboRow/ComboRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgba(0, 0, 0, 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Combo wrapper ─────────────────────────────────────────────────────────── */\n\n.comboWrap {\n  position: relative;\n  flex-shrink: 0;\n  min-width: 120px;\n}\n\n/* ─── Trigger button ────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n\n  padding: 5px var(--gnome-space-2, 12px);\n  min-height: 32px;\n\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n  white-space: nowrap;\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    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #ffffff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ─────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ───────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgba(0, 0, 0, 0.12),\n    0 1px 3px rgba(0, 0, 0, 0.08);\n\n  max-height: 260px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  animation: list-in var(--gnome-duration-fast) var(--gnome-easing-default) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 6px var(--gnome-space-2, 12px);\n  min-height: 36px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.optionLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\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  .trigger:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.1);\n    box-shadow:\n      0 4px 16px rgba(0, 0, 0, 0.4),\n      0 1px 3px rgba(0, 0, 0, 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ComboRow.module.css.js","names":[],"sources":["../../../src/components/ComboRow/ComboRow.module.css"],"sourcesContent":["/* ─── Row container ─────────────────────────────────────────────────────────── */\n\n.row {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px);\n  min-height: 52px;\n  width: 100%;\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  text-align: start;\n}\n\n/* ─── Disabled ──────────────────────────────────────────────────────────────── */\n\n.disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  pointer-events: none;\n}\n\n/* ─── Leading icon/avatar ───────────────────────────────────────────────────── */\n\n.leading {\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n/* ─── Text content ──────────────────────────────────────────────────────────── */\n\n.content {\n  display: flex;\n  flex-direction: column;\n  flex: 1;\n  min-width: 0;\n  gap: 2px;\n}\n\n.title {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-card-fg-color, rgb(0 0 0 / 0.8));\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.subtitle {\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-caption, 0.75rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.55));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Combo wrapper ─────────────────────────────────────────────────────────── */\n\n.comboWrap {\n  position: relative;\n  flex-shrink: 0;\n  min-width: 120px;\n}\n\n/* ─── Trigger button ────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  padding: 5px var(--gnome-space-2, 12px);\n  min-height: 32px;\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n  white-space: nowrap;\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    box-shadow var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #fff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ─────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron ───────────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ───────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgb(0 0 0 / 0.12),\n    0 1px 3px rgb(0 0 0 / 0.08);\n  max-height: 260px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  animation: list-in var(--gnome-duration-fast) var(--gnome-easing-default) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 6px var(--gnome-space-2, 12px);\n  min-height: 36px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  transition: background-color var(--gnome-duration-fast) var(--gnome-easing-default);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n.optionLabel {\n  flex: 1;\n  min-width: 0;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .trigger:hover:not(:disabled) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.1);\n    box-shadow:\n      0 4px 16px rgb(0 0 0 / 0.4),\n      0 1px 3px rgb(0 0 0 / 0.3);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_1onba_1`,graphViewport:`_graphViewport_1onba_10`,svg:`_svg_1onba_17`,label:`_label_1onba_22`,cell:`_cell_1onba_30`,tooltip:`_tooltip_1onba_67`,legend:`_legend_1onba_86`,legendLabel:`_legendLabel_1onba_93`,legendCell:`_legendCell_1onba_101`};exports.default=e;
+var e={wrapper:`_wrapper_17kps_1`,graphViewport:`_graphViewport_17kps_10`,svg:`_svg_17kps_16`,label:`_label_17kps_21`,cell:`_cell_17kps_29`,tooltip:`_tooltip_17kps_66`,legend:`_legend_17kps_85`,legendLabel:`_legendLabel_17kps_92`,legendCell:`_legendCell_17kps_100`};exports.default=e;
 //# sourceMappingURL=ContributionGraph.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContributionGraph.module.css.cjs","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"ContributionGraph.module.css.cjs","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow: auto visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}

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

@@ -1,13 +1,13 @@
 var e = {
-	wrapper: "_wrapper_1onba_1",
-	graphViewport: "_graphViewport_1onba_10",
-	svg: "_svg_1onba_17",
-	label: "_label_1onba_22",
-	cell: "_cell_1onba_30",
-	tooltip: "_tooltip_1onba_67",
-	legend: "_legend_1onba_86",
-	legendLabel: "_legendLabel_1onba_93",
-	legendCell: "_legendCell_1onba_101"
+	wrapper: "_wrapper_17kps_1",
+	graphViewport: "_graphViewport_17kps_10",
+	svg: "_svg_17kps_16",
+	label: "_label_17kps_21",
+	cell: "_cell_17kps_29",
+	tooltip: "_tooltip_17kps_66",
+	legend: "_legend_17kps_85",
+	legendLabel: "_legendLabel_17kps_92",
+	legendCell: "_legendCell_17kps_100"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"ContributionGraph.module.css.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow-x: auto;\n  overflow-y: visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}
+{"version":3,"file":"ContributionGraph.module.css.js","names":[],"sources":["../../../src/components/ContributionGraph/ContributionGraph.module.css"],"sourcesContent":[".wrapper {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: var(--gnome-space-1, 6px);\n  min-width: 0;\n}\n\n.graphViewport {\n  width: 100%;\n  min-width: 0;\n  overflow: auto visible;\n}\n\n.svg {\n  display: block;\n  flex-shrink: 0;\n}\n\n.label {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  fill: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.cell {\n  cursor: default;\n  transition:\n    stroke-opacity var(--gnome-transition-fast, 100ms) ease,\n    stroke-width var(--gnome-transition-fast, 100ms) ease;\n  outline: none;\n}\n\n.cell:not([aria-disabled=\"true\"]):hover {\n  stroke: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  stroke-opacity: 0.35;\n  stroke-width: 1;\n}\n\n.cell:not([aria-disabled=\"true\"]) {\n  cursor: pointer;\n}\n\n.cell:focus-visible {\n  outline: 2px solid var(--gnome-accent-color, #3584e4);\n  outline-offset: 1px;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .cell {\n    transition: none;\n  }\n}\n\n@media (prefers-contrast: more) {\n  .cell {\n    stroke: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n    stroke-width: 0.5;\n    stroke-opacity: 0.3;\n  }\n}\n\n.tooltip {\n  position: fixed;\n  box-sizing: border-box;\n  max-width: calc(100vw - 16px);\n  background: var(--gnome-popover-bg-color, #fff);\n  border: 1px solid var(--gnome-light-3, #deddda);\n  border-radius: var(--gnome-radius-md, 8px);\n  padding: 4px 8px;\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 12px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  box-shadow: var(--gnome-shadow-sm, 0 1px 3px rgb(0 0 0 / 0.12));\n  pointer-events: none;\n  overflow-wrap: anywhere;\n  text-align: center;\n  white-space: normal;\n  z-index: 10001;\n}\n\n.legend {\n  display: flex;\n  align-items: center;\n  justify-content: flex-end;\n  gap: var(--gnome-space-1, 6px);\n}\n\n.legendLabel {\n  font-family: var(--gnome-font-family, system-ui);\n  font-size: 11px;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: 0.6;\n  user-select: none;\n}\n\n.legendCell {\n  display: block;\n  flex-shrink: 0;\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={countdownTimer:`_countdownTimer_twhbs_3`,value:`_value_twhbs_25`,accent:`_accent_twhbs_34`,success:`_success_twhbs_46`,warning:`_warning_twhbs_58`,destructive:`_destructive_twhbs_70`,finished:`_finished_twhbs_82`};exports.default=e;
+var e={countdownTimer:`_countdownTimer_zisa7_3`,value:`_value_zisa7_22`,accent:`_accent_zisa7_31`,success:`_success_zisa7_43`,warning:`_warning_zisa7_55`,destructive:`_destructive_zisa7_67`,finished:`_finished_zisa7_79`};exports.default=e;
 //# sourceMappingURL=CountDownTimer.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"CountDownTimer.module.css.cjs","names":[],"sources":["../../../src/components/CountDownTimer/CountDownTimer.module.css"],"sourcesContent":["/* ─── Base container ──────────────────────────────────────────────────────── */\n\n.countdownTimer {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n\n  padding: 0.5rem 1rem;\n  border-radius: var(--gnome-radius-default, 6px);\n  background-color: var(--gnome-view-bg-color, #f6f5f4);\n\n  font-family: var(--gnome-font-family);\n  font-size: 1rem;\n  font-weight: var(--gnome-font-weight-medium, 500);\n  line-height: 1.5;\n  letter-spacing: 0.02em;\n\n  user-select: none;\n  transition: all 200ms ease-out;\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  font-family: \"Fira Mono\", monospace;\n  font-size: 1.125rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\n/* ─── Variant: accent (default) ────────────────────────────────────────────── */\n\n.accent {\n  background-color: rgba(53, 132, 228, 0.1);\n  color: #3584e4;\n  border: 1px solid rgba(53, 132, 228, 0.2);\n}\n\n.accent .value {\n  color: #3584e4;\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: rgba(51, 209, 122, 0.1);\n  color: #33d17a;\n  border: 1px solid rgba(51, 209, 122, 0.2);\n}\n\n.success .value {\n  color: #33d17a;\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: rgba(255, 190, 0, 0.1);\n  color: #f8e45c;\n  border: 1px solid rgba(255, 190, 0, 0.2);\n}\n\n.warning .value {\n  color: #f8e45c;\n}\n\n/* ─── Variant: destructive ────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: rgba(225, 59, 59, 0.1);\n  color: #e13b3b;\n  border: 1px solid rgba(225, 59, 59, 0.2);\n}\n\n.destructive .value {\n  color: #e13b3b;\n}\n\n/* ─── Finished state ───────────────────────────────────────────────────────── */\n\n.finished {\n  opacity: 0.7;\n}\n\n@media (prefers-color-scheme: dark) {\n  .countdownTimer {\n    background-color: var(--gnome-view-bg-color, #3d3846);\n  }\n\n  .accent {\n    background-color: rgba(53, 132, 228, 0.15);\n    border-color: rgba(53, 132, 228, 0.3);\n  }\n\n  .success {\n    background-color: rgba(51, 209, 122, 0.15);\n    border-color: rgba(51, 209, 122, 0.3);\n  }\n\n  .warning {\n    background-color: rgba(255, 190, 0, 0.15);\n    border-color: rgba(255, 190, 0, 0.3);\n  }\n\n  .destructive {\n    background-color: rgba(225, 59, 59, 0.15);\n    border-color: rgba(225, 59, 59, 0.3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CountDownTimer.module.css.cjs","names":[],"sources":["../../../src/components/CountDownTimer/CountDownTimer.module.css"],"sourcesContent":["/* ─── Base container ──────────────────────────────────────────────────────── */\n\n.countdownTimer {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  border-radius: var(--gnome-radius-default, 6px);\n  background-color: var(--gnome-view-bg-color, #f6f5f4);\n  font-family: var(--gnome-font-family);\n  font-size: 1rem;\n  font-weight: var(--gnome-font-weight-medium, 500);\n  line-height: 1.5;\n  letter-spacing: 0.02em;\n  user-select: none;\n  transition: all 200ms ease-out;\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  font-family: \"Fira Mono\", monospace;\n  font-size: 1.125rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\n/* ─── Variant: accent (default) ────────────────────────────────────────────── */\n\n.accent {\n  background-color: rgb(53 132 228 / 0.1);\n  color: #3584e4;\n  border: 1px solid rgb(53 132 228 / 0.2);\n}\n\n.accent .value {\n  color: #3584e4;\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: rgb(51 209 122 / 0.1);\n  color: #33d17a;\n  border: 1px solid rgb(51 209 122 / 0.2);\n}\n\n.success .value {\n  color: #33d17a;\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: rgb(255 190 0 / 0.1);\n  color: #f8e45c;\n  border: 1px solid rgb(255 190 0 / 0.2);\n}\n\n.warning .value {\n  color: #f8e45c;\n}\n\n/* ─── Variant: destructive ────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: rgb(225 59 59 / 0.1);\n  color: #e13b3b;\n  border: 1px solid rgb(225 59 59 / 0.2);\n}\n\n.destructive .value {\n  color: #e13b3b;\n}\n\n/* ─── Finished state ───────────────────────────────────────────────────────── */\n\n.finished {\n  opacity: 0.7;\n}\n\n@media (prefers-color-scheme: dark) {\n  .countdownTimer {\n    background-color: var(--gnome-view-bg-color, #3d3846);\n  }\n\n  .accent {\n    background-color: rgb(53 132 228 / 0.15);\n    border-color: rgb(53 132 228 / 0.3);\n  }\n\n  .success {\n    background-color: rgb(51 209 122 / 0.15);\n    border-color: rgb(51 209 122 / 0.3);\n  }\n\n  .warning {\n    background-color: rgb(255 190 0 / 0.15);\n    border-color: rgb(255 190 0 / 0.3);\n  }\n\n  .destructive {\n    background-color: rgb(225 59 59 / 0.15);\n    border-color: rgb(225 59 59 / 0.3);\n  }\n}\n"],"mappings":""}

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

@@ -1,11 +1,11 @@
 var e = {
-	countdownTimer: "_countdownTimer_twhbs_3",
-	value: "_value_twhbs_25",
-	accent: "_accent_twhbs_34",
-	success: "_success_twhbs_46",
-	warning: "_warning_twhbs_58",
-	destructive: "_destructive_twhbs_70",
-	finished: "_finished_twhbs_82"
+	countdownTimer: "_countdownTimer_zisa7_3",
+	value: "_value_zisa7_22",
+	accent: "_accent_zisa7_31",
+	success: "_success_zisa7_43",
+	warning: "_warning_zisa7_55",
+	destructive: "_destructive_zisa7_67",
+	finished: "_finished_zisa7_79"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"CountDownTimer.module.css.js","names":[],"sources":["../../../src/components/CountDownTimer/CountDownTimer.module.css"],"sourcesContent":["/* ─── Base container ──────────────────────────────────────────────────────── */\n\n.countdownTimer {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n\n  padding: 0.5rem 1rem;\n  border-radius: var(--gnome-radius-default, 6px);\n  background-color: var(--gnome-view-bg-color, #f6f5f4);\n\n  font-family: var(--gnome-font-family);\n  font-size: 1rem;\n  font-weight: var(--gnome-font-weight-medium, 500);\n  line-height: 1.5;\n  letter-spacing: 0.02em;\n\n  user-select: none;\n  transition: all 200ms ease-out;\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  font-family: \"Fira Mono\", monospace;\n  font-size: 1.125rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\n/* ─── Variant: accent (default) ────────────────────────────────────────────── */\n\n.accent {\n  background-color: rgba(53, 132, 228, 0.1);\n  color: #3584e4;\n  border: 1px solid rgba(53, 132, 228, 0.2);\n}\n\n.accent .value {\n  color: #3584e4;\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: rgba(51, 209, 122, 0.1);\n  color: #33d17a;\n  border: 1px solid rgba(51, 209, 122, 0.2);\n}\n\n.success .value {\n  color: #33d17a;\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: rgba(255, 190, 0, 0.1);\n  color: #f8e45c;\n  border: 1px solid rgba(255, 190, 0, 0.2);\n}\n\n.warning .value {\n  color: #f8e45c;\n}\n\n/* ─── Variant: destructive ────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: rgba(225, 59, 59, 0.1);\n  color: #e13b3b;\n  border: 1px solid rgba(225, 59, 59, 0.2);\n}\n\n.destructive .value {\n  color: #e13b3b;\n}\n\n/* ─── Finished state ───────────────────────────────────────────────────────── */\n\n.finished {\n  opacity: 0.7;\n}\n\n@media (prefers-color-scheme: dark) {\n  .countdownTimer {\n    background-color: var(--gnome-view-bg-color, #3d3846);\n  }\n\n  .accent {\n    background-color: rgba(53, 132, 228, 0.15);\n    border-color: rgba(53, 132, 228, 0.3);\n  }\n\n  .success {\n    background-color: rgba(51, 209, 122, 0.15);\n    border-color: rgba(51, 209, 122, 0.3);\n  }\n\n  .warning {\n    background-color: rgba(255, 190, 0, 0.15);\n    border-color: rgba(255, 190, 0, 0.3);\n  }\n\n  .destructive {\n    background-color: rgba(225, 59, 59, 0.15);\n    border-color: rgba(225, 59, 59, 0.3);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"CountDownTimer.module.css.js","names":[],"sources":["../../../src/components/CountDownTimer/CountDownTimer.module.css"],"sourcesContent":["/* ─── Base container ──────────────────────────────────────────────────────── */\n\n.countdownTimer {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 0.5rem;\n  padding: 0.5rem 1rem;\n  border-radius: var(--gnome-radius-default, 6px);\n  background-color: var(--gnome-view-bg-color, #f6f5f4);\n  font-family: var(--gnome-font-family);\n  font-size: 1rem;\n  font-weight: var(--gnome-font-weight-medium, 500);\n  line-height: 1.5;\n  letter-spacing: 0.02em;\n  user-select: none;\n  transition: all 200ms ease-out;\n}\n\n/* ─── Value display ────────────────────────────────────────────────────────── */\n\n.value {\n  font-family: \"Fira Mono\", monospace;\n  font-size: 1.125rem;\n  font-weight: 600;\n  letter-spacing: 0.025em;\n}\n\n/* ─── Variant: accent (default) ────────────────────────────────────────────── */\n\n.accent {\n  background-color: rgb(53 132 228 / 0.1);\n  color: #3584e4;\n  border: 1px solid rgb(53 132 228 / 0.2);\n}\n\n.accent .value {\n  color: #3584e4;\n}\n\n/* ─── Variant: success ─────────────────────────────────────────────────────── */\n\n.success {\n  background-color: rgb(51 209 122 / 0.1);\n  color: #33d17a;\n  border: 1px solid rgb(51 209 122 / 0.2);\n}\n\n.success .value {\n  color: #33d17a;\n}\n\n/* ─── Variant: warning ─────────────────────────────────────────────────────── */\n\n.warning {\n  background-color: rgb(255 190 0 / 0.1);\n  color: #f8e45c;\n  border: 1px solid rgb(255 190 0 / 0.2);\n}\n\n.warning .value {\n  color: #f8e45c;\n}\n\n/* ─── Variant: destructive ────────────────────────────────────────────────── */\n\n.destructive {\n  background-color: rgb(225 59 59 / 0.1);\n  color: #e13b3b;\n  border: 1px solid rgb(225 59 59 / 0.2);\n}\n\n.destructive .value {\n  color: #e13b3b;\n}\n\n/* ─── Finished state ───────────────────────────────────────────────────────── */\n\n.finished {\n  opacity: 0.7;\n}\n\n@media (prefers-color-scheme: dark) {\n  .countdownTimer {\n    background-color: var(--gnome-view-bg-color, #3d3846);\n  }\n\n  .accent {\n    background-color: rgb(53 132 228 / 0.15);\n    border-color: rgb(53 132 228 / 0.3);\n  }\n\n  .success {\n    background-color: rgb(51 209 122 / 0.15);\n    border-color: rgb(51 209 122 / 0.3);\n  }\n\n  .warning {\n    background-color: rgb(255 190 0 / 0.15);\n    border-color: rgb(255 190 0 / 0.3);\n  }\n\n  .destructive {\n    background-color: rgb(225 59 59 / 0.15);\n    border-color: rgb(225 59 59 / 0.3);\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={backdrop:`_backdrop_1hnot_3`,"backdrop-in":`_backdrop-in_1hnot_1`,dialog:`_dialog_1hnot_30`,"dialog-in":`_dialog-in_1hnot_1`,title:`_title_1hnot_60`,body:`_body_1hnot_72`,footer:`_footer_1hnot_93`,btn:`_btn_1hnot_100`,"btn-default":`_btn-default_1hnot_148`,"btn-suggested":`_btn-suggested_1hnot_152`,"btn-destructive":`_btn-destructive_1hnot_157`};exports.default=e;
+var e={backdrop:`_backdrop_eqe7b_3`,"backdrop-in":`_backdrop-in_eqe7b_1`,dialog:`_dialog_eqe7b_27`,"dialog-in":`_dialog-in_eqe7b_1`,title:`_title_eqe7b_54`,body:`_body_eqe7b_64`,footer:`_footer_eqe7b_83`,btn:`_btn_eqe7b_90`,"btn-default":`_btn-default_eqe7b_135`,"btn-suggested":`_btn-suggested_eqe7b_139`,"btn-destructive":`_btn-destructive_eqe7b_144`};exports.default=e;
 //# sourceMappingURL=Dialog.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.module.css.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--gnome-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  -webkit-backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: var(--gnome-space-4, 24px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  text-align: center;\n}\n\n.dialog:has(.body) .title {\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) 0;\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.7);\n\n  text-align: center;\n}\n\n/* ─── Footer (buttons) ──────────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n}\n\n/* Each button gets a full-width row separated by hairlines */\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n\n  cursor: pointer;\n  text-align: center;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n.btn-default {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.btn-suggested {\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .footer {\n    border-top-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Dialog.module.css.cjs","names":[],"sources":["../../../src/components/Dialog/Dialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gnome-dialog-backdrop-color, rgb(0 0 0 / 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: var(--gnome-space-4, 24px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  text-align: center;\n}\n\n.dialog:has(.body) .title {\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) 0;\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.7);\n  text-align: center;\n}\n\n/* ─── Footer (buttons) ──────────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n}\n\n/* Each button gets a full-width row separated by hairlines */\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  text-align: center;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n.btn-default {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.btn-suggested {\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .footer {\n    border-top-color: rgb(255 255 255 / 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,15 +1,15 @@
 var e = {
-	backdrop: "_backdrop_1hnot_3",
-	"backdrop-in": "_backdrop-in_1hnot_1",
-	dialog: "_dialog_1hnot_30",
-	"dialog-in": "_dialog-in_1hnot_1",
-	title: "_title_1hnot_60",
-	body: "_body_1hnot_72",
-	footer: "_footer_1hnot_93",
-	btn: "_btn_1hnot_100",
-	"btn-default": "_btn-default_1hnot_148",
-	"btn-suggested": "_btn-suggested_1hnot_152",
-	"btn-destructive": "_btn-destructive_1hnot_157"
+	backdrop: "_backdrop_eqe7b_3",
+	"backdrop-in": "_backdrop-in_eqe7b_1",
+	dialog: "_dialog_eqe7b_27",
+	"dialog-in": "_dialog-in_eqe7b_1",
+	title: "_title_eqe7b_54",
+	body: "_body_eqe7b_64",
+	footer: "_footer_eqe7b_83",
+	btn: "_btn_eqe7b_90",
+	"btn-default": "_btn-default_eqe7b_135",
+	"btn-suggested": "_btn-suggested_eqe7b_139",
+	"btn-destructive": "_btn-destructive_eqe7b_144"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.module.css.js","names":[],"sources":["../../../src/components/Dialog/Dialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background-color: var(--gnome-dialog-backdrop-color, rgba(0, 0, 0, 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  -webkit-backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgba(0, 0, 0, 0.25),\n    0 0 0 1px rgba(0, 0, 0, 0.08);\n\n  overflow: hidden;\n\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: var(--gnome-space-4, 24px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  text-align: center;\n}\n\n.dialog:has(.body) .title {\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) 0;\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.7);\n\n  text-align: center;\n}\n\n/* ─── Footer (buttons) ──────────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.1));\n}\n\n/* Each button gets a full-width row separated by hairlines */\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n\n  cursor: pointer;\n  text-align: center;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n.btn-default {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.btn-suggested {\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgba(0, 0, 0, 0.5),\n      0 0 0 1px rgba(255, 255, 255, 0.08);\n  }\n\n  .footer {\n    border-top-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Dialog.module.css.js","names":[],"sources":["../../../src/components/Dialog/Dialog.module.css"],"sourcesContent":["/* ─── Backdrop ──────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background-color: var(--gnome-dialog-backdrop-color, rgb(0 0 0 / 0.5));\n  backdrop-filter: blur(var(--gnome-dialog-backdrop-blur, 4px));\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Dialog card ───────────────────────────────────────────────────────────── */\n\n.dialog {\n  position: relative;\n  width: min(480px, calc(100vw - 48px));\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  border-radius: var(--gnome-radius-xl, 16px);\n  box-shadow:\n    0 8px 32px rgb(0 0 0 / 0.25),\n    0 0 0 1px rgb(0 0 0 / 0.08);\n  overflow: hidden;\n  animation: dialog-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes dialog-in {\n  from {\n    opacity: 0;\n    transform: scale(0.92) translateY(-8px);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1) translateY(0);\n  }\n}\n\n/* ─── Title ─────────────────────────────────────────────────────────────────── */\n\n.title {\n  padding: var(--gnome-space-4, 24px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  text-align: center;\n}\n\n.dialog:has(.body) .title {\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) 0;\n}\n\n/* ─── Body ──────────────────────────────────────────────────────────────────── */\n\n.body {\n  padding: var(--gnome-space-2, 12px) var(--gnome-space-4, 24px) var(--gnome-space-3, 16px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.7);\n  text-align: center;\n}\n\n/* ─── Footer (buttons) ──────────────────────────────────────────────────────── */\n\n.footer {\n  display: flex;\n  flex-direction: column;\n  border-top: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.1));\n}\n\n/* Each button gets a full-width row separated by hairlines */\n.btn {\n  appearance: none;\n  border: none;\n  border-bottom: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.08));\n  background: transparent;\n  width: 100%;\n  padding: 14px var(--gnome-space-4, 24px);\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  line-height: var(--gnome-line-height-body, 1.5);\n  color: var(--gnome-accent-color, #3584e4);\n  cursor: pointer;\n  text-align: center;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.btn:last-child {\n  border-bottom: none;\n}\n\n.btn:hover:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 6%, transparent);\n}\n\n.btn:active:not(:disabled) {\n  background-color: color-mix(in srgb, currentcolor 12%, transparent);\n}\n\n.btn:focus {\n  outline: none;\n}\n\n.btn:focus-visible {\n  outline: var(--gnome-focus-ring-width, 3px) solid var(--gnome-focus-ring-color, #3584e4);\n  outline-offset: -3px;\n}\n\n.btn:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n/* ─── Button variants ───────────────────────────────────────────────────────── */\n\n.btn-default {\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n.btn-suggested {\n  color: var(--gnome-accent-color, #3584e4);\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.btn-destructive {\n  color: var(--gnome-destructive-color, #e01b24);\n}\n\n/* ─── Dark mode ─────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .dialog {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n    box-shadow:\n      0 8px 32px rgb(0 0 0 / 0.5),\n      0 0 0 1px rgb(255 255 255 / 0.08);\n  }\n\n  .footer {\n    border-top-color: rgb(255 255 255 / 0.08);\n  }\n\n  .btn {\n    border-bottom-color: rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .dialog {\n    animation: none;\n  }\n\n  .btn {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/Dialog/dialogUtils.cjs

@@ -1,2 +1,2 @@
-let e=require("react");var t=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function n(){let[t,n]=(0,e.useState)({});return(0,e.useEffect)(()=>{let{visualViewport:e}=window;if(!e)return;let t=()=>{let{offsetLeft:t,offsetTop:r,width:i,height:a}=e;n({top:r,left:t,width:i,height:a})};return t(),e.addEventListener(`resize`,t),e.addEventListener(`scroll`,t),()=>{e.removeEventListener(`resize`,t),e.removeEventListener(`scroll`,t)}},[]),t}function r(t){(0,e.useEffect)(()=>{if(!t||typeof document>`u`)return;let{body:e}=document,n=e.style.overflow;return e.style.overflow=`hidden`,()=>{e.style.overflow=n}},[t])}function i(e,t){if(e.key!==`Tab`)return;let n=Array.from(t.current?.querySelectorAll(`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)??[]);if(!n.length)return;let r=n[0],i=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),r.focus())}exports.FOCUSABLE=t,exports.trapFocus=i,exports.useBodyScrollLock=r,exports.useVisualViewport=n;
+let e=require("react");var t=`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`;function n(){let[t,n]=(0,e.useState)({});return(0,e.useEffect)(()=>{let{visualViewport:e}=window;if(!e)return;let t=()=>{let{offsetLeft:t,offsetTop:r,width:i,height:a}=e;n({top:r,left:t,width:i,height:a})};return t(),e.addEventListener(`resize`,t),e.addEventListener(`scroll`,t),()=>{e.removeEventListener(`resize`,t),e.removeEventListener(`scroll`,t)}},[]),t}function r(t){(0,e.useEffect)(()=>{if(!t||typeof document>`u`)return;let{body:e}=document,n=e.style.overflow;return e.style.overflow=`hidden`,()=>{e.style.overflow=n}},[t])}function i(e,t){if(e.key!==`Tab`)return;let n=Array.from(t.current?.querySelectorAll(`button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)??[]);if(!n.length)return;let[r]=n,i=n[n.length-1];e.shiftKey?document.activeElement===r&&(e.preventDefault(),i.focus()):document.activeElement===i&&(e.preventDefault(),r.focus())}exports.FOCUSABLE=t,exports.trapFocus=i,exports.useBodyScrollLock=r,exports.useVisualViewport=n;
 //# sourceMappingURL=dialogUtils.cjs.map

package/dist/components/Dialog/dialogUtils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dialogUtils.cjs","names":[],"sources":["../../../src/components/Dialog/dialogUtils.ts"],"sourcesContent":["import { type CSSProperties, type KeyboardEvent, type RefObject, useEffect, useState } from 'react';\n\nexport const FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Returns inline styles that anchor a `position:fixed` backdrop to the visual\n * viewport so the dialog stays centered when the virtual keyboard is open on\n * mobile (iOS Safari / Android Chrome shrink `visualViewport` but not the\n * layout viewport that `position:fixed` is relative to).\n */\nexport function useVisualViewport(): CSSProperties {\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const { visualViewport } = window;\n\n    if (!visualViewport) {\n      return;\n    }\n\n    const update = (): void => {\n      const { offsetLeft: left, offsetTop: top, width, height } = visualViewport;\n\n      setStyle({\n        top,\n        left,\n        width,\n        height,\n      });\n    };\n\n    update();\n    visualViewport.addEventListener('resize', update);\n    visualViewport.addEventListener('scroll', update);\n\n    return () => {\n      visualViewport.removeEventListener('resize', update);\n      visualViewport.removeEventListener('scroll', update);\n    };\n  }, []);\n\n  return style;\n}\n\n/**\n * Locks body scroll while `locked` is true so the page behind a modal cannot\n * scroll. Restores the previous inline `overflow` on unlock, which keeps\n * stacked dialogs from clobbering each other.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') {\n      return;\n    }\n\n    const { body } = document;\n    const previous = body.style.overflow;\n\n    body.style.overflow = 'hidden';\n\n    return () => {\n      body.style.overflow = previous;\n    };\n  }, [locked]);\n}\n\nexport function trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n"],"mappings":"uBAEA,IAAa,EACX,2IAQF,SAAgB,GAAmC,CACjD,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,CAAC,CAAC,EA8BpD,OA5BA,EAAA,EAAA,eAAgB,CACd,GAAM,CAAE,kBAAmB,OAE3B,GAAI,CAAC,EACH,OAGF,IAAM,MAAqB,CACzB,GAAM,CAAE,WAAY,EAAM,UAAW,EAAK,QAAO,UAAW,EAE5D,EAAS,CACP,MACA,OACA,QACA,QACF,CAAC,CACH,EAMA,OAJA,EAAO,EACP,EAAe,iBAAiB,SAAU,CAAM,EAChD,EAAe,iBAAiB,SAAU,CAAM,MAEnC,CACX,EAAe,oBAAoB,SAAU,CAAM,EACnD,EAAe,oBAAoB,SAAU,CAAM,CACrD,CACF,EAAG,CAAC,CAAC,EAEE,CACT,CAOA,SAAgB,EAAkB,EAAuB,EACvD,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,OAAO,SAAa,IACjC,OAGF,GAAM,CAAE,QAAS,SACX,EAAW,EAAK,MAAM,SAI5B,MAFA,GAAK,MAAM,SAAW,aAET,CACX,EAAK,MAAM,SAAW,CACxB,CACF,EAAG,CAAC,CAAM,CAAC,CACb,CAEA,SAAgB,EAAU,EAAkC,EAAuC,CACjG,GAAI,EAAE,MAAQ,MACZ,OAGF,IAAM,EAAY,MAAM,KAAK,EAAI,SAAS,iBAAA,0IAAuC,GAAK,CAAC,CAAC,EAExF,GAAI,CAAC,EAAU,OACb,OAGF,IAAM,EAAQ,EAAU,GAClB,EAAO,EAAU,EAAU,OAAS,GAEtC,EAAE,SACA,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAK,MAAM,GAGT,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAM,MAAM,EAGlB"}
+{"version":3,"file":"dialogUtils.cjs","names":[],"sources":["../../../src/components/Dialog/dialogUtils.ts"],"sourcesContent":["import { type CSSProperties, type KeyboardEvent, type RefObject, useEffect, useState } from 'react';\n\nexport const FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Returns inline styles that anchor a `position:fixed` backdrop to the visual\n * viewport so the dialog stays centered when the virtual keyboard is open on\n * mobile (iOS Safari / Android Chrome shrink `visualViewport` but not the\n * layout viewport that `position:fixed` is relative to).\n */\nexport function useVisualViewport(): CSSProperties {\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const { visualViewport } = window;\n\n    if (!visualViewport) {\n      return;\n    }\n\n    const update = (): void => {\n      const { offsetLeft: left, offsetTop: top, width, height } = visualViewport;\n\n      setStyle({\n        top,\n        left,\n        width,\n        height,\n      });\n    };\n\n    update();\n    visualViewport.addEventListener('resize', update);\n    visualViewport.addEventListener('scroll', update);\n\n    return () => {\n      visualViewport.removeEventListener('resize', update);\n      visualViewport.removeEventListener('scroll', update);\n    };\n  }, []);\n\n  return style;\n}\n\n/**\n * Locks body scroll while `locked` is true so the page behind a modal cannot\n * scroll. Restores the previous inline `overflow` on unlock, which keeps\n * stacked dialogs from clobbering each other.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') {\n      return;\n    }\n\n    const { body } = document;\n    const previous = body.style.overflow;\n\n    body.style.overflow = 'hidden';\n\n    return () => {\n      body.style.overflow = previous;\n    };\n  }, [locked]);\n}\n\nexport function trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const [first] = focusable;\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n"],"mappings":"uBAEA,IAAa,EACX,2IAQF,SAAgB,GAAmC,CACjD,GAAM,CAAC,EAAO,IAAA,EAAA,EAAA,UAAoC,CAAC,CAAC,EA8BpD,OA5BA,EAAA,EAAA,eAAgB,CACd,GAAM,CAAE,kBAAmB,OAE3B,GAAI,CAAC,EACH,OAGF,IAAM,MAAqB,CACzB,GAAM,CAAE,WAAY,EAAM,UAAW,EAAK,QAAO,UAAW,EAE5D,EAAS,CACP,MACA,OACA,QACA,QACF,CAAC,CACH,EAMA,OAJA,EAAO,EACP,EAAe,iBAAiB,SAAU,CAAM,EAChD,EAAe,iBAAiB,SAAU,CAAM,MAEnC,CACX,EAAe,oBAAoB,SAAU,CAAM,EACnD,EAAe,oBAAoB,SAAU,CAAM,CACrD,CACF,EAAG,CAAC,CAAC,EAEE,CACT,CAOA,SAAgB,EAAkB,EAAuB,EACvD,EAAA,EAAA,eAAgB,CACd,GAAI,CAAC,GAAU,OAAO,SAAa,IACjC,OAGF,GAAM,CAAE,QAAS,SACX,EAAW,EAAK,MAAM,SAI5B,MAFA,GAAK,MAAM,SAAW,aAET,CACX,EAAK,MAAM,SAAW,CACxB,CACF,EAAG,CAAC,CAAM,CAAC,CACb,CAEA,SAAgB,EAAU,EAAkC,EAAuC,CACjG,GAAI,EAAE,MAAQ,MACZ,OAGF,IAAM,EAAY,MAAM,KAAK,EAAI,SAAS,iBAAA,0IAAuC,GAAK,CAAC,CAAC,EAExF,GAAI,CAAC,EAAU,OACb,OAGF,GAAM,CAAC,GAAS,EACV,EAAO,EAAU,EAAU,OAAS,GAEtC,EAAE,SACA,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAK,MAAM,GAGT,SAAS,gBAAkB,IAC7B,EAAE,eAAe,EACjB,EAAM,MAAM,EAGlB"}

package/dist/components/Dialog/dialogUtils.js

@@ -33,7 +33,7 @@ function a(e, t) {
 	if (e.key !== "Tab") return;
 	let n = Array.from(t.current?.querySelectorAll("button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])") ?? []);
 	if (!n.length) return;
-	let r = n[0], i = n[n.length - 1];
+	let [r] = n, i = n[n.length - 1];
 	e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
 }
 //#endregion

package/dist/components/Dialog/dialogUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialogUtils.js","names":[],"sources":["../../../src/components/Dialog/dialogUtils.ts"],"sourcesContent":["import { type CSSProperties, type KeyboardEvent, type RefObject, useEffect, useState } from 'react';\n\nexport const FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Returns inline styles that anchor a `position:fixed` backdrop to the visual\n * viewport so the dialog stays centered when the virtual keyboard is open on\n * mobile (iOS Safari / Android Chrome shrink `visualViewport` but not the\n * layout viewport that `position:fixed` is relative to).\n */\nexport function useVisualViewport(): CSSProperties {\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const { visualViewport } = window;\n\n    if (!visualViewport) {\n      return;\n    }\n\n    const update = (): void => {\n      const { offsetLeft: left, offsetTop: top, width, height } = visualViewport;\n\n      setStyle({\n        top,\n        left,\n        width,\n        height,\n      });\n    };\n\n    update();\n    visualViewport.addEventListener('resize', update);\n    visualViewport.addEventListener('scroll', update);\n\n    return () => {\n      visualViewport.removeEventListener('resize', update);\n      visualViewport.removeEventListener('scroll', update);\n    };\n  }, []);\n\n  return style;\n}\n\n/**\n * Locks body scroll while `locked` is true so the page behind a modal cannot\n * scroll. Restores the previous inline `overflow` on unlock, which keeps\n * stacked dialogs from clobbering each other.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') {\n      return;\n    }\n\n    const { body } = document;\n    const previous = body.style.overflow;\n\n    body.style.overflow = 'hidden';\n\n    return () => {\n      body.style.overflow = previous;\n    };\n  }, [locked]);\n}\n\nexport function trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const first = focusable[0];\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n"],"mappings":";;AAEA,IAAa,IACX;AAQF,SAAgB,IAAmC;CACjD,IAAM,CAAC,GAAO,KAAY,EAAwB,CAAC,CAAC;CA8BpD,OA5BA,QAAgB;EACd,IAAM,EAAE,sBAAmB;EAE3B,IAAI,CAAC,GACH;EAGF,IAAM,UAAqB;GACzB,IAAM,EAAE,YAAY,GAAM,WAAW,GAAK,UAAO,cAAW;GAE5D,EAAS;IACP;IACA;IACA;IACA;GACF,CAAC;EACH;EAMA,OAJA,EAAO,GACP,EAAe,iBAAiB,UAAU,CAAM,GAChD,EAAe,iBAAiB,UAAU,CAAM,SAEnC;GAEX,AADA,EAAe,oBAAoB,UAAU,CAAM,GACnD,EAAe,oBAAoB,UAAU,CAAM;EACrD;CACF,GAAG,CAAC,CAAC,GAEE;AACT;AAOA,SAAgB,EAAkB,GAAuB;CACvD,QAAgB;EACd,IAAI,CAAC,KAAU,OAAO,WAAa,KACjC;EAGF,IAAM,EAAE,YAAS,UACX,IAAW,EAAK,MAAM;EAI5B,OAFA,EAAK,MAAM,WAAW,gBAET;GACX,EAAK,MAAM,WAAW;EACxB;CACF,GAAG,CAAC,CAAM,CAAC;AACb;AAEA,SAAgB,EAAU,GAAkC,GAAuC;CACjG,IAAI,EAAE,QAAQ,OACZ;CAGF,IAAM,IAAY,MAAM,KAAK,EAAI,SAAS,iBAAA,4IAAuC,KAAK,CAAC,CAAC;CAExF,IAAI,CAAC,EAAU,QACb;CAGF,IAAM,IAAQ,EAAU,IAClB,IAAO,EAAU,EAAU,SAAS;CAE1C,AAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAK,MAAM,KAGT,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAM,MAAM;AAGlB"}
+{"version":3,"file":"dialogUtils.js","names":[],"sources":["../../../src/components/Dialog/dialogUtils.ts"],"sourcesContent":["import { type CSSProperties, type KeyboardEvent, type RefObject, useEffect, useState } from 'react';\n\nexport const FOCUSABLE =\n  'button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])';\n\n/**\n * Returns inline styles that anchor a `position:fixed` backdrop to the visual\n * viewport so the dialog stays centered when the virtual keyboard is open on\n * mobile (iOS Safari / Android Chrome shrink `visualViewport` but not the\n * layout viewport that `position:fixed` is relative to).\n */\nexport function useVisualViewport(): CSSProperties {\n  const [style, setStyle] = useState<CSSProperties>({});\n\n  useEffect(() => {\n    const { visualViewport } = window;\n\n    if (!visualViewport) {\n      return;\n    }\n\n    const update = (): void => {\n      const { offsetLeft: left, offsetTop: top, width, height } = visualViewport;\n\n      setStyle({\n        top,\n        left,\n        width,\n        height,\n      });\n    };\n\n    update();\n    visualViewport.addEventListener('resize', update);\n    visualViewport.addEventListener('scroll', update);\n\n    return () => {\n      visualViewport.removeEventListener('resize', update);\n      visualViewport.removeEventListener('scroll', update);\n    };\n  }, []);\n\n  return style;\n}\n\n/**\n * Locks body scroll while `locked` is true so the page behind a modal cannot\n * scroll. Restores the previous inline `overflow` on unlock, which keeps\n * stacked dialogs from clobbering each other.\n */\nexport function useBodyScrollLock(locked: boolean): void {\n  useEffect(() => {\n    if (!locked || typeof document === 'undefined') {\n      return;\n    }\n\n    const { body } = document;\n    const previous = body.style.overflow;\n\n    body.style.overflow = 'hidden';\n\n    return () => {\n      body.style.overflow = previous;\n    };\n  }, [locked]);\n}\n\nexport function trapFocus(e: KeyboardEvent<HTMLDivElement>, ref: RefObject<HTMLDivElement | null>) {\n  if (e.key !== 'Tab') {\n    return;\n  }\n\n  const focusable = Array.from(ref.current?.querySelectorAll<HTMLElement>(FOCUSABLE) ?? []);\n\n  if (!focusable.length) {\n    return;\n  }\n\n  const [first] = focusable;\n  const last = focusable[focusable.length - 1];\n\n  if (e.shiftKey) {\n    if (document.activeElement === first) {\n      e.preventDefault();\n      last.focus();\n    }\n  } else {\n    if (document.activeElement === last) {\n      e.preventDefault();\n      first.focus();\n    }\n  }\n}\n"],"mappings":";;AAEA,IAAa,IACX;AAQF,SAAgB,IAAmC;CACjD,IAAM,CAAC,GAAO,KAAY,EAAwB,CAAC,CAAC;CA8BpD,OA5BA,QAAgB;EACd,IAAM,EAAE,sBAAmB;EAE3B,IAAI,CAAC,GACH;EAGF,IAAM,UAAqB;GACzB,IAAM,EAAE,YAAY,GAAM,WAAW,GAAK,UAAO,cAAW;GAE5D,EAAS;IACP;IACA;IACA;IACA;GACF,CAAC;EACH;EAMA,OAJA,EAAO,GACP,EAAe,iBAAiB,UAAU,CAAM,GAChD,EAAe,iBAAiB,UAAU,CAAM,SAEnC;GAEX,AADA,EAAe,oBAAoB,UAAU,CAAM,GACnD,EAAe,oBAAoB,UAAU,CAAM;EACrD;CACF,GAAG,CAAC,CAAC,GAEE;AACT;AAOA,SAAgB,EAAkB,GAAuB;CACvD,QAAgB;EACd,IAAI,CAAC,KAAU,OAAO,WAAa,KACjC;EAGF,IAAM,EAAE,YAAS,UACX,IAAW,EAAK,MAAM;EAI5B,OAFA,EAAK,MAAM,WAAW,gBAET;GACX,EAAK,MAAM,WAAW;EACxB;CACF,GAAG,CAAC,CAAM,CAAC;AACb;AAEA,SAAgB,EAAU,GAAkC,GAAuC;CACjG,IAAI,EAAE,QAAQ,OACZ;CAGF,IAAM,IAAY,MAAM,KAAK,EAAI,SAAS,iBAAA,4IAAuC,KAAK,CAAC,CAAC;CAExF,IAAI,CAAC,EAAU,QACb;CAGF,IAAM,CAAC,KAAS,GACV,IAAO,EAAU,EAAU,SAAS;CAE1C,AAAI,EAAE,WACA,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAK,MAAM,KAGT,SAAS,kBAAkB,MAC7B,EAAE,eAAe,GACjB,EAAM,MAAM;AAGlB"}

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

@@ -1,2 +1,2 @@
-var e={backdrop:`_backdrop_z2wwe_3`,"backdrop-in":`_backdrop-in_z2wwe_1`,drawer:`_drawer_z2wwe_28`,classic:`_classic_z2wwe_40`,wide:`_wide_z2wwe_44`,left:`_left_z2wwe_48`,"drawer-in-left":`_drawer-in-left_z2wwe_1`,right:`_right_z2wwe_58`,"drawer-in-right":`_drawer-in-right_z2wwe_1`,title:`_title_z2wwe_86`,titleText:`_titleText_z2wwe_94`,content:`_content_z2wwe_104`};exports.default=e;
+var e={backdrop:`_backdrop_iaig7_3`,"backdrop-in":`_backdrop-in_iaig7_1`,drawer:`_drawer_iaig7_25`,classic:`_classic_iaig7_36`,wide:`_wide_iaig7_40`,left:`_left_iaig7_44`,"drawer-in-left":`_drawer-in-left_iaig7_1`,right:`_right_iaig7_54`,"drawer-in-right":`_drawer-in-right_iaig7_1`,title:`_title_iaig7_84`,titleText:`_titleText_iaig7_92`,content:`_content_iaig7_101`};exports.default=e;
 //# sourceMappingURL=Drawer.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.module.css.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":["/* ─── Backdrop ─────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Drawer ──────────────────────────────────────────────────────────────── */\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  width: min(var(--gnome-drawer-width, var(--gnome-drawer-preset-width, 420px)), 100vw);\n  height: 100dvh;\n  min-width: 0;\n  overflow: hidden;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.classic {\n  --gnome-drawer-preset-width: 420px;\n}\n\n.wide {\n  --gnome-drawer-preset-width: 640px;\n}\n\n.left {\n  margin-right: auto;\n  border-radius: 0 var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0;\n  box-shadow:\n    4px 0 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n  animation: drawer-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.right {\n  margin-left: auto;\n  border-radius: var(--gnome-radius-xl, 16px) 0 0 var(--gnome-radius-xl, 16px);\n  box-shadow:\n    -4px 0 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n  animation: drawer-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes drawer-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes drawer-in-right {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n.title {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n}\n\n.titleText {\n  flex: 1;\n  min-width: 0;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n}\n\n.content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n.title + .content {\n  padding-top: 0;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .drawer {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n  }\n\n  .left {\n    box-shadow:\n      4px 0 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n\n  .right {\n    box-shadow:\n      -4px 0 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .left,\n  .right {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Drawer.module.css.cjs","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":["/* ─── Backdrop ─────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  background-color: rgb(0 0 0 / 0.5);\n  backdrop-filter: blur(4px);\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Drawer ──────────────────────────────────────────────────────────────── */\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  width: min(var(--gnome-drawer-width, var(--gnome-drawer-preset-width, 420px)), 100vw);\n  height: 100dvh;\n  min-width: 0;\n  overflow: hidden;\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.classic {\n  --gnome-drawer-preset-width: 420px;\n}\n\n.wide {\n  --gnome-drawer-preset-width: 640px;\n}\n\n.left {\n  margin-right: auto;\n  border-radius: 0 var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0;\n  box-shadow:\n    4px 0 24px rgb(0 0 0 / 0.18),\n    0 0 0 1px rgb(0 0 0 / 0.06);\n  animation: drawer-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.right {\n  margin-left: auto;\n  border-radius: var(--gnome-radius-xl, 16px) 0 0 var(--gnome-radius-xl, 16px);\n  box-shadow:\n    -4px 0 24px rgb(0 0 0 / 0.18),\n    0 0 0 1px rgb(0 0 0 / 0.06);\n  animation: drawer-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes drawer-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes drawer-in-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n.title {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n}\n\n.titleText {\n  flex: 1;\n  min-width: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n}\n\n.content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n.title + .content {\n  padding-top: 0;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgb(0 0 0 / 0.65);\n  }\n\n  .drawer {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n  }\n\n  .left {\n    box-shadow:\n      4px 0 24px rgb(0 0 0 / 0.45),\n      0 0 0 1px rgb(255 255 255 / 0.06);\n  }\n\n  .right {\n    box-shadow:\n      -4px 0 24px rgb(0 0 0 / 0.45),\n      0 0 0 1px rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .left,\n  .right {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,16 +1,16 @@
 var e = {
-	backdrop: "_backdrop_z2wwe_3",
-	"backdrop-in": "_backdrop-in_z2wwe_1",
-	drawer: "_drawer_z2wwe_28",
-	classic: "_classic_z2wwe_40",
-	wide: "_wide_z2wwe_44",
-	left: "_left_z2wwe_48",
-	"drawer-in-left": "_drawer-in-left_z2wwe_1",
-	right: "_right_z2wwe_58",
-	"drawer-in-right": "_drawer-in-right_z2wwe_1",
-	title: "_title_z2wwe_86",
-	titleText: "_titleText_z2wwe_94",
-	content: "_content_z2wwe_104"
+	backdrop: "_backdrop_iaig7_3",
+	"backdrop-in": "_backdrop-in_iaig7_1",
+	drawer: "_drawer_iaig7_25",
+	classic: "_classic_iaig7_36",
+	wide: "_wide_iaig7_40",
+	left: "_left_iaig7_44",
+	"drawer-in-left": "_drawer-in-left_iaig7_1",
+	right: "_right_iaig7_54",
+	"drawer-in-right": "_drawer-in-right_iaig7_1",
+	title: "_title_iaig7_84",
+	titleText: "_titleText_iaig7_92",
+	content: "_content_iaig7_101"
 };
 //#endregion
 export { e as default };

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

@@ -1 +1 @@
-{"version":3,"file":"Drawer.module.css.js","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":["/* ─── Backdrop ─────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n\n  display: flex;\n\n  background-color: rgba(0, 0, 0, 0.5);\n  backdrop-filter: blur(4px);\n  -webkit-backdrop-filter: blur(4px);\n\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Drawer ──────────────────────────────────────────────────────────────── */\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  width: min(var(--gnome-drawer-width, var(--gnome-drawer-preset-width, 420px)), 100vw);\n  height: 100dvh;\n  min-width: 0;\n  overflow: hidden;\n\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n}\n\n.classic {\n  --gnome-drawer-preset-width: 420px;\n}\n\n.wide {\n  --gnome-drawer-preset-width: 640px;\n}\n\n.left {\n  margin-right: auto;\n  border-radius: 0 var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0;\n  box-shadow:\n    4px 0 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n  animation: drawer-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.right {\n  margin-left: auto;\n  border-radius: var(--gnome-radius-xl, 16px) 0 0 var(--gnome-radius-xl, 16px);\n  box-shadow:\n    -4px 0 24px rgba(0, 0, 0, 0.18),\n    0 0 0 1px rgba(0, 0, 0, 0.06);\n  animation: drawer-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes drawer-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes drawer-in-right {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n\n.title {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n}\n\n.titleText {\n  flex: 1;\n  min-width: 0;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n}\n\n.content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n.title + .content {\n  padding-top: 0;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgba(0, 0, 0, 0.65);\n  }\n\n  .drawer {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n  }\n\n  .left {\n    box-shadow:\n      4px 0 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n\n  .right {\n    box-shadow:\n      -4px 0 24px rgba(0, 0, 0, 0.45),\n      0 0 0 1px rgba(255, 255, 255, 0.06);\n  }\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .left,\n  .right {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Drawer.module.css.js","names":[],"sources":["../../../src/components/Drawer/Drawer.module.css"],"sourcesContent":["/* ─── Backdrop ─────────────────────────────────────────────────────────────── */\n\n.backdrop {\n  position: fixed;\n  inset: 0;\n  z-index: 10000;\n  display: flex;\n  background-color: rgb(0 0 0 / 0.5);\n  backdrop-filter: blur(4px);\n  animation: backdrop-in var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes backdrop-in {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n\n/* ─── Drawer ──────────────────────────────────────────────────────────────── */\n\n.drawer {\n  display: flex;\n  flex-direction: column;\n  width: min(var(--gnome-drawer-width, var(--gnome-drawer-preset-width, 420px)), 100vw);\n  height: 100dvh;\n  min-width: 0;\n  overflow: hidden;\n  background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #fafafa));\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n}\n\n.classic {\n  --gnome-drawer-preset-width: 420px;\n}\n\n.wide {\n  --gnome-drawer-preset-width: 640px;\n}\n\n.left {\n  margin-right: auto;\n  border-radius: 0 var(--gnome-radius-xl, 16px) var(--gnome-radius-xl, 16px) 0;\n  box-shadow:\n    4px 0 24px rgb(0 0 0 / 0.18),\n    0 0 0 1px rgb(0 0 0 / 0.06);\n  animation: drawer-in-left var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n.right {\n  margin-left: auto;\n  border-radius: var(--gnome-radius-xl, 16px) 0 0 var(--gnome-radius-xl, 16px);\n  box-shadow:\n    -4px 0 24px rgb(0 0 0 / 0.18),\n    0 0 0 1px rgb(0 0 0 / 0.06);\n  animation: drawer-in-right var(--gnome-duration-normal, 200ms) var(--gnome-easing-default, ease)\n    both;\n}\n\n@keyframes drawer-in-left {\n  from {\n    transform: translateX(-100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n@keyframes drawer-in-right {\n  from {\n    transform: translateX(100%);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n}\n\n.title {\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: var(--gnome-space-4, 24px) var(--gnome-space-4, 24px) var(--gnome-space-2, 12px);\n}\n\n.titleText {\n  flex: 1;\n  min-width: 0;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-title-4, 1.125rem);\n  font-weight: var(--gnome-font-weight-bold, 700);\n  line-height: var(--gnome-line-height-title, 1.3);\n}\n\n.content {\n  flex: 1;\n  min-height: 0;\n  overflow: auto;\n  padding: var(--gnome-space-4, 24px);\n}\n\n.title + .content {\n  padding-top: 0;\n}\n\n/* ─── Dark mode ────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .backdrop {\n    background-color: rgb(0 0 0 / 0.65);\n  }\n\n  .drawer {\n    background-color: var(--gnome-dialog-bg-color, var(--gnome-window-bg-color, #242424));\n  }\n\n  .left {\n    box-shadow:\n      4px 0 24px rgb(0 0 0 / 0.45),\n      0 0 0 1px rgb(255 255 255 / 0.06);\n  }\n\n  .right {\n    box-shadow:\n      -4px 0 24px rgb(0 0 0 / 0.45),\n      0 0 0 1px rgb(255 255 255 / 0.06);\n  }\n}\n\n/* ─── Reduced motion ──────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .backdrop,\n  .left,\n  .right {\n    animation: none;\n  }\n}\n"],"mappings":""}

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

@@ -1,2 +1,2 @@
-var e={wrapper:`_wrapper_15m1u_3`,trigger:`_trigger_15m1u_11`,triggerOpen:`_triggerOpen_15m1u_63`,triggerLabel:`_triggerLabel_15m1u_73`,placeholder:`_placeholder_15m1u_81`,chevron:`_chevron_15m1u_87`,chevronOpen:`_chevronOpen_15m1u_94`,list:`_list_15m1u_100`,"list-in":`_list-in_15m1u_1`,listDown:`_listDown_15m1u_137`,listUp:`_listUp_15m1u_141`,"list-in-up":`_list-in-up_15m1u_1`,option:`_option_15m1u_161`,optionActive:`_optionActive_15m1u_178`,optionSelected:`_optionSelected_15m1u_182`,optionDisabled:`_optionDisabled_15m1u_186`,optionText:`_optionText_15m1u_194`,optionLabel:`_optionLabel_15m1u_202`,optionDesc:`_optionDesc_15m1u_208`,checkIcon:`_checkIcon_15m1u_218`};exports.default=e;
+var e={wrapper:`_wrapper_1kea4_3`,trigger:`_trigger_1kea4_11`,triggerOpen:`_triggerOpen_1kea4_58`,triggerLabel:`_triggerLabel_1kea4_68`,placeholder:`_placeholder_1kea4_76`,chevron:`_chevron_1kea4_82`,chevronOpen:`_chevronOpen_1kea4_89`,list:`_list_1kea4_95`,"list-in":`_list-in_1kea4_1`,listDown:`_listDown_1kea4_129`,listUp:`_listUp_1kea4_133`,"list-in-up":`_list-in-up_1kea4_1`,option:`_option_1kea4_154`,optionActive:`_optionActive_1kea4_168`,optionSelected:`_optionSelected_1kea4_172`,optionDisabled:`_optionDisabled_1kea4_176`,optionText:`_optionText_1kea4_184`,optionLabel:`_optionLabel_1kea4_192`,optionDesc:`_optionDesc_1kea4_198`,checkIcon:`_checkIcon_1kea4_208`};exports.default=e;
 //# sourceMappingURL=Dropdown.module.css.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.module.css.cjs","names":[],"sources":["../../../src/components/Dropdown/Dropdown.module.css"],"sourcesContent":["/* ─── Wrapper ────────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 160px;\n}\n\n/* ─── Trigger button ─────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n\n  padding: 7px var(--gnome-space-2, 12px);\n  min-height: 36px;\n\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #ffffff);\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgba(0, 0, 0, 0.08));\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n\n  transition:\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    border-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #ffffff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ──────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron icon ───────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ────────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #ffffff));\n  border: 1px solid var(--gnome-card-shade-color, rgba(0, 0, 0, 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgba(0, 0, 0, 0.12),\n    0 1px 3px rgba(0, 0, 0, 0.08);\n\n  max-height: 280px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n\n  animation: list-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ─────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 8px var(--gnome-space-2, 12px);\n  min-height: 40px;\n\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgba(0, 0, 0, 0.8));\n\n  cursor: pointer;\n  user-select: none;\n\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Option text block ──────────────────────────────────────────────────────── */\n\n.optionText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.optionLabel {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.optionDesc {\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Check icon (selected) ──────────────────────────────────────────────────── */\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\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  .trigger:hover:not(:disabled) {\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgba(255, 255, 255, 0.1);\n    box-shadow:\n      0 4px 16px rgba(0, 0, 0, 0.4),\n      0 1px 3px rgba(0, 0, 0, 0.3);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"Dropdown.module.css.cjs","names":[],"sources":["../../../src/components/Dropdown/Dropdown.module.css"],"sourcesContent":["/* ─── Wrapper ────────────────────────────────────────────────────────────────── */\n\n.wrapper {\n  position: relative;\n  display: inline-block;\n  min-width: 160px;\n}\n\n/* ─── Trigger button ─────────────────────────────────────────────────────────── */\n\n.trigger {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: var(--gnome-space-1, 6px);\n  width: 100%;\n  padding: 7px var(--gnome-space-2, 12px);\n  min-height: 36px;\n  appearance: none;\n  background-color: var(--gnome-card-bg-color, #fff);\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.15));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow: var(--gnome-shadow-sm, 0 1px 2px rgb(0 0 0 / 0.08));\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  font-weight: var(--gnome-font-weight-normal, 400);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  text-align: left;\n  transition:\n    background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    border-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease),\n    box-shadow var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.trigger:hover:not(:disabled) {\n  background-color: color-mix(in srgb, var(--gnome-card-bg-color, #fff) 90%, black 10%);\n}\n\n.trigger:focus {\n  outline: none;\n}\n\n.trigger:focus-visible {\n  border-color: var(--gnome-accent-color, #3584e4);\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.trigger:disabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n}\n\n.triggerOpen {\n  border-color: var(--gnome-accent-color, #3584e4);\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/* ─── Trigger label ──────────────────────────────────────────────────────────── */\n\n.triggerLabel {\n  flex: 1;\n  min-width: 0;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.placeholder {\n  opacity: var(--gnome-opacity-dim, 0.55);\n}\n\n/* ─── Chevron icon ───────────────────────────────────────────────────────────── */\n\n.chevron {\n  flex-shrink: 0;\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  opacity: var(--gnome-opacity-dim, 0.55);\n  transition: transform var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.chevronOpen {\n  transform: rotate(180deg);\n}\n\n/* ─── Listbox ────────────────────────────────────────────────────────────────── */\n\n.list {\n  position: absolute;\n  left: 0;\n  right: 0;\n  z-index: 1000;\n  margin: 0;\n  padding: 4px 0;\n  list-style: none;\n  background-color: var(--gnome-popover-bg-color, var(--gnome-card-bg-color, #fff));\n  border: 1px solid var(--gnome-card-shade-color, rgb(0 0 0 / 0.12));\n  border-radius: var(--gnome-radius-md, 8px);\n  box-shadow:\n    0 4px 16px rgb(0 0 0 / 0.12),\n    0 1px 3px rgb(0 0 0 / 0.08);\n  max-height: 280px;\n  overflow-y: auto;\n  overscroll-behavior: contain;\n  animation: list-in var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease) both;\n}\n\n@keyframes list-in {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: top center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: top center;\n  }\n}\n\n.listDown {\n  top: calc(100% + 4px);\n}\n\n.listUp {\n  bottom: calc(100% + 4px);\n  animation-name: list-in-up;\n}\n\n@keyframes list-in-up {\n  from {\n    opacity: 0;\n    transform: scaleY(0.95);\n    transform-origin: bottom center;\n  }\n\n  to {\n    opacity: 1;\n    transform: scaleY(1);\n    transform-origin: bottom center;\n  }\n}\n\n/* ─── Option ─────────────────────────────────────────────────────────────────── */\n\n.option {\n  display: flex;\n  align-items: center;\n  gap: var(--gnome-space-2, 12px);\n  padding: 8px var(--gnome-space-2, 12px);\n  min-height: 40px;\n  font-family: var(--gnome-font-family);\n  font-size: var(--gnome-font-size-body, 1rem);\n  color: var(--gnome-window-fg-color, rgb(0 0 0 / 0.8));\n  cursor: pointer;\n  user-select: none;\n  transition: background-color var(--gnome-duration-fast, 100ms) var(--gnome-easing-default, ease);\n}\n\n.optionActive {\n  background-color: color-mix(in srgb, var(--gnome-accent-bg-color, #3584e4) 12%, transparent);\n}\n\n.optionSelected {\n  font-weight: var(--gnome-font-weight-semibold, 600);\n}\n\n.optionDisabled {\n  opacity: var(--gnome-opacity-disabled, 0.5);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n\n/* ─── Option text block ──────────────────────────────────────────────────────── */\n\n.optionText {\n  flex: 1;\n  min-width: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1px;\n}\n\n.optionLabel {\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n.optionDesc {\n  font-size: var(--gnome-font-size-caption, 0.8125rem);\n  opacity: var(--gnome-opacity-dim, 0.55);\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n}\n\n/* ─── Check icon (selected) ──────────────────────────────────────────────────── */\n\n.checkIcon {\n  flex-shrink: 0;\n  color: var(--gnome-accent-color, #3584e4);\n}\n\n/* ─── Dark mode ──────────────────────────────────────────────────────────────── */\n\n@media (prefers-color-scheme: dark) {\n  .trigger {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.12);\n    box-shadow: none;\n  }\n\n  .trigger:hover:not(:disabled) {\n    background-color: rgb(255 255 255 / 0.08);\n  }\n\n  .list {\n    background-color: var(--gnome-card-bg-color, #383838);\n    border-color: rgb(255 255 255 / 0.1);\n    box-shadow:\n      0 4px 16px rgb(0 0 0 / 0.4),\n      0 1px 3px rgb(0 0 0 / 0.3);\n  }\n}\n\n/* ─── Reduced motion ─────────────────────────────────────────────────────────── */\n\n@media (prefers-reduced-motion: reduce) {\n  .trigger,\n  .chevron {\n    transition: none;\n  }\n\n  .list {\n    animation: none;\n  }\n}\n"],"mappings":""}