npm - tempest-react-sdk - Versions diffs - 0.62.0 → 0.64.0 - Mend

tempest-react-sdk 0.62.0 → 0.64.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (808) hide show

package/dist/components/Toast/Toast.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toast.module.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n z-index: var(--tempest-z-toast);\n pointer-events: none;\n max-width: 100%;\n}\n\n/* Top /\n.positionTopRight {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n\n/ Bottom /\n.positionBottomRight {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n\n/ Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n .container {\n left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n transform: none !important;\n }\n .positionTopRight,\n .positionTopLeft,\n .positionTopCenter {\n top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n }\n .positionBottomRight,\n .positionBottomLeft,\n .positionBottomCenter {\n bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n }\n .toast {\n min-width: 0;\n max-width: 100%;\n }\n}\n\n.toast {\n pointer-events: auto;\n display: flex;\n align-items: flex-start;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n border: 1px solid var(--tempest-border);\n box-shadow: var(--tempest-shadow-lg);\n min-width: 280px;\n max-width: 420px;\n animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-base);\n color: var(--tempest-text);\n line-height: var(--tempest-leading-snug);\n margin: 0;\n}\n\n.description {\n font-size: var(--tempest-text-sm);\n color: var(--tempest-text-muted);\n line-height: var(--tempest-leading-snug);\n margin: 2px 0 0 0;\n}\n\n.close {\n margin-left: auto;\n background: none;\n border: none;\n color: var(--tempest-text-muted);\n padding: 4px;\n border-radius: var(--tempest-radius-sm);\n display: flex;\n align-items: center;\n transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n }\n}\n\n.close:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n from {\n transform: translateX(24px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .toast {\n animation: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Toast.module.js","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n z-index: var(--tempest-z-toast);\n pointer-events: none;\n max-width: 100%;\n}\n\n/* Top /\n.positionTopRight {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n\n/ Bottom /\n.positionBottomRight {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n left: 50%;\n transform: translateX(-50%);\n align-items: center;\n}\n\n/ Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n .container {\n left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n transform: none !important;\n }\n .positionTopRight,\n .positionTopLeft,\n .positionTopCenter {\n top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n }\n .positionBottomRight,\n .positionBottomLeft,\n .positionBottomCenter {\n bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n }\n .toast {\n min-width: 0;\n max-width: 100%;\n }\n}\n\n.toast {\n pointer-events: auto;\n display: flex;\n align-items: flex-start;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n border: 1px solid var(--tempest-border);\n box-shadow: var(--tempest-shadow-lg);\n min-width: 280px;\n max-width: 420px;\n animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-base);\n color: var(--tempest-text);\n line-height: var(--tempest-leading-snug);\n margin: 0;\n}\n\n.description {\n font-size: var(--tempest-text-sm);\n color: var(--tempest-text-muted);\n line-height: var(--tempest-leading-snug);\n margin: 2px 0 0 0;\n}\n\n.close {\n margin-left: auto;\n background: none;\n border: none;\n color: var(--tempest-text-muted);\n padding: 4px;\n border-radius: var(--tempest-radius-sm);\n display: flex;\n align-items: center;\n transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n }\n}\n\n.close:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n from {\n transform: translateX(24px);\n opacity: 0;\n }\n to {\n transform: translateX(0);\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .toast {\n animation: none;\n }\n}\n"],"mappings":";"}

package/dist/components/Toggle/Toggle.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/Toggle.css");
 var e=`tempest_toggle_kmzmH`,t=`tempest_outline_aFbzy`,n=`tempest_pressed_hX319`,r=`tempest_sm_JTqaB`,i=`tempest_md_QfS4K`,a=`tempest_lg_ajzsM`,o={toggle:e,outline:t,pressed:n,sm:r,md:i,lg:a};exports.default=o,exports.lg=a,exports.md=i,exports.outline=t,exports.pressed=n,exports.sm=r,exports.toggle=e;
 //# sourceMappingURL=Toggle.module.cjs.map

package/dist/components/Toggle/Toggle.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.module.cjs","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n border: 1px solid transparent;\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .toggle:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.toggle:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n\n.toggle:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.outline {\n background-color: transparent;\n border-color: var(--tempest-border);\n}\n\n.pressed {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .pressed:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n\n.sm {\n min-height: 1.75rem;\n padding: 0 var(--tempest-space-2);\n font-size: var(--tempest-text-xs);\n}\n\n.md {\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n font-size: var(--tempest-text-sm);\n}\n\n.lg {\n min-height: 2.75rem;\n padding: 0 var(--tempest-space-4);\n font-size: var(--tempest-text-base);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Toggle.module.cjs","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n border: 1px solid transparent;\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .toggle:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.toggle:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n\n.toggle:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.outline {\n background-color: transparent;\n border-color: var(--tempest-border);\n}\n\n.pressed {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .pressed:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n\n.sm {\n min-height: 1.75rem;\n padding: 0 var(--tempest-space-2);\n font-size: var(--tempest-text-xs);\n}\n\n.md {\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n font-size: var(--tempest-text-sm);\n}\n\n.lg {\n min-height: 2.75rem;\n padding: 0 var(--tempest-space-4);\n font-size: var(--tempest-text-base);\n}\n"],"mappings":";"}

package/dist/components/Toggle/Toggle.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/Toggle.css";
 //#region src/components/Toggle/Toggle.module.css
 var e = "tempest_toggle_kmzmH", t = "tempest_outline_aFbzy", n = "tempest_pressed_hX319", r = "tempest_sm_JTqaB", i = "tempest_md_QfS4K", a = "tempest_lg_ajzsM", o = {
 	toggle: e,

package/dist/components/Toggle/Toggle.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Toggle.module.js","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n border: 1px solid transparent;\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .toggle:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.toggle:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n\n.toggle:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.outline {\n background-color: transparent;\n border-color: var(--tempest-border);\n}\n\n.pressed {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .pressed:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n\n.sm {\n min-height: 1.75rem;\n padding: 0 var(--tempest-space-2);\n font-size: var(--tempest-text-xs);\n}\n\n.md {\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n font-size: var(--tempest-text-sm);\n}\n\n.lg {\n min-height: 2.75rem;\n padding: 0 var(--tempest-space-4);\n font-size: var(--tempest-text-base);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Toggle.module.js","names":[],"sources":["../../../src/components/Toggle/Toggle.module.css"],"sourcesContent":[".toggle {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n border: 1px solid transparent;\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .toggle:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.toggle:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n\n.toggle:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.outline {\n background-color: transparent;\n border-color: var(--tempest-border);\n}\n\n.pressed {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n border-color: var(--tempest-primary-soft);\n}\n\n.outline.pressed {\n border-color: var(--tempest-primary);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .pressed:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n\n.sm {\n min-height: 1.75rem;\n padding: 0 var(--tempest-space-2);\n font-size: var(--tempest-text-xs);\n}\n\n.md {\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n font-size: var(--tempest-text-sm);\n}\n\n.lg {\n min-height: 2.75rem;\n padding: 0 var(--tempest-space-4);\n font-size: var(--tempest-text-base);\n}\n"],"mappings":";"}

package/dist/components/ToggleGroup/ToggleGroup.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/ToggleGroup.css");
 var e=`tempest_group_XZCDJ`,t=`tempest_item_B-27E`,n=`tempest_selected_OHPVQ`,r={group:e,item:t,selected:n};exports.default=r,exports.group=e,exports.item=t,exports.selected=n;
 //# sourceMappingURL=ToggleGroup.module.cjs.map

package/dist/components/ToggleGroup/ToggleGroup.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleGroup.module.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n display: inline-flex;\n align-items: stretch;\n gap: 0;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n overflow: hidden;\n}\n\n.item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n border: none;\n border-left: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n.item:first-child {\n border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .item:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.item:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: -2px;\n z-index: 1;\n}\n\n.item:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .selected:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"ToggleGroup.module.cjs","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n display: inline-flex;\n align-items: stretch;\n gap: 0;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n overflow: hidden;\n}\n\n.item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n border: none;\n border-left: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n.item:first-child {\n border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .item:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.item:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: -2px;\n z-index: 1;\n}\n\n.item:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .selected:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n"],"mappings":";"}

package/dist/components/ToggleGroup/ToggleGroup.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/ToggleGroup.css";
 //#region src/components/ToggleGroup/ToggleGroup.module.css
 var e = "tempest_group_XZCDJ", t = "tempest_item_B-27E", n = "tempest_selected_OHPVQ", r = {
 	group: e,

package/dist/components/ToggleGroup/ToggleGroup.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ToggleGroup.module.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n display: inline-flex;\n align-items: stretch;\n gap: 0;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n overflow: hidden;\n}\n\n.item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n border: none;\n border-left: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n.item:first-child {\n border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .item:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.item:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: -2px;\n z-index: 1;\n}\n\n.item:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .selected:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"ToggleGroup.module.js","names":[],"sources":["../../../src/components/ToggleGroup/ToggleGroup.module.css"],"sourcesContent":[".group {\n display: inline-flex;\n align-items: stretch;\n gap: 0;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n overflow: hidden;\n}\n\n.item {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tempest-space-2);\n min-height: 2.25rem;\n padding: 0 var(--tempest-space-3);\n border: none;\n border-left: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n cursor: pointer;\n transition:\n var(--tempest-transition-color),\n background-color var(--tempest-duration-base) var(--tempest-ease-emphasized);\n white-space: nowrap;\n}\n\n.item:first-child {\n border-left: none;\n}\n\n@media (hover: hover) and (pointer: fine) {\n .item:hover {\n background-color: var(--tempest-surface-2);\n }\n}\n\n.item:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: -2px;\n z-index: 1;\n}\n\n.item:disabled {\n opacity: 0.55;\n cursor: not-allowed;\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .selected:hover {\n background-color: var(--tempest-primary-soft-hover, var(--tempest-primary-soft));\n }\n}\n"],"mappings":";"}

package/dist/components/Tooltip/Tooltip.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/Tooltip.css");
 var e=`tempest_trigger_Dmc5E`,t=`tempest_bubble_TPGHB`,n=`tempest_tempest-tooltip-in_csYeZ`,r=`tempest_top_m2tnn`,i=`tempest_bottom_9Twz4`,a=`tempest_left_UPdrG`,o=`tempest_right_CV--T`,s={trigger:e,bubble:t,tempestTooltipIn:n,top:r,bottom:i,left:a,right:o};exports.bottom=i,exports.bubble=t,exports.default=s,exports.left=a,exports.right=o,exports.tempestTooltipIn=n,exports.top=r,exports.trigger=e;
 //# sourceMappingURL=Tooltip.module.cjs.map

package/dist/components/Tooltip/Tooltip.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.module.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n display: inline-flex;\n position: relative;\n}\n\n.bubble {\n position: absolute;\n z-index: var(--tempest-z-tooltip);\n background-color: var(--tempest-gray-900);\n color: #ffffff;\n padding: 6px 10px;\n border-radius: var(--tempest-radius-sm);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-xs);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n white-space: nowrap;\n pointer-events: none;\n box-shadow: var(--tempest-shadow-lg);\n animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.bottom {\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.left {\n right: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n.right {\n left: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n from {\n opacity: 0;\n transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n }\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bubble {\n animation: none;\n }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n .bubble {\n display: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Tooltip.module.cjs","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n display: inline-flex;\n position: relative;\n}\n\n.bubble {\n position: absolute;\n z-index: var(--tempest-z-tooltip);\n background-color: var(--tempest-gray-900);\n color: #ffffff;\n padding: 6px 10px;\n border-radius: var(--tempest-radius-sm);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-xs);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n white-space: nowrap;\n pointer-events: none;\n box-shadow: var(--tempest-shadow-lg);\n animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.bottom {\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.left {\n right: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n.right {\n left: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n from {\n opacity: 0;\n transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n }\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bubble {\n animation: none;\n }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n .bubble {\n display: none;\n }\n}\n"],"mappings":";"}

package/dist/components/Tooltip/Tooltip.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/Tooltip.css";
 //#region src/components/Tooltip/Tooltip.module.css
 var e = "tempest_trigger_Dmc5E", t = "tempest_bubble_TPGHB", n = "tempest_tempest-tooltip-in_csYeZ", r = "tempest_top_m2tnn", i = "tempest_bottom_9Twz4", a = "tempest_left_UPdrG", o = "tempest_right_CV--T", s = {
 	trigger: e,

package/dist/components/Tooltip/Tooltip.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n display: inline-flex;\n position: relative;\n}\n\n.bubble {\n position: absolute;\n z-index: var(--tempest-z-tooltip);\n background-color: var(--tempest-gray-900);\n color: #ffffff;\n padding: 6px 10px;\n border-radius: var(--tempest-radius-sm);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-xs);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n white-space: nowrap;\n pointer-events: none;\n box-shadow: var(--tempest-shadow-lg);\n animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.bottom {\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.left {\n right: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n.right {\n left: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n from {\n opacity: 0;\n transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n }\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bubble {\n animation: none;\n }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n .bubble {\n display: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Tooltip.module.js","names":[],"sources":["../../../src/components/Tooltip/Tooltip.module.css"],"sourcesContent":[".trigger {\n display: inline-flex;\n position: relative;\n}\n\n.bubble {\n position: absolute;\n z-index: var(--tempest-z-tooltip);\n background-color: var(--tempest-gray-900);\n color: #ffffff;\n padding: 6px 10px;\n border-radius: var(--tempest-radius-sm);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-xs);\n font-weight: var(--tempest-weight-medium);\n line-height: var(--tempest-leading-snug);\n white-space: nowrap;\n pointer-events: none;\n box-shadow: var(--tempest-shadow-lg);\n animation: tempest-tooltip-in var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.top {\n bottom: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.bottom {\n top: calc(100% + 8px);\n left: 50%;\n transform: translateX(-50%);\n}\n\n.left {\n right: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n.right {\n left: calc(100% + 8px);\n top: 50%;\n transform: translateY(-50%);\n}\n\n@keyframes tempest-tooltip-in {\n from {\n opacity: 0;\n transform: scale(0.94) translate(var(--tempest-tx, 0), var(--tempest-ty, 0));\n }\n to {\n opacity: 1;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .bubble {\n animation: none;\n }\n}\n\n/* Hide tooltip on touch / no-hover devices — tap+hold leaves\n * tooltip stuck visible and competes with native long-press menus. */\n@media (hover: none) {\n .bubble {\n display: none;\n }\n}\n"],"mappings":";"}

package/dist/components/Tour/Tour.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/Tour.css");
 var e=`tempest_root_o2Dqb`,t=`tempest_backdrop_TVqRI`,n=`tempest_spotlight_0N62-`,r=`tempest_card_eurpw`,i=`tempest_header_PTKGS`,a=`tempest_progress_WzQ2f`,o=`tempest_close_z43ed`,s=`tempest_title_an3mi`,c=`tempest_body_RUlwz`,l=`tempest_footer_i-Mo6`,u=`tempest_actions_n-L-Q`,d=`tempest_skip_IdWQY`,f=`tempest_primary_ICXJm`,p=`tempest_secondary_kde2L`,m={root:e,backdrop:t,spotlight:n,card:r,header:i,progress:a,close:o,title:s,body:c,footer:l,actions:u,skip:d,primary:f,secondary:p};exports.actions=u,exports.backdrop=t,exports.body=c,exports.card=r,exports.close=o,exports.default=m,exports.footer=l,exports.header=i,exports.primary=f,exports.progress=a,exports.root=e,exports.secondary=p,exports.skip=d,exports.spotlight=n,exports.title=s;
 //# sourceMappingURL=Tour.module.cjs.map

package/dist/components/Tour/Tour.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tour.module.cjs","names":[],"sources":["../../../src/components/Tour/Tour.module.css"],"sourcesContent":[".root {\n position: fixed;\n inset: 0;\n z-index: var(--tempest-z-modal, 1000);\n font-family: var(--tempest-font-sans);\n pointer-events: none;\n}\n\n/\n The dimmed area is four rectangles, each one hit-testable, so the page behind is\n * blocked while the highlighted element stays clickable. A single overlay with a\n * `box-shadow` hole looks the same and blocks nothing: a shadow is not hit-tested.\n /\n.backdrop {\n position: fixed;\n background-color: var(--tempest-tour-backdrop, rgb(0 0 0 / 55%));\n pointer-events: auto;\n}\n\n.spotlight {\n position: fixed;\n border-radius: var(--tempest-radius-md);\n box-shadow: 0 0 0 2px var(--tempest-primary);\n pointer-events: none;\n}\n\n.card {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n width: min(22rem, calc(100vw - 2rem));\n padding: var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-lg);\n color: var(--tempest-text);\n pointer-events: auto;\n}\n\n.card:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n}\n\n.progress {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-lg);\n line-height: 1;\n cursor: pointer;\n}\n\n.close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n}\n\n.title {\n margin: 0;\n font-size: var(--tempest-text-base);\n font-weight: var(--tempest-weight-semibold);\n}\n\n.body {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n margin-block-start: var(--tempest-space-2);\n}\n\n.actions {\n display: flex;\n gap: var(--tempest-space-2);\n margin-inline-start: auto;\n}\n\n.skip {\n padding: 0;\n border: none;\n background: none;\n color: var(--tempest-text-muted);\n font: inherit;\n font-size: var(--tempest-text-xs);\n text-decoration: underline;\n cursor: pointer;\n}\n\n.primary,\n.secondary {\n padding: var(--tempest-space-2) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n font: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n cursor: pointer;\n}\n\n.primary {\n border: none;\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n}\n\n.secondary {\n border: 1px solid var(--tempest-border);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.skip:focus-visible,\n.close:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n/ The spotlight ring is decoration; a reader who asked for less motion gets none. */\n@media (prefers-reduced-motion: no-preference) {\n .spotlight {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out),\n width var(--tempest-duration-base) var(--tempest-ease-out),\n height var(--tempest-duration-base) var(--tempest-ease-out);\n }\n\n .card {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out);\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Tour.module.cjs","names":[],"sources":["../../../src/components/Tour/Tour.module.css"],"sourcesContent":[".root {\n position: fixed;\n inset: 0;\n z-index: var(--tempest-z-modal, 1000);\n font-family: var(--tempest-font-sans);\n pointer-events: none;\n}\n\n/\n The dimmed area is four rectangles, each one hit-testable, so the page behind is\n * blocked while the highlighted element stays clickable. A single overlay with a\n * `box-shadow` hole looks the same and blocks nothing: a shadow is not hit-tested.\n /\n.backdrop {\n position: fixed;\n background-color: var(--tempest-tour-backdrop, rgb(0 0 0 / 55%));\n pointer-events: auto;\n}\n\n.spotlight {\n position: fixed;\n border-radius: var(--tempest-radius-md);\n box-shadow: 0 0 0 2px var(--tempest-primary);\n pointer-events: none;\n}\n\n.card {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n width: min(22rem, calc(100vw - 2rem));\n padding: var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-lg);\n color: var(--tempest-text);\n pointer-events: auto;\n}\n\n.card:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n}\n\n.progress {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-lg);\n line-height: 1;\n cursor: pointer;\n}\n\n.close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n}\n\n.title {\n margin: 0;\n font-size: var(--tempest-text-base);\n font-weight: var(--tempest-weight-semibold);\n}\n\n.body {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n margin-block-start: var(--tempest-space-2);\n}\n\n.actions {\n display: flex;\n gap: var(--tempest-space-2);\n margin-inline-start: auto;\n}\n\n.skip {\n padding: 0;\n border: none;\n background: none;\n color: var(--tempest-text-muted);\n font: inherit;\n font-size: var(--tempest-text-xs);\n text-decoration: underline;\n cursor: pointer;\n}\n\n.primary,\n.secondary {\n padding: var(--tempest-space-2) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n font: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n cursor: pointer;\n}\n\n.primary {\n border: none;\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n}\n\n.secondary {\n border: 1px solid var(--tempest-border);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.skip:focus-visible,\n.close:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n/ The spotlight ring is decoration; a reader who asked for less motion gets none. */\n@media (prefers-reduced-motion: no-preference) {\n .spotlight {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out),\n width var(--tempest-duration-base) var(--tempest-ease-out),\n height var(--tempest-duration-base) var(--tempest-ease-out);\n }\n\n .card {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out);\n }\n}\n"],"mappings":";"}

package/dist/components/Tour/Tour.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/Tour.css";
 //#region src/components/Tour/Tour.module.css
 var e = "tempest_root_o2Dqb", t = "tempest_backdrop_TVqRI", n = "tempest_spotlight_0N62-", r = "tempest_card_eurpw", i = "tempest_header_PTKGS", a = "tempest_progress_WzQ2f", o = "tempest_close_z43ed", s = "tempest_title_an3mi", c = "tempest_body_RUlwz", l = "tempest_footer_i-Mo6", u = "tempest_actions_n-L-Q", d = "tempest_skip_IdWQY", f = "tempest_primary_ICXJm", p = "tempest_secondary_kde2L", m = {
 	root: e,

package/dist/components/Tour/Tour.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tour.module.js","names":[],"sources":["../../../src/components/Tour/Tour.module.css"],"sourcesContent":[".root {\n position: fixed;\n inset: 0;\n z-index: var(--tempest-z-modal, 1000);\n font-family: var(--tempest-font-sans);\n pointer-events: none;\n}\n\n/\n The dimmed area is four rectangles, each one hit-testable, so the page behind is\n * blocked while the highlighted element stays clickable. A single overlay with a\n * `box-shadow` hole looks the same and blocks nothing: a shadow is not hit-tested.\n /\n.backdrop {\n position: fixed;\n background-color: var(--tempest-tour-backdrop, rgb(0 0 0 / 55%));\n pointer-events: auto;\n}\n\n.spotlight {\n position: fixed;\n border-radius: var(--tempest-radius-md);\n box-shadow: 0 0 0 2px var(--tempest-primary);\n pointer-events: none;\n}\n\n.card {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n width: min(22rem, calc(100vw - 2rem));\n padding: var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-lg);\n color: var(--tempest-text);\n pointer-events: auto;\n}\n\n.card:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n}\n\n.progress {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-lg);\n line-height: 1;\n cursor: pointer;\n}\n\n.close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n}\n\n.title {\n margin: 0;\n font-size: var(--tempest-text-base);\n font-weight: var(--tempest-weight-semibold);\n}\n\n.body {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n margin-block-start: var(--tempest-space-2);\n}\n\n.actions {\n display: flex;\n gap: var(--tempest-space-2);\n margin-inline-start: auto;\n}\n\n.skip {\n padding: 0;\n border: none;\n background: none;\n color: var(--tempest-text-muted);\n font: inherit;\n font-size: var(--tempest-text-xs);\n text-decoration: underline;\n cursor: pointer;\n}\n\n.primary,\n.secondary {\n padding: var(--tempest-space-2) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n font: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n cursor: pointer;\n}\n\n.primary {\n border: none;\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n}\n\n.secondary {\n border: 1px solid var(--tempest-border);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.skip:focus-visible,\n.close:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n/ The spotlight ring is decoration; a reader who asked for less motion gets none. */\n@media (prefers-reduced-motion: no-preference) {\n .spotlight {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out),\n width var(--tempest-duration-base) var(--tempest-ease-out),\n height var(--tempest-duration-base) var(--tempest-ease-out);\n }\n\n .card {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out);\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Tour.module.js","names":[],"sources":["../../../src/components/Tour/Tour.module.css"],"sourcesContent":[".root {\n position: fixed;\n inset: 0;\n z-index: var(--tempest-z-modal, 1000);\n font-family: var(--tempest-font-sans);\n pointer-events: none;\n}\n\n/\n The dimmed area is four rectangles, each one hit-testable, so the page behind is\n * blocked while the highlighted element stays clickable. A single overlay with a\n * `box-shadow` hole looks the same and blocks nothing: a shadow is not hit-tested.\n /\n.backdrop {\n position: fixed;\n background-color: var(--tempest-tour-backdrop, rgb(0 0 0 / 55%));\n pointer-events: auto;\n}\n\n.spotlight {\n position: fixed;\n border-radius: var(--tempest-radius-md);\n box-shadow: 0 0 0 2px var(--tempest-primary);\n pointer-events: none;\n}\n\n.card {\n position: fixed;\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n width: min(22rem, calc(100vw - 2rem));\n padding: var(--tempest-space-4);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-lg);\n color: var(--tempest-text);\n pointer-events: auto;\n}\n\n.card:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n.header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n}\n\n.progress {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.close {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1.75rem;\n height: 1.75rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-lg);\n line-height: 1;\n cursor: pointer;\n}\n\n.close:hover {\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n}\n\n.title {\n margin: 0;\n font-size: var(--tempest-text-base);\n font-weight: var(--tempest-weight-semibold);\n}\n\n.body {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-normal);\n}\n\n.footer {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n margin-block-start: var(--tempest-space-2);\n}\n\n.actions {\n display: flex;\n gap: var(--tempest-space-2);\n margin-inline-start: auto;\n}\n\n.skip {\n padding: 0;\n border: none;\n background: none;\n color: var(--tempest-text-muted);\n font: inherit;\n font-size: var(--tempest-text-xs);\n text-decoration: underline;\n cursor: pointer;\n}\n\n.primary,\n.secondary {\n padding: var(--tempest-space-2) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n font: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-medium);\n cursor: pointer;\n}\n\n.primary {\n border: none;\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n}\n\n.secondary {\n border: 1px solid var(--tempest-border);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n}\n\n.primary:focus-visible,\n.secondary:focus-visible,\n.skip:focus-visible,\n.close:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n}\n\n/ The spotlight ring is decoration; a reader who asked for less motion gets none. */\n@media (prefers-reduced-motion: no-preference) {\n .spotlight {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out),\n width var(--tempest-duration-base) var(--tempest-ease-out),\n height var(--tempest-duration-base) var(--tempest-ease-out);\n }\n\n .card {\n transition:\n top var(--tempest-duration-base) var(--tempest-ease-out),\n left var(--tempest-duration-base) var(--tempest-ease-out);\n }\n}\n"],"mappings":";"}

package/dist/components/Transfer/Transfer.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/Transfer.css");
 var e=`tempest_wrapper_v0MUQ`,t=`tempest_controls_Khwwy`,n=`tempest_pane_EZRbR`,r=`tempest_paneHeader_JymjN`,i=`tempest_paneTitle_FS-D2`,a=`tempest_title_IhvAM`,o=`tempest_count_2NX52`,s=`tempest_search_OPJ2A`,c=`tempest_list_LrZlc`,l=`tempest_row_uZH5v`,u=`tempest_empty_sM4jo`,d=`tempest_control_-y936`,f={wrapper:e,controls:t,pane:n,paneHeader:r,paneTitle:i,title:a,count:o,search:s,list:c,row:l,empty:u,control:d};exports.control=d,exports.controls=t,exports.count=o,exports.default=f,exports.empty=u,exports.list=c,exports.pane=n,exports.paneHeader=r,exports.paneTitle=i,exports.row=l,exports.search=s,exports.title=a,exports.wrapper=e;
 //# sourceMappingURL=Transfer.module.cjs.map

package/dist/components/Transfer/Transfer.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Transfer.module.cjs","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n gap: var(--tempest-space-3);\n align-items: stretch;\n font-family: var(--tempest-font-sans);\n}\n\n/\n The move controls sit between the panes in the grid, but come last in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n /\n.controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: var(--tempest-space-2);\n order: 2;\n}\n\n.pane {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n min-width: 0;\n padding: var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n order: 1;\n}\n\n.pane:last-of-type {\n order: 3;\n}\n\n.paneHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.paneTitle {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.title {\n margin: 0;\n overflow: hidden;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.count {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.search {\n width: 100%;\n min-width: 0;\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: inherit;\n font: inherit;\n font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -1px;\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-1);\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overscroll-behavior: contain;\n list-style: none;\n}\n\n.row {\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border-radius: var(--tempest-radius-sm);\n font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n background-color: var(--tempest-surface);\n}\n\n.empty {\n padding: var(--tempest-space-4) var(--tempest-space-2);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n text-align: center;\n}\n\n.control {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--tempest-control-height-sm);\n height: var(--tempest-control-height-sm);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n font-size: var(--tempest-text-base);\n line-height: 1;\n cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n border-color: var(--tempest-primary);\n color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 1px;\n}\n\n.control:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n .wrapper {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .controls {\n flex-direction: row;\n justify-content: center;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Transfer.module.cjs","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n gap: var(--tempest-space-3);\n align-items: stretch;\n font-family: var(--tempest-font-sans);\n}\n\n/\n The move controls sit between the panes in the grid, but come last in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n /\n.controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: var(--tempest-space-2);\n order: 2;\n}\n\n.pane {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n min-width: 0;\n padding: var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n order: 1;\n}\n\n.pane:last-of-type {\n order: 3;\n}\n\n.paneHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.paneTitle {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.title {\n margin: 0;\n overflow: hidden;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.count {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.search {\n width: 100%;\n min-width: 0;\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: inherit;\n font: inherit;\n font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -1px;\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-1);\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overscroll-behavior: contain;\n list-style: none;\n}\n\n.row {\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border-radius: var(--tempest-radius-sm);\n font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n background-color: var(--tempest-surface);\n}\n\n.empty {\n padding: var(--tempest-space-4) var(--tempest-space-2);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n text-align: center;\n}\n\n.control {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--tempest-control-height-sm);\n height: var(--tempest-control-height-sm);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n font-size: var(--tempest-text-base);\n line-height: 1;\n cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n border-color: var(--tempest-primary);\n color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 1px;\n}\n\n.control:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n .wrapper {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .controls {\n flex-direction: row;\n justify-content: center;\n }\n}\n"],"mappings":";"}

package/dist/components/Transfer/Transfer.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/Transfer.css";
 //#region src/components/Transfer/Transfer.module.css
 var e = "tempest_wrapper_v0MUQ", t = "tempest_controls_Khwwy", n = "tempest_pane_EZRbR", r = "tempest_paneHeader_JymjN", i = "tempest_paneTitle_FS-D2", a = "tempest_title_IhvAM", o = "tempest_count_2NX52", s = "tempest_search_OPJ2A", c = "tempest_list_LrZlc", l = "tempest_row_uZH5v", u = "tempest_empty_sM4jo", d = "tempest_control_-y936", f = {
 	wrapper: e,

package/dist/components/Transfer/Transfer.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Transfer.module.js","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n gap: var(--tempest-space-3);\n align-items: stretch;\n font-family: var(--tempest-font-sans);\n}\n\n/\n The move controls sit between the panes in the grid, but come last in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n /\n.controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: var(--tempest-space-2);\n order: 2;\n}\n\n.pane {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n min-width: 0;\n padding: var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n order: 1;\n}\n\n.pane:last-of-type {\n order: 3;\n}\n\n.paneHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.paneTitle {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.title {\n margin: 0;\n overflow: hidden;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.count {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.search {\n width: 100%;\n min-width: 0;\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: inherit;\n font: inherit;\n font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -1px;\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-1);\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overscroll-behavior: contain;\n list-style: none;\n}\n\n.row {\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border-radius: var(--tempest-radius-sm);\n font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n background-color: var(--tempest-surface);\n}\n\n.empty {\n padding: var(--tempest-space-4) var(--tempest-space-2);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n text-align: center;\n}\n\n.control {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--tempest-control-height-sm);\n height: var(--tempest-control-height-sm);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n font-size: var(--tempest-text-base);\n line-height: 1;\n cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n border-color: var(--tempest-primary);\n color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 1px;\n}\n\n.control:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n .wrapper {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .controls {\n flex-direction: row;\n justify-content: center;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Transfer.module.js","names":[],"sources":["../../../src/components/Transfer/Transfer.module.css"],"sourcesContent":[".wrapper {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n gap: var(--tempest-space-3);\n align-items: stretch;\n font-family: var(--tempest-font-sans);\n}\n\n/\n The move controls sit between the panes in the grid, but come last in the\n * DOM: a keyboard reaching the buttons before it has seen what they act on has to\n * go back, and a screen reader reads \"move checked to the right\" with no idea what\n * is checked. Order 2 puts them back in the middle visually.\n /\n.controls {\n display: flex;\n flex-direction: column;\n justify-content: center;\n gap: var(--tempest-space-2);\n order: 2;\n}\n\n.pane {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-2);\n min-width: 0;\n padding: var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n}\n\n.pane:first-of-type {\n order: 1;\n}\n\n.pane:last-of-type {\n order: 3;\n}\n\n.paneHeader {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.paneTitle {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n min-width: 0;\n}\n\n.title {\n margin: 0;\n overflow: hidden;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.count {\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n white-space: nowrap;\n}\n\n.search {\n width: 100%;\n min-width: 0;\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: inherit;\n font: inherit;\n font-size: var(--tempest-text-sm);\n}\n\n.search:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -1px;\n}\n\n.list {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-1);\n margin: 0;\n padding: 0;\n overflow-y: auto;\n overscroll-behavior: contain;\n list-style: none;\n}\n\n.row {\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border-radius: var(--tempest-radius-sm);\n font-size: var(--tempest-text-sm);\n}\n\n.row:hover {\n background-color: var(--tempest-surface);\n}\n\n.empty {\n padding: var(--tempest-space-4) var(--tempest-space-2);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-sm);\n text-align: center;\n}\n\n.control {\n display: flex;\n align-items: center;\n justify-content: center;\n width: var(--tempest-control-height-sm);\n height: var(--tempest-control-height-sm);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-bg);\n color: var(--tempest-text);\n font-size: var(--tempest-text-base);\n line-height: 1;\n cursor: pointer;\n}\n\n.control:hover:not(:disabled) {\n border-color: var(--tempest-primary);\n color: var(--tempest-primary);\n}\n\n.control:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 1px;\n}\n\n.control:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * Below the md breakpoint the panes stack and the controls turn horizontal: two\n * 16rem lists side by side on a phone leave each about 150px wide, where a role\n * name wraps to three lines.\n */\n@media (max-width: 640px) {\n .wrapper {\n grid-template-columns: minmax(0, 1fr);\n }\n\n .controls {\n flex-direction: row;\n justify-content: center;\n }\n}\n"],"mappings":";"}

package/dist/components/TreeView/TreeView.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/TreeView.css");
 var e=`tempest_tree_velMm`,t=`tempest_item_A2xw2`,n=`tempest_row_BsqpV`,r=`tempest_selected_uhjg8`,i=`tempest_disabled_vKxfJ`,a=`tempest_chevron_5v99r`,o=`tempest_chevronOpen_H3jAu`,s=`tempest_chevronPlaceholder_j0xjc`,c=`tempest_icon_O4r1C`,l=`tempest_label_MqR1B`,u={tree:e,item:t,row:n,selected:r,disabled:i,chevron:a,chevronOpen:o,chevronPlaceholder:s,icon:c,label:l};exports.chevron=a,exports.chevronOpen=o,exports.chevronPlaceholder=s,exports.default=u,exports.disabled=i,exports.icon=c,exports.item=t,exports.label=l,exports.row=n,exports.selected=r,exports.tree=e;
 //# sourceMappingURL=TreeView.module.cjs.map

package/dist/components/TreeView/TreeView.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeView.module.cjs","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n}\n\n.item {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.row {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n width: 100%;\n padding-block: var(--tempest-space-2);\n padding-inline-end: var(--tempest-space-3);\n border-radius: var(--tempest-radius-sm);\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.disabled:hover {\n background-color: transparent;\n}\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n border-radius: var(--tempest-radius-xs);\n color: var(--tempest-text-muted);\n transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n display: inline-block;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n}\n\n.icon {\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n color: var(--tempest-text-muted);\n}\n\n.label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .row,\n .chevron {\n transition: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"TreeView.module.cjs","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n}\n\n.item {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.row {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n width: 100%;\n padding-block: var(--tempest-space-2);\n padding-inline-end: var(--tempest-space-3);\n border-radius: var(--tempest-radius-sm);\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.disabled:hover {\n background-color: transparent;\n}\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n border-radius: var(--tempest-radius-xs);\n color: var(--tempest-text-muted);\n transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n display: inline-block;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n}\n\n.icon {\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n color: var(--tempest-text-muted);\n}\n\n.label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .row,\n .chevron {\n transition: none;\n }\n}\n"],"mappings":";"}

package/dist/components/TreeView/TreeView.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/TreeView.css";
 //#region src/components/TreeView/TreeView.module.css
 var e = "tempest_tree_velMm", t = "tempest_item_A2xw2", n = "tempest_row_BsqpV", r = "tempest_selected_uhjg8", i = "tempest_disabled_vKxfJ", a = "tempest_chevron_5v99r", o = "tempest_chevronOpen_H3jAu", s = "tempest_chevronPlaceholder_j0xjc", c = "tempest_icon_O4r1C", l = "tempest_label_MqR1B", u = {
 	tree: e,

package/dist/components/TreeView/TreeView.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TreeView.module.js","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n}\n\n.item {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.row {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n width: 100%;\n padding-block: var(--tempest-space-2);\n padding-inline-end: var(--tempest-space-3);\n border-radius: var(--tempest-radius-sm);\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.disabled:hover {\n background-color: transparent;\n}\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n border-radius: var(--tempest-radius-xs);\n color: var(--tempest-text-muted);\n transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n display: inline-block;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n}\n\n.icon {\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n color: var(--tempest-text-muted);\n}\n\n.label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .row,\n .chevron {\n transition: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"TreeView.module.js","names":[],"sources":["../../../src/components/TreeView/TreeView.module.css"],"sourcesContent":[".tree {\n display: flex;\n flex-direction: column;\n margin: 0;\n padding: 0;\n list-style: none;\n color: var(--tempest-text);\n font-size: var(--tempest-text-sm);\n}\n\n.item {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.row {\n display: flex;\n align-items: center;\n gap: var(--tempest-space-2);\n width: 100%;\n padding-block: var(--tempest-space-2);\n padding-inline-end: var(--tempest-space-3);\n border-radius: var(--tempest-radius-sm);\n cursor: pointer;\n user-select: none;\n transition:\n background-color var(--tempest-duration-fast) var(--tempest-ease-out),\n color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.row:hover {\n background-color: var(--tempest-surface-2);\n}\n\n.row:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: calc(var(--tempest-focus-ring-offset) * -1);\n}\n\n.selected {\n background-color: var(--tempest-primary-soft);\n color: var(--tempest-primary-on-soft);\n font-weight: var(--tempest-weight-medium);\n}\n\n.selected:hover {\n background-color: var(--tempest-primary-soft-hover);\n}\n\n.disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.disabled:hover {\n background-color: transparent;\n}\n\n.chevron {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n border-radius: var(--tempest-radius-xs);\n color: var(--tempest-text-muted);\n transition: transform var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.chevron:hover {\n background-color: var(--tempest-surface-3);\n}\n\n.chevronOpen {\n transform: rotate(90deg);\n}\n\n.chevronPlaceholder {\n display: inline-block;\n flex: 0 0 auto;\n width: 18px;\n height: 18px;\n}\n\n.icon {\n display: inline-flex;\n align-items: center;\n flex: 0 0 auto;\n color: var(--tempest-text-muted);\n}\n\n.label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .row,\n .chevron {\n transition: none;\n }\n}\n"],"mappings":";"}

package/dist/components/TruncateText/TruncateText.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/TruncateText.css");
 var e=`tempest_clamp_r43C-`,t={clamp:e};exports.clamp=e,exports.default=t;
 //# sourceMappingURL=TruncateText.module.cjs.map

package/dist/components/TruncateText/TruncateText.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TruncateText.module.cjs","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n line-clamp: var(--tempest-clamp-lines, 1);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"TruncateText.module.cjs","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n line-clamp: var(--tempest-clamp-lines, 1);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n"],"mappings":";"}

package/dist/components/TruncateText/TruncateText.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/TruncateText.css";
 //#region src/components/TruncateText/TruncateText.module.css
 var e = "tempest_clamp_r43C-", t = { clamp: e };
 //#endregion

package/dist/components/TruncateText/TruncateText.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TruncateText.module.js","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n line-clamp: var(--tempest-clamp-lines, 1);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"TruncateText.module.js","names":[],"sources":["../../../src/components/TruncateText/TruncateText.module.css"],"sourcesContent":[".clamp {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: var(--tempest-clamp-lines, 1);\n line-clamp: var(--tempest-clamp-lines, 1);\n overflow: hidden;\n text-overflow: ellipsis;\n}\n"],"mappings":";"}

package/dist/components/UpdatePrompt/UpdatePrompt.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/UpdatePrompt.css");
 var e=`tempest_prompt_zjn4k`,t=`tempest_top_R7h6g`,n=`tempest_bottom_HcM1B`,r=`tempest_icon_2h5sW`,i=`tempest_message_OWZ-w`,a=`tempest_action_f6ida`,o=`tempest_dismiss_mNO-v`,s={prompt:e,top:t,bottom:n,icon:r,message:i,action:a,dismiss:o};exports.action=a,exports.bottom=n,exports.default=s,exports.dismiss=o,exports.icon=r,exports.message=i,exports.prompt=e,exports.top=t;
 //# sourceMappingURL=UpdatePrompt.module.cjs.map

package/dist/components/UpdatePrompt/UpdatePrompt.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UpdatePrompt.module.cjs","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--tempest-z-toast, 1000);\n display: flex;\n align-items: center;\n gap: var(--tempest-space-3);\n max-width: calc(100vw - 2 * var(--tempest-space-4));\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n background: var(--tempest-info-bg);\n color: var(--tempest-info-fg);\n border: 1px solid var(--tempest-info-border);\n box-shadow: var(--tempest-shadow-lg);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-snug);\n}\n\n.top {\n top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n flex: 0 0 auto;\n}\n\n.message {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.action {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-3);\n border: 1px solid currentColor;\n border-radius: var(--tempest-radius-sm);\n background: transparent;\n color: currentColor;\n font-family: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n cursor: pointer;\n}\n\n.action:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: currentColor;\n cursor: pointer;\n}\n\n.dismiss:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"UpdatePrompt.module.cjs","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--tempest-z-toast, 1000);\n display: flex;\n align-items: center;\n gap: var(--tempest-space-3);\n max-width: calc(100vw - 2 * var(--tempest-space-4));\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n background: var(--tempest-info-bg);\n color: var(--tempest-info-fg);\n border: 1px solid var(--tempest-info-border);\n box-shadow: var(--tempest-shadow-lg);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-snug);\n}\n\n.top {\n top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n flex: 0 0 auto;\n}\n\n.message {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.action {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-3);\n border: 1px solid currentColor;\n border-radius: var(--tempest-radius-sm);\n background: transparent;\n color: currentColor;\n font-family: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n cursor: pointer;\n}\n\n.action:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: currentColor;\n cursor: pointer;\n}\n\n.dismiss:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}

package/dist/components/UpdatePrompt/UpdatePrompt.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/UpdatePrompt.css";
 //#region src/components/UpdatePrompt/UpdatePrompt.module.css
 var e = "tempest_prompt_zjn4k", t = "tempest_top_R7h6g", n = "tempest_bottom_HcM1B", r = "tempest_icon_2h5sW", i = "tempest_message_OWZ-w", a = "tempest_action_f6ida", o = "tempest_dismiss_mNO-v", s = {
 	prompt: e,

package/dist/components/UpdatePrompt/UpdatePrompt.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UpdatePrompt.module.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--tempest-z-toast, 1000);\n display: flex;\n align-items: center;\n gap: var(--tempest-space-3);\n max-width: calc(100vw - 2 * var(--tempest-space-4));\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n background: var(--tempest-info-bg);\n color: var(--tempest-info-fg);\n border: 1px solid var(--tempest-info-border);\n box-shadow: var(--tempest-shadow-lg);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-snug);\n}\n\n.top {\n top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n flex: 0 0 auto;\n}\n\n.message {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.action {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-3);\n border: 1px solid currentColor;\n border-radius: var(--tempest-radius-sm);\n background: transparent;\n color: currentColor;\n font-family: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n cursor: pointer;\n}\n\n.action:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: currentColor;\n cursor: pointer;\n}\n\n.dismiss:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"UpdatePrompt.module.js","names":[],"sources":["../../../src/components/UpdatePrompt/UpdatePrompt.module.css"],"sourcesContent":[".prompt {\n position: fixed;\n left: 50%;\n transform: translateX(-50%);\n z-index: var(--tempest-z-toast, 1000);\n display: flex;\n align-items: center;\n gap: var(--tempest-space-3);\n max-width: calc(100vw - 2 * var(--tempest-space-4));\n padding: var(--tempest-space-3) var(--tempest-space-4);\n border-radius: var(--tempest-radius-md);\n background: var(--tempest-info-bg);\n color: var(--tempest-info-fg);\n border: 1px solid var(--tempest-info-border);\n box-shadow: var(--tempest-shadow-lg);\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-sm);\n line-height: var(--tempest-leading-snug);\n}\n\n.top {\n top: max(var(--tempest-space-4), env(safe-area-inset-top));\n}\n\n.bottom {\n bottom: max(var(--tempest-space-4), env(safe-area-inset-bottom));\n}\n\n.icon {\n flex: 0 0 auto;\n}\n\n.message {\n flex: 1 1 auto;\n min-width: 0;\n}\n\n.action {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-3);\n border: 1px solid currentColor;\n border-radius: var(--tempest-radius-sm);\n background: transparent;\n color: currentColor;\n font-family: inherit;\n font-size: var(--tempest-text-sm);\n font-weight: var(--tempest-weight-semibold);\n cursor: pointer;\n}\n\n.action:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n\n.dismiss {\n flex: 0 0 auto;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--tempest-radius-sm);\n background: none;\n color: currentColor;\n cursor: pointer;\n}\n\n.dismiss:hover {\n background: color-mix(in srgb, currentColor 12%, transparent);\n}\n"],"mappings":";"}

package/dist/components/VideoPlayer/VideoPlayer.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/VideoPlayer.css");
 var e=`tempest_player_tP0ul`,t=`tempest_frame_ds-xN`,n=`tempest_video_Ejoer`,r=`tempest_chrome_LI2ZI`,i=`tempest_transport_waV9q`,a=`tempest_icon_jIwyC`,o=`tempest_seek_qB6l-`,s=`tempest_volume_R0Fr0`,c=`tempest_rate_Dluev`,l=`tempest_time_z9Tg1`,u=`tempest_actions_UxFoM`,d=`tempest_immersive_eSsR6`,f={player:e,frame:t,video:n,chrome:r,transport:i,icon:a,seek:o,volume:s,rate:c,time:l,actions:u,immersive:d};exports.actions=u,exports.chrome=r,exports.default=f,exports.frame=t,exports.icon=a,exports.immersive=d,exports.player=e,exports.rate=c,exports.seek=o,exports.time=l,exports.transport=i,exports.video=n,exports.volume=s;
 //# sourceMappingURL=VideoPlayer.module.cjs.map

package/dist/components/VideoPlayer/VideoPlayer.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoPlayer.module.cjs","names":[],"sources":["../../../src/components/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/\n The controls are a bar under the frame, not an overlay.\n \n An overlay has to earn its contrast against arbitrary video pixels, and no\n * `--tempest-` token can promise that: every text token here is resolved\n against a known surface, and the two contrast defects this repo shipped were\n * both a text token used over a surface it was never checked against. A bar with\n * its own surface inherits the theme and is legible by construction. An app that\n * wants a cinema overlay can position its own chrome over the frame; what ships\n * is the one that is right in both themes.\n /\n.player {\n display: flex;\n flex-direction: column;\n min-width: 0;\n overflow: hidden;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n}\n\n/\n * The frame keeps its shape before the video reports one, so the control bar\n * does not jump down the page when metadata lands. Black rather than a surface\n * token: letterboxing is part of the picture, and a light bar around a dark\n * video reads as a rendering bug.\n /\n.frame {\n position: relative;\n width: 100%;\n background-color: #000000;\n}\n\n.video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.chrome {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border-top: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n}\n\n.transport {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-full);\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n background-color: var(--tempest-surface-3);\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.icon {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-md);\n background-color: transparent;\n color: var(--tempest-text-muted);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.icon:hover:not(:disabled) {\n background-color: var(--tempest-surface-2);\n color: var(--tempest-text);\n}\n\n.icon:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * The track is drawn on the input itself rather than with a wrapper and an\n * overlay: the native element already carries the keyboard behaviour and the\n * value semantics, and the only thing missing is the look.\n /\n.seek {\n flex: 1 1 8rem;\n min-width: 3rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.volume {\n flex: 0 1 4.5rem;\n min-width: 2.5rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.seek:disabled,\n.volume:disabled {\n accent-color: var(--tempest-surface-3);\n cursor: not-allowed;\n}\n\n.rate {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: inherit;\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n cursor: pointer;\n}\n\n.rate:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.transport:focus-visible,\n.icon:focus-visible,\n.seek:focus-visible,\n.volume:focus-visible,\n.rate:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n/\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as\n * the digits change — a proportional `1` is narrower than a `0`, and at ten\n * updates a second the whole row visibly jitters.\n /\n.time {\n display: inline-flex;\n flex: 0 0 auto;\n gap: var(--tempest-space-1);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.actions {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n gap: var(--tempest-space-1);\n}\n\n/\n * Fullscreen presents the shell, so the frame has to give up its aspect box and\n * take the height that is left over — otherwise a 16/9 box inside a 16/10\n * display leaves the bar floating in the middle of the screen.\n /\n.immersive {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 0;\n}\n\n.immersive .frame {\n flex: 1 1 auto;\n aspect-ratio: auto !important;\n min-height: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .transport,\n .icon {\n transition: none;\n }\n}\n\n/ Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. /\n@media (pointer: coarse) {\n .transport::after,\n .icon::after {\n content: \"\";\n position: absolute;\n inset: -6px;\n }\n}\n\n/\n * On a phone the row cannot hold seven controls. The seek bar takes a line of its\n * own and the rest wraps under it, which keeps every target at full size instead\n * of shrinking them all below the touch minimum.\n /\n@media (max-width: 480px) {\n .chrome {\n gap: var(--tempest-space-2);\n padding: var(--tempest-space-2);\n }\n\n .seek {\n flex: 1 1 100%;\n order: -1;\n }\n\n /\n * No volume slider on a phone. Measured at 390px in Chromium: the second row\n * came to exactly the container width, which pushed the fullscreen button\n * onto a third row — spent on a slider nobody drags on a phone, where the\n * hardware keys do that job. The mute button stays, because silencing fast\n * is the thing people actually want from a video in a feed.\n */\n .volume {\n display: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VideoPlayer.module.cjs","names":[],"sources":["../../../src/components/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/\n The controls are a bar under the frame, not an overlay.\n \n An overlay has to earn its contrast against arbitrary video pixels, and no\n * `--tempest-` token can promise that: every text token here is resolved\n against a known surface, and the two contrast defects this repo shipped were\n * both a text token used over a surface it was never checked against. A bar with\n * its own surface inherits the theme and is legible by construction. An app that\n * wants a cinema overlay can position its own chrome over the frame; what ships\n * is the one that is right in both themes.\n /\n.player {\n display: flex;\n flex-direction: column;\n min-width: 0;\n overflow: hidden;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n}\n\n/\n * The frame keeps its shape before the video reports one, so the control bar\n * does not jump down the page when metadata lands. Black rather than a surface\n * token: letterboxing is part of the picture, and a light bar around a dark\n * video reads as a rendering bug.\n /\n.frame {\n position: relative;\n width: 100%;\n background-color: #000000;\n}\n\n.video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.chrome {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border-top: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n}\n\n.transport {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-full);\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n background-color: var(--tempest-surface-3);\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.icon {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-md);\n background-color: transparent;\n color: var(--tempest-text-muted);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.icon:hover:not(:disabled) {\n background-color: var(--tempest-surface-2);\n color: var(--tempest-text);\n}\n\n.icon:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * The track is drawn on the input itself rather than with a wrapper and an\n * overlay: the native element already carries the keyboard behaviour and the\n * value semantics, and the only thing missing is the look.\n /\n.seek {\n flex: 1 1 8rem;\n min-width: 3rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.volume {\n flex: 0 1 4.5rem;\n min-width: 2.5rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.seek:disabled,\n.volume:disabled {\n accent-color: var(--tempest-surface-3);\n cursor: not-allowed;\n}\n\n.rate {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: inherit;\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n cursor: pointer;\n}\n\n.rate:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.transport:focus-visible,\n.icon:focus-visible,\n.seek:focus-visible,\n.volume:focus-visible,\n.rate:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n/\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as\n * the digits change — a proportional `1` is narrower than a `0`, and at ten\n * updates a second the whole row visibly jitters.\n /\n.time {\n display: inline-flex;\n flex: 0 0 auto;\n gap: var(--tempest-space-1);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.actions {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n gap: var(--tempest-space-1);\n}\n\n/\n * Fullscreen presents the shell, so the frame has to give up its aspect box and\n * take the height that is left over — otherwise a 16/9 box inside a 16/10\n * display leaves the bar floating in the middle of the screen.\n /\n.immersive {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 0;\n}\n\n.immersive .frame {\n flex: 1 1 auto;\n aspect-ratio: auto !important;\n min-height: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .transport,\n .icon {\n transition: none;\n }\n}\n\n/ Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. /\n@media (pointer: coarse) {\n .transport::after,\n .icon::after {\n content: \"\";\n position: absolute;\n inset: -6px;\n }\n}\n\n/\n * On a phone the row cannot hold seven controls. The seek bar takes a line of its\n * own and the rest wraps under it, which keeps every target at full size instead\n * of shrinking them all below the touch minimum.\n /\n@media (max-width: 480px) {\n .chrome {\n gap: var(--tempest-space-2);\n padding: var(--tempest-space-2);\n }\n\n .seek {\n flex: 1 1 100%;\n order: -1;\n }\n\n /\n * No volume slider on a phone. Measured at 390px in Chromium: the second row\n * came to exactly the container width, which pushed the fullscreen button\n * onto a third row — spent on a slider nobody drags on a phone, where the\n * hardware keys do that job. The mute button stays, because silencing fast\n * is the thing people actually want from a video in a feed.\n */\n .volume {\n display: none;\n }\n}\n"],"mappings":";"}

package/dist/components/VideoPlayer/VideoPlayer.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/VideoPlayer.css";
 //#region src/components/VideoPlayer/VideoPlayer.module.css
 var e = "tempest_player_tP0ul", t = "tempest_frame_ds-xN", n = "tempest_video_Ejoer", r = "tempest_chrome_LI2ZI", i = "tempest_transport_waV9q", a = "tempest_icon_jIwyC", o = "tempest_seek_qB6l-", s = "tempest_volume_R0Fr0", c = "tempest_rate_Dluev", l = "tempest_time_z9Tg1", u = "tempest_actions_UxFoM", d = "tempest_immersive_eSsR6", f = {
 	player: e,

package/dist/components/VideoPlayer/VideoPlayer.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VideoPlayer.module.js","names":[],"sources":["../../../src/components/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/\n The controls are a bar under the frame, not an overlay.\n \n An overlay has to earn its contrast against arbitrary video pixels, and no\n * `--tempest-` token can promise that: every text token here is resolved\n against a known surface, and the two contrast defects this repo shipped were\n * both a text token used over a surface it was never checked against. A bar with\n * its own surface inherits the theme and is legible by construction. An app that\n * wants a cinema overlay can position its own chrome over the frame; what ships\n * is the one that is right in both themes.\n /\n.player {\n display: flex;\n flex-direction: column;\n min-width: 0;\n overflow: hidden;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n}\n\n/\n * The frame keeps its shape before the video reports one, so the control bar\n * does not jump down the page when metadata lands. Black rather than a surface\n * token: letterboxing is part of the picture, and a light bar around a dark\n * video reads as a rendering bug.\n /\n.frame {\n position: relative;\n width: 100%;\n background-color: #000000;\n}\n\n.video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.chrome {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border-top: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n}\n\n.transport {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-full);\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n background-color: var(--tempest-surface-3);\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.icon {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-md);\n background-color: transparent;\n color: var(--tempest-text-muted);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.icon:hover:not(:disabled) {\n background-color: var(--tempest-surface-2);\n color: var(--tempest-text);\n}\n\n.icon:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * The track is drawn on the input itself rather than with a wrapper and an\n * overlay: the native element already carries the keyboard behaviour and the\n * value semantics, and the only thing missing is the look.\n /\n.seek {\n flex: 1 1 8rem;\n min-width: 3rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.volume {\n flex: 0 1 4.5rem;\n min-width: 2.5rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.seek:disabled,\n.volume:disabled {\n accent-color: var(--tempest-surface-3);\n cursor: not-allowed;\n}\n\n.rate {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: inherit;\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n cursor: pointer;\n}\n\n.rate:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.transport:focus-visible,\n.icon:focus-visible,\n.seek:focus-visible,\n.volume:focus-visible,\n.rate:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n/\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as\n * the digits change — a proportional `1` is narrower than a `0`, and at ten\n * updates a second the whole row visibly jitters.\n /\n.time {\n display: inline-flex;\n flex: 0 0 auto;\n gap: var(--tempest-space-1);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.actions {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n gap: var(--tempest-space-1);\n}\n\n/\n * Fullscreen presents the shell, so the frame has to give up its aspect box and\n * take the height that is left over — otherwise a 16/9 box inside a 16/10\n * display leaves the bar floating in the middle of the screen.\n /\n.immersive {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 0;\n}\n\n.immersive .frame {\n flex: 1 1 auto;\n aspect-ratio: auto !important;\n min-height: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .transport,\n .icon {\n transition: none;\n }\n}\n\n/ Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. /\n@media (pointer: coarse) {\n .transport::after,\n .icon::after {\n content: \"\";\n position: absolute;\n inset: -6px;\n }\n}\n\n/\n * On a phone the row cannot hold seven controls. The seek bar takes a line of its\n * own and the rest wraps under it, which keeps every target at full size instead\n * of shrinking them all below the touch minimum.\n /\n@media (max-width: 480px) {\n .chrome {\n gap: var(--tempest-space-2);\n padding: var(--tempest-space-2);\n }\n\n .seek {\n flex: 1 1 100%;\n order: -1;\n }\n\n /\n * No volume slider on a phone. Measured at 390px in Chromium: the second row\n * came to exactly the container width, which pushed the fullscreen button\n * onto a third row — spent on a slider nobody drags on a phone, where the\n * hardware keys do that job. The mute button stays, because silencing fast\n * is the thing people actually want from a video in a feed.\n */\n .volume {\n display: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VideoPlayer.module.js","names":[],"sources":["../../../src/components/VideoPlayer/VideoPlayer.module.css"],"sourcesContent":["/\n The controls are a bar under the frame, not an overlay.\n \n An overlay has to earn its contrast against arbitrary video pixels, and no\n * `--tempest-` token can promise that: every text token here is resolved\n against a known surface, and the two contrast defects this repo shipped were\n * both a text token used over a surface it was never checked against. A bar with\n * its own surface inherits the theme and is legible by construction. An app that\n * wants a cinema overlay can position its own chrome over the frame; what ships\n * is the one that is right in both themes.\n /\n.player {\n display: flex;\n flex-direction: column;\n min-width: 0;\n overflow: hidden;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: var(--tempest-font-sans);\n}\n\n/\n * The frame keeps its shape before the video reports one, so the control bar\n * does not jump down the page when metadata lands. Black rather than a surface\n * token: letterboxing is part of the picture, and a light bar around a dark\n * video reads as a rendering bug.\n /\n.frame {\n position: relative;\n width: 100%;\n background-color: #000000;\n}\n\n.video {\n display: block;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n.chrome {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: var(--tempest-space-3);\n padding: var(--tempest-space-2) var(--tempest-space-3);\n border-top: 1px solid var(--tempest-border);\n background-color: var(--tempest-surface);\n}\n\n.transport {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2.25rem;\n height: 2.25rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-full);\n background-color: var(--tempest-primary);\n color: var(--tempest-primary-foreground);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.transport:disabled {\n background-color: var(--tempest-surface-3);\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.icon {\n position: relative;\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n justify-content: center;\n width: 2rem;\n height: 2rem;\n padding: 0;\n border: none;\n border-radius: var(--tempest-radius-md);\n background-color: transparent;\n color: var(--tempest-text-muted);\n cursor: pointer;\n transition: var(--tempest-transition-color);\n}\n\n.icon:hover:not(:disabled) {\n background-color: var(--tempest-surface-2);\n color: var(--tempest-text);\n}\n\n.icon:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n/\n * The track is drawn on the input itself rather than with a wrapper and an\n * overlay: the native element already carries the keyboard behaviour and the\n * value semantics, and the only thing missing is the look.\n /\n.seek {\n flex: 1 1 8rem;\n min-width: 3rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.volume {\n flex: 0 1 4.5rem;\n min-width: 2.5rem;\n height: 1.25rem;\n margin: 0;\n background: none;\n accent-color: var(--tempest-primary);\n cursor: pointer;\n}\n\n.seek:disabled,\n.volume:disabled {\n accent-color: var(--tempest-surface-3);\n cursor: not-allowed;\n}\n\n.rate {\n flex: 0 0 auto;\n padding: var(--tempest-space-1) var(--tempest-space-2);\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-md);\n background-color: var(--tempest-surface);\n color: var(--tempest-text);\n font-family: inherit;\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n cursor: pointer;\n}\n\n.rate:disabled {\n color: var(--tempest-text-subtle);\n cursor: not-allowed;\n}\n\n.transport:focus-visible,\n.icon:focus-visible,\n.seek:focus-visible,\n.volume:focus-visible,\n.rate:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n/\n * Tabular figures, so the elapsed time does not shift the seek bar sideways as\n * the digits change — a proportional `1` is narrower than a `0`, and at ten\n * updates a second the whole row visibly jitters.\n /\n.time {\n display: inline-flex;\n flex: 0 0 auto;\n gap: var(--tempest-space-1);\n color: var(--tempest-text-muted);\n font-size: var(--tempest-text-xs);\n font-variant-numeric: tabular-nums;\n}\n\n.actions {\n display: inline-flex;\n flex: 0 0 auto;\n align-items: center;\n gap: var(--tempest-space-1);\n}\n\n/\n * Fullscreen presents the shell, so the frame has to give up its aspect box and\n * take the height that is left over — otherwise a 16/9 box inside a 16/10\n * display leaves the bar floating in the middle of the screen.\n /\n.immersive {\n width: 100%;\n height: 100%;\n border: none;\n border-radius: 0;\n}\n\n.immersive .frame {\n flex: 1 1 auto;\n aspect-ratio: auto !important;\n min-height: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .transport,\n .icon {\n transition: none;\n }\n}\n\n/ Touch hit-slop — 44×44 without changing the visual footprint, as `Button` does. /\n@media (pointer: coarse) {\n .transport::after,\n .icon::after {\n content: \"\";\n position: absolute;\n inset: -6px;\n }\n}\n\n/\n * On a phone the row cannot hold seven controls. The seek bar takes a line of its\n * own and the rest wraps under it, which keeps every target at full size instead\n * of shrinking them all below the touch minimum.\n /\n@media (max-width: 480px) {\n .chrome {\n gap: var(--tempest-space-2);\n padding: var(--tempest-space-2);\n }\n\n .seek {\n flex: 1 1 100%;\n order: -1;\n }\n\n /\n * No volume slider on a phone. Measured at 390px in Chromium: the second row\n * came to exactly the container width, which pushed the fullscreen button\n * onto a third row — spent on a slider nobody drags on a phone, where the\n * hardware keys do that job. The mute button stays, because silencing fast\n * is the thing people actually want from a video in a feed.\n */\n .volume {\n display: none;\n }\n}\n"],"mappings":";"}

package/dist/components/VirtualList/VirtualList.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/VirtualList.css");
 var e=`tempest_scroll_8Giwl`,t=`tempest_spacer_P3Pvl`,n=`tempest_row_Ff0VU`,r={scroll:e,spacer:t,row:n};exports.default=r,exports.row=n,exports.scroll=e,exports.spacer=t;
 //# sourceMappingURL=VirtualList.module.cjs.map

package/dist/components/VirtualList/VirtualList.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualList.module.cjs","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n position: relative;\n overflow: auto;\n width: 100%;\n}\n\n.spacer {\n position: relative;\n width: 100%;\n}\n\n.row {\n position: absolute;\n left: 0;\n right: 0;\n}\n\n.scroll:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VirtualList.module.cjs","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n position: relative;\n overflow: auto;\n width: 100%;\n}\n\n.spacer {\n position: relative;\n width: 100%;\n}\n\n.row {\n position: absolute;\n left: 0;\n right: 0;\n}\n\n.scroll:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n"],"mappings":";"}

package/dist/components/VirtualList/VirtualList.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/VirtualList.css";
 //#region src/components/VirtualList/VirtualList.module.css
 var e = "tempest_scroll_8Giwl", t = "tempest_spacer_P3Pvl", n = "tempest_row_Ff0VU", r = {
 	scroll: e,

package/dist/components/VirtualList/VirtualList.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualList.module.js","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n position: relative;\n overflow: auto;\n width: 100%;\n}\n\n.spacer {\n position: relative;\n width: 100%;\n}\n\n.row {\n position: absolute;\n left: 0;\n right: 0;\n}\n\n.scroll:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VirtualList.module.js","names":[],"sources":["../../../src/components/VirtualList/VirtualList.module.css"],"sourcesContent":[".scroll {\n position: relative;\n overflow: auto;\n width: 100%;\n}\n\n.spacer {\n position: relative;\n width: 100%;\n}\n\n.row {\n position: absolute;\n left: 0;\n right: 0;\n}\n\n.scroll:focus-visible {\n outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n outline-offset: 2px;\n}\n"],"mappings":";"}

package/dist/components/VirtualTable/VirtualTable.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/VirtualTable.css");
 var e=`tempest_scroll_XOPRs`,t=`tempest_table_wbJg-`,n=`tempest_caption_Dt-O5`,r=`tempest_head_9xVmx`,i=`tempest_th_-xzNL`,a=`tempest_td_Crp7i`,o=`tempest_alignRight_uxhpx`,s=`tempest_alignCenter_9B3Sb`,c=`tempest_sortButton_4h-vK`,l=`tempest_sortIndicator_-WpMp`,u=`tempest_tr_EI3uW`,d=`tempest_clickable_4AfSX`,f=`tempest_emptyRow_4kIiT`,p={scroll:e,table:t,caption:n,head:r,th:i,td:a,alignRight:o,alignCenter:s,sortButton:c,sortIndicator:l,tr:u,clickable:d,emptyRow:f};exports.alignCenter=s,exports.alignRight=o,exports.caption=n,exports.clickable=d,exports.default=p,exports.emptyRow=f,exports.head=r,exports.scroll=e,exports.sortButton=c,exports.sortIndicator=l,exports.table=t,exports.td=a,exports.th=i,exports.tr=u;
 //# sourceMappingURL=VirtualTable.module.cjs.map

package/dist/components/VirtualTable/VirtualTable.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualTable.module.cjs","names":[],"sources":["../../../src/components/VirtualTable/VirtualTable.module.css"],"sourcesContent":[".scroll {\n width: 100%;\n overflow: auto;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-base);\n line-height: var(--tempest-leading-snug);\n /\n Fixed layout is what keeps columns from jumping mid-scroll: with `auto`,\n * the browser sizes each column from the rows currently in the DOM, and a\n * virtualized table swaps those rows out as you scroll.\n /\n table-layout: fixed;\n}\n\n.caption {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n\n/\n * `border-collapse: separate` above exists for this: a sticky `<th>` inside a\n * collapsed table loses its bottom border while scrolling, because the shared\n * border belongs to the cell that scrolled away.\n */\n.head .th {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.th,\n.td {\n padding: 0 var(--tempest-space-4);\n text-align: left;\n border-bottom: 1px solid var(--tempest-border);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.th {\n padding-block: var(--tempest-space-3);\n background-color: var(--tempest-surface);\n color: var(--tempest-text-muted);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-xs);\n letter-spacing: var(--tempest-tracking-wider);\n text-transform: uppercase;\n}\n\n.alignRight {\n text-align: right;\n}\n\n.alignCenter {\n text-align: center;\n}\n\n.sortButton {\n display: inline-flex;\n align-items: center;\n gap: var(--tempest-space-1);\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n cursor: pointer;\n}\n\n.sortButton:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n.sortIndicator {\n font-size: var(--tempest-text-xs);\n opacity: 0.55;\n}\n\n.tr.clickable {\n cursor: pointer;\n transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .tr.clickable:hover {\n background-color: var(--tempest-surface);\n }\n}\n\n.tr.clickable:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -2px;\n}\n\n.emptyRow {\n padding: var(--tempest-space-8) var(--tempest-space-4);\n text-align: center;\n color: var(--tempest-text-muted);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tr.clickable {\n transition: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VirtualTable.module.cjs","names":[],"sources":["../../../src/components/VirtualTable/VirtualTable.module.css"],"sourcesContent":[".scroll {\n width: 100%;\n overflow: auto;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-base);\n line-height: var(--tempest-leading-snug);\n /\n Fixed layout is what keeps columns from jumping mid-scroll: with `auto`,\n * the browser sizes each column from the rows currently in the DOM, and a\n * virtualized table swaps those rows out as you scroll.\n /\n table-layout: fixed;\n}\n\n.caption {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n\n/\n * `border-collapse: separate` above exists for this: a sticky `<th>` inside a\n * collapsed table loses its bottom border while scrolling, because the shared\n * border belongs to the cell that scrolled away.\n */\n.head .th {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.th,\n.td {\n padding: 0 var(--tempest-space-4);\n text-align: left;\n border-bottom: 1px solid var(--tempest-border);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.th {\n padding-block: var(--tempest-space-3);\n background-color: var(--tempest-surface);\n color: var(--tempest-text-muted);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-xs);\n letter-spacing: var(--tempest-tracking-wider);\n text-transform: uppercase;\n}\n\n.alignRight {\n text-align: right;\n}\n\n.alignCenter {\n text-align: center;\n}\n\n.sortButton {\n display: inline-flex;\n align-items: center;\n gap: var(--tempest-space-1);\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n cursor: pointer;\n}\n\n.sortButton:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n.sortIndicator {\n font-size: var(--tempest-text-xs);\n opacity: 0.55;\n}\n\n.tr.clickable {\n cursor: pointer;\n transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .tr.clickable:hover {\n background-color: var(--tempest-surface);\n }\n}\n\n.tr.clickable:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -2px;\n}\n\n.emptyRow {\n padding: var(--tempest-space-8) var(--tempest-space-4);\n text-align: center;\n color: var(--tempest-text-muted);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tr.clickable {\n transition: none;\n }\n}\n"],"mappings":";"}

package/dist/components/VirtualTable/VirtualTable.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/VirtualTable.css";
 //#region src/components/VirtualTable/VirtualTable.module.css
 var e = "tempest_scroll_XOPRs", t = "tempest_table_wbJg-", n = "tempest_caption_Dt-O5", r = "tempest_head_9xVmx", i = "tempest_th_-xzNL", a = "tempest_td_Crp7i", o = "tempest_alignRight_uxhpx", s = "tempest_alignCenter_9B3Sb", c = "tempest_sortButton_4h-vK", l = "tempest_sortIndicator_-WpMp", u = "tempest_tr_EI3uW", d = "tempest_clickable_4AfSX", f = "tempest_emptyRow_4kIiT", p = {
 	scroll: e,

package/dist/components/VirtualTable/VirtualTable.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VirtualTable.module.js","names":[],"sources":["../../../src/components/VirtualTable/VirtualTable.module.css"],"sourcesContent":[".scroll {\n width: 100%;\n overflow: auto;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-base);\n line-height: var(--tempest-leading-snug);\n /\n Fixed layout is what keeps columns from jumping mid-scroll: with `auto`,\n * the browser sizes each column from the rows currently in the DOM, and a\n * virtualized table swaps those rows out as you scroll.\n /\n table-layout: fixed;\n}\n\n.caption {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n\n/\n * `border-collapse: separate` above exists for this: a sticky `<th>` inside a\n * collapsed table loses its bottom border while scrolling, because the shared\n * border belongs to the cell that scrolled away.\n */\n.head .th {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.th,\n.td {\n padding: 0 var(--tempest-space-4);\n text-align: left;\n border-bottom: 1px solid var(--tempest-border);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.th {\n padding-block: var(--tempest-space-3);\n background-color: var(--tempest-surface);\n color: var(--tempest-text-muted);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-xs);\n letter-spacing: var(--tempest-tracking-wider);\n text-transform: uppercase;\n}\n\n.alignRight {\n text-align: right;\n}\n\n.alignCenter {\n text-align: center;\n}\n\n.sortButton {\n display: inline-flex;\n align-items: center;\n gap: var(--tempest-space-1);\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n cursor: pointer;\n}\n\n.sortButton:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n.sortIndicator {\n font-size: var(--tempest-text-xs);\n opacity: 0.55;\n}\n\n.tr.clickable {\n cursor: pointer;\n transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .tr.clickable:hover {\n background-color: var(--tempest-surface);\n }\n}\n\n.tr.clickable:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -2px;\n}\n\n.emptyRow {\n padding: var(--tempest-space-8) var(--tempest-space-4);\n text-align: center;\n color: var(--tempest-text-muted);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tr.clickable {\n transition: none;\n }\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VirtualTable.module.js","names":[],"sources":["../../../src/components/VirtualTable/VirtualTable.module.css"],"sourcesContent":[".scroll {\n width: 100%;\n overflow: auto;\n border: 1px solid var(--tempest-border);\n border-radius: var(--tempest-radius-lg);\n background-color: var(--tempest-bg);\n box-shadow: var(--tempest-shadow-xs);\n}\n\n.table {\n width: 100%;\n border-collapse: separate;\n border-spacing: 0;\n font-family: var(--tempest-font-sans);\n font-size: var(--tempest-text-base);\n line-height: var(--tempest-leading-snug);\n /\n Fixed layout is what keeps columns from jumping mid-scroll: with `auto`,\n * the browser sizes each column from the rows currently in the DOM, and a\n * virtualized table swaps those rows out as you scroll.\n /\n table-layout: fixed;\n}\n\n.caption {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n border-width: 0;\n}\n\n/\n * `border-collapse: separate` above exists for this: a sticky `<th>` inside a\n * collapsed table loses its bottom border while scrolling, because the shared\n * border belongs to the cell that scrolled away.\n */\n.head .th {\n position: sticky;\n top: 0;\n z-index: 1;\n}\n\n.th,\n.td {\n padding: 0 var(--tempest-space-4);\n text-align: left;\n border-bottom: 1px solid var(--tempest-border);\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.th {\n padding-block: var(--tempest-space-3);\n background-color: var(--tempest-surface);\n color: var(--tempest-text-muted);\n font-weight: var(--tempest-weight-semibold);\n font-size: var(--tempest-text-xs);\n letter-spacing: var(--tempest-tracking-wider);\n text-transform: uppercase;\n}\n\n.alignRight {\n text-align: right;\n}\n\n.alignCenter {\n text-align: center;\n}\n\n.sortButton {\n display: inline-flex;\n align-items: center;\n gap: var(--tempest-space-1);\n padding: 0;\n border: none;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-transform: inherit;\n cursor: pointer;\n}\n\n.sortButton:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: 2px;\n border-radius: var(--tempest-radius-sm);\n}\n\n.sortIndicator {\n font-size: var(--tempest-text-xs);\n opacity: 0.55;\n}\n\n.tr.clickable {\n cursor: pointer;\n transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n@media (hover: hover) and (pointer: fine) {\n .tr.clickable:hover {\n background-color: var(--tempest-surface);\n }\n}\n\n.tr.clickable:focus-visible {\n outline: 2px solid var(--tempest-primary);\n outline-offset: -2px;\n}\n\n.emptyRow {\n padding: var(--tempest-space-8) var(--tempest-space-4);\n text-align: center;\n color: var(--tempest-text-muted);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .tr.clickable {\n transition: none;\n }\n}\n"],"mappings":";"}

package/dist/components/VisuallyHidden/VisuallyHidden.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/VisuallyHidden.css");
 var e=`tempest_hidden_k7p-e`,t={hidden:e};exports.default=t,exports.hidden=e;
 //# sourceMappingURL=VisuallyHidden.module.cjs.map

package/dist/components/VisuallyHidden/VisuallyHidden.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisuallyHidden.module.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VisuallyHidden.module.cjs","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n"],"mappings":";"}

package/dist/components/VisuallyHidden/VisuallyHidden.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/VisuallyHidden.css";
 //#region src/components/VisuallyHidden/VisuallyHidden.module.css
 var e = "tempest_hidden_k7p-e", t = { hidden: e };
 //#endregion

package/dist/components/VisuallyHidden/VisuallyHidden.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VisuallyHidden.module.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n"],"mappings":""}
1	+ {"version":3,"file":"VisuallyHidden.module.js","names":[],"sources":["../../../src/components/VisuallyHidden/VisuallyHidden.module.css"],"sourcesContent":[".hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n white-space: nowrap;\n border: 0;\n}\n"],"mappings":";"}

package/dist/components/Wizard/Wizard.module.cjs CHANGED Viewed

@@ -1,2 +1,3 @@
+require("../../styles/component/Wizard.css");
 var e=`tempest_wizard_2BkgZ`,t=`tempest_body_ZDhtj`,n=`tempest_actions_-VsgT`,r={wizard:e,body:t,actions:n};exports.actions=n,exports.body=t,exports.default=r,exports.wizard=e;
 //# sourceMappingURL=Wizard.module.cjs.map

package/dist/components/Wizard/Wizard.module.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wizard.module.cjs","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-6);\n width: 100%;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-4);\n min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n padding-top: var(--tempest-space-4);\n border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Wizard.module.cjs","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-6);\n width: 100%;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-4);\n min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n padding-top: var(--tempest-space-4);\n border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":";"}

package/dist/components/Wizard/Wizard.module.js CHANGED Viewed

@@ -1,3 +1,4 @@
+import "../../styles/component/Wizard.css";
 //#region src/components/Wizard/Wizard.module.css
 var e = "tempest_wizard_2BkgZ", t = "tempest_body_ZDhtj", n = "tempest_actions_-VsgT", r = {
 	wizard: e,

package/dist/components/Wizard/Wizard.module.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Wizard.module.js","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-6);\n width: 100%;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-4);\n min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n padding-top: var(--tempest-space-4);\n border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":""}
1	+ {"version":3,"file":"Wizard.module.js","names":[],"sources":["../../../src/components/Wizard/Wizard.module.css"],"sourcesContent":[".wizard {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-6);\n width: 100%;\n}\n\n.body {\n display: flex;\n flex-direction: column;\n gap: var(--tempest-space-4);\n min-height: var(--tempest-wizard-body-min-height, 0);\n}\n\n.actions {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--tempest-space-3);\n padding-top: var(--tempest-space-4);\n border-top: 1px solid var(--tempest-border);\n}\n"],"mappings":";"}