@schukai/monster 4.154.11 → 5.0.0

package/source/components/state/stylesheet/thread.mjs

@@ -25,7 +25,7 @@ try {
 	ThreadStyleSheet.insertRule(
 		`
 @layer thread {
-[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{--monster-thread-indent:2rem}[data-monster-role=entries]{display:flex;flex-direction:column;align-items:flex-start;border:0;padding:0;margin:0;box-sizing:border-box;position:relative}[data-monster-role=entries] ul{box-sizing:border-box;list-style-type:none;margin:0;padding:0 0 0 var(--monster-thread-indent);position:relative;width:calc(100% - var(--monster-thread-indent))}[data-monster-role=entries] ul:before{content:\"\";display:block;width:2px;height:100%;border-left:1px dotted var(--monster-bg-color-primary-3);position:absolute;left:calc(var(--monster-thread-indent)/2);bottom:0;top:0}[data-monster-role=entry]{background-color:var(--monster-bg-color-primary-1);border-radius:var(--monster-border-radius);color:var(--monster-color-primary-1);margin:0 0 .6rem;padding:.45rem .5rem .45rem .8rem;position:relative}[data-monster-role=entry]:before{content:\"\";width:6px;height:6px;box-sizing:border-box;border-radius:50%;background:var(--monster-bg-color-primary-3);border:1px solid var(--monster-color-primary-2);position:absolute;left:calc((var(--monster-thread-indent)/2)*-1 - 2px);top:1rem}[data-monster-role=entry]:after{content:\"\";border-top:1px dotted var(--monster-bg-color-primary-3);position:absolute;left:calc((var(--monster-thread-indent)/2)*-1 + 1px);top:1.1rem;width:calc(var(--monster-thread-indent)/2 - 1px)}[data-monster-role=meta]{align-items:center;color:var(--monster-color-primary-2);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem}[data-monster-role=meta] .title{font-stretch:expanded;font-weight:700}[data-monster-role=meta] .title:before{content:\"—\";font-weight:400;margin-right:.25rem}[data-monster-role=message]{margin:.25rem 0 .4rem}[data-monster-role=thread-controls]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}[data-monster-role=thread-controls] .monster-button-outline-primary,[data-monster-role=thread-controls] .monster-button-outline-secondary,[data-monster-role=thread-controls] .monster-button-outline-tertiary,[data-monster-role=thread-controls] .monster-button-primary,[data-monster-role=thread-controls] .monster-button-secondary,[data-monster-role=thread-controls] .monster-button-tertiary{border-radius:999px;font-size:.75rem;gap:.4rem;padding:.15rem .6rem}[data-monster-role=badge]{background:var(--monster-color-secondary-4);border-radius:999px;color:var(--monster-bg-color-secondary-4);display:inline-flex;font-size:.7rem;line-height:1;padding:.15rem .4rem}[data-monster-role=badge][data-reply-count=\"0\"],[data-monster-role=entry][data-collapsed=true] [data-monster-role=children],[data-monster-role=thread-controls] [data-reply-count=\"0\"]{display:none}[data-monster-role=actions]{display:flex;flex-wrap:wrap;gap:.4rem}[data-monster-role=actions] .monster-button-outline-primary,[data-monster-role=actions] .monster-button-outline-secondary,[data-monster-role=actions] .monster-button-outline-tertiary,[data-monster-role=actions] .monster-button-primary,[data-monster-role=actions] .monster-button-secondary,[data-monster-role=actions] .monster-button-tertiary{font-size:.85rem;padding:.2rem .5rem}[data-monster-role=actions] button:hover{box-shadow:var(--monster-box-shadow-1)}[data-monster-role=editor]{margin-top:1rem;padding-left:var(--monster-thread-indent)}[data-monster-role=editor] ::slotted(textarea){box-sizing:border-box;min-height:6rem;width:100%}[data-monster-role=editor] ::slotted(button){margin-top:.5rem}
+[data-monster-role=control]{outline:none;width:100%;box-sizing:border-box}[data-monster-role=control].flex{display:flex;flex-direction:row;align-items:center}:host{display:block;box-sizing:border-box}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.grid{display:grid}.inline-grid{display:inline-grid}.flex{display:flex}.inline-flex{display:inline-flex}.hidden,.hide,.none{display:none}.visible{visibility:visible}.invisible{visibility:hidden}.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}[data-monster-role=control]{--monster-thread-indent:2rem}[data-monster-role=entries]{display:flex;flex-direction:column;align-items:flex-start;border:0;padding:0;margin:0;box-sizing:border-box;position:relative}[data-monster-role=entries] ul{box-sizing:border-box;list-style-type:none;margin:0;padding:0 0 0 var(--monster-thread-indent);position:relative;width:calc(100% - var(--monster-thread-indent))}[data-monster-role=entries] ul:before{content:\"\";display:block;width:2px;height:100%;border-left-color:var(--monster-bg-color-primary-3);border-left-style:dotted;border-left-width:1px;position:absolute;left:calc(var(--monster-thread-indent)/2);bottom:0;top:0}[data-monster-role=entry]{background-color:var(--monster-bg-color-primary-1);border-radius:var(--monster-border-radius);color:var(--monster-color-primary-1);margin:0 0 .6rem;padding:.45rem .5rem .45rem .8rem;position:relative}[data-monster-role=entry]:before{content:\"\";width:6px;height:6px;box-sizing:border-box;border-radius:50%;background:var(--monster-bg-color-primary-3);border:1px solid var(--monster-color-primary-2);position:absolute;left:calc((var(--monster-thread-indent)/2)*-1 - 2px);top:1rem}[data-monster-role=entry]:after{content:\"\";border-top:1px dotted var(--monster-bg-color-primary-3);position:absolute;left:calc((var(--monster-thread-indent)/2)*-1 + 1px);top:1.1rem;width:calc(var(--monster-thread-indent)/2 - 1px)}[data-monster-role=meta]{align-items:center;color:var(--monster-color-primary-2);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem}[data-monster-role=meta] .title{font-stretch:expanded;font-weight:700}[data-monster-role=meta] .title:before{content:\"—\";font-weight:400;margin-right:.25rem}[data-monster-role=message]{margin:.25rem 0 .4rem}[data-monster-role=thread-controls]{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}[data-monster-role=thread-controls] .monster-button-outline-primary,[data-monster-role=thread-controls] .monster-button-outline-secondary,[data-monster-role=thread-controls] .monster-button-outline-tertiary,[data-monster-role=thread-controls] .monster-button-primary,[data-monster-role=thread-controls] .monster-button-secondary,[data-monster-role=thread-controls] .monster-button-tertiary{border-radius:999px;font-size:.75rem;gap:.4rem;padding:.15rem .6rem}[data-monster-role=badge]{background:var(--monster-color-secondary-4);border-radius:999px;color:var(--monster-bg-color-secondary-4);display:inline-flex;font-size:.7rem;line-height:1;padding:.15rem .4rem}[data-monster-role=badge][data-reply-count=\"0\"],[data-monster-role=entry][data-collapsed=true] [data-monster-role=children],[data-monster-role=thread-controls] [data-reply-count=\"0\"]{display:none}[data-monster-role=actions]{display:flex;flex-wrap:wrap;gap:.4rem}[data-monster-role=actions] .monster-button-outline-primary,[data-monster-role=actions] .monster-button-outline-secondary,[data-monster-role=actions] .monster-button-outline-tertiary,[data-monster-role=actions] .monster-button-primary,[data-monster-role=actions] .monster-button-secondary,[data-monster-role=actions] .monster-button-tertiary{font-size:.85rem;padding:.2rem .5rem}[data-monster-role=actions] button:hover{box-shadow:var(--monster-box-shadow-1)}[data-monster-role=editor]{margin-top:1rem;padding-left:var(--monster-thread-indent)}[data-monster-role=editor] ::slotted(textarea){box-sizing:border-box;min-height:6rem;width:100%}[data-monster-role=editor] ::slotted(button){margin-top:.5rem}
 }`,
 		0,
 	);

package/source/components/style/accessibility.css

@@ -1,33 +1,2 @@
 /** generated from accessibility.pcss **/
-.visually-hidden {
-	width: 1px !important;
-	height: 1px !important;
-	padding: 0 !important;
-	margin: -1px !important;
-	overflow: hidden !important;
-	clip: rect(0, 0, 0, 0) !important;
-	white-space: nowrap !important;
-	border: 0 !important;
-}
-.visually-hidden:not(caption) {
-	position: absolute !important;
-}
-.visually-hidden-focusable:not(:focus):not(:focus-within) {
-	width: 1px !important;
-	height: 1px !important;
-	padding: 0 !important;
-	margin: -1px !important;
-	overflow: hidden !important;
-	clip: rect(0, 0, 0, 0) !important;
-	white-space: nowrap !important;
-	border: 0 !important;
-}
-.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
-	position: absolute !important;
-}
-@media (prefers-reduced-motion: reduce) {
-	* {
-		animation: none !important;
-		transition: none !important;
-	}
-}
+.visually-hidden{width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden:not(caption){position:absolute!important}.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption){position:absolute!important}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

package/source/components/style/badge.css

@@ -1,148 +1,2 @@
 /** generated from badge.pcss **/
-.monster-badge-primary {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-primary,
-.monster-badge-primary-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	color: var(--monster-color-primary-4);
-	background-color: var(--monster-bg-color-primary-4);
-}
-.monster-badge-primary-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-secondary {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-secondary,
-.monster-badge-secondary-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-secondary-3);
-	color: var(--monster-color-secondary-3);
-}
-.monster-badge-secondary-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-tertiary {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-tertiary,
-.monster-badge-tertiary-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-tertiary-3);
-	color: var(--monster-color-tertiary-3);
-}
-.monster-badge-tertiary-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-destructive {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-destructive,
-.monster-badge-destructive-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-destructive-1);
-	color: var(--monster-color-destructive-1);
-}
-.monster-badge-destructive-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-success {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-success,
-.monster-badge-success-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-success-1);
-	color: var(--monster-color-success-1);
-}
-.monster-badge-success-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-warning {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-warning,
-.monster-badge-warning-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-warning-1);
-	color: var(--monster-color-warning-1);
-}
-.monster-badge-warning-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
-.monster-badge-error {
-	padding: 0.25em 0.4em;
-}
-.monster-badge-error,
-.monster-badge-error-pill {
-	display: inline-block;
-	font-size: 75%;
-	font-weight: 700;
-	line-height: 1;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: baseline;
-	border-radius: 0.25rem;
-	text-decoration: none;
-	background-color: var(--monster-bg-color-error-1);
-	color: var(--monster-color-error-1);
-}
-.monster-badge-error-pill {
-	padding: 0.25em 0.6em;
-	border-radius: 10rem;
-}
+.monster-badge-primary{padding:.25em .4em}.monster-badge-primary,.monster-badge-primary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;color:var(--monster-color-primary-4);background-color:var(--monster-bg-color-primary-4)}.monster-badge-primary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-secondary{padding:.25em .4em}.monster-badge-secondary,.monster-badge-secondary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-secondary-3);color:var(--monster-color-secondary-3)}.monster-badge-secondary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-tertiary{padding:.25em .4em}.monster-badge-tertiary,.monster-badge-tertiary-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-tertiary-3);color:var(--monster-color-tertiary-3)}.monster-badge-tertiary-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-destructive{padding:.25em .4em}.monster-badge-destructive,.monster-badge-destructive-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-destructive-1);color:var(--monster-color-destructive-1)}.monster-badge-destructive-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-success{padding:.25em .4em}.monster-badge-success,.monster-badge-success-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-success-1);color:var(--monster-color-success-1)}.monster-badge-success-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-warning{padding:.25em .4em}.monster-badge-warning,.monster-badge-warning-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-warning-1);color:var(--monster-color-warning-1)}.monster-badge-warning-pill{padding:.25em .6em;border-radius:10rem}.monster-badge-error{padding:.25em .4em}.monster-badge-error,.monster-badge-error-pill{display:inline-block;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;text-decoration:none;background-color:var(--monster-bg-color-error-1);color:var(--monster-color-error-1)}.monster-badge-error-pill{padding:.25em .6em;border-radius:10rem}

package/source/components/style/border.css

@@ -1,66 +1,2 @@
 /** generated from border.pcss **/
-.monster-border-primary-1,
-.monster-border-primary-2,
-.monster-border-primary-3,
-.monster-border-primary-4 {
-	border-width: var(--monster-border-width);
-	border-radius: var(--monster-border-radius);
-	border-style: var(--monster-border-style);
-}
-.monster-border-0 {
-	border-width: 0;
-	border-radius: 0;
-	border-style: none;
-}
-.monster-border-primary-1 {
-	border-color: var(--monster-bg-color-primary-1);
-}
-.monster-border-primary-2 {
-	border-color: var(--monster-bg-color-primary-2);
-}
-.monster-border-primary-3 {
-	border-color: var(--monster-bg-color-primary-3);
-}
-.monster-border-primary-4 {
-	border-color: var(--monster-bg-color-primary-4);
-}
-.monster-border-secondary-1,
-.monster-border-secondary-2,
-.monster-border-secondary-3,
-.monster-border-secondary-4 {
-	border-width: var(--monster-border-width);
-	border-radius: var(--monster-border-radius);
-	border-style: var(--monster-border-style);
-}
-.monster-border-secondary-1 {
-	border-color: var(--monster-bg-color-secondary-1);
-}
-.monster-border-secondary-2 {
-	border-color: var(--monster-bg-color-secondary-2);
-}
-.monster-border-secondary-3 {
-	border-color: var(--monster-bg-color-secondary-3);
-}
-.monster-border-secondary-4 {
-	border-color: var(--monster-bg-color-secondary-4);
-}
-.monster-border-tertiary-1,
-.monster-border-tertiary-2,
-.monster-border-tertiary-3,
-.monster-border-tertiary-4 {
-	border-width: var(--monster-border-width);
-	border-radius: var(--monster-border-radius);
-	border-style: var(--monster-border-style);
-}
-.monster-border-tertiary-1 {
-	border-color: var(--monster-bg-color-tertiary-1);
-}
-.monster-border-tertiary-2 {
-	border-color: var(--monster-bg-color-tertiary-2);
-}
-.monster-border-tertiary-3 {
-	border-color: var(--monster-bg-color-tertiary-3);
-}
-.monster-border-tertiary-4 {
-	border-color: var(--monster-bg-color-tertiary-4);
-}
+.monster-border-primary-1,.monster-border-primary-2,.monster-border-primary-3,.monster-border-primary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-0{border-width:0;border-radius:0;border-style:none}.monster-border-primary-1{border-color:var(--monster-bg-color-primary-1)}.monster-border-primary-2{border-color:var(--monster-bg-color-primary-2)}.monster-border-primary-3{border-color:var(--monster-bg-color-primary-3)}.monster-border-primary-4{border-color:var(--monster-bg-color-primary-4)}.monster-border-secondary-1,.monster-border-secondary-2,.monster-border-secondary-3,.monster-border-secondary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-secondary-1{border-color:var(--monster-bg-color-secondary-1)}.monster-border-secondary-2{border-color:var(--monster-bg-color-secondary-2)}.monster-border-secondary-3{border-color:var(--monster-bg-color-secondary-3)}.monster-border-secondary-4{border-color:var(--monster-bg-color-secondary-4)}.monster-border-tertiary-1,.monster-border-tertiary-2,.monster-border-tertiary-3,.monster-border-tertiary-4{border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style)}.monster-border-tertiary-1{border-color:var(--monster-bg-color-tertiary-1)}.monster-border-tertiary-2{border-color:var(--monster-bg-color-tertiary-2)}.monster-border-tertiary-3{border-color:var(--monster-bg-color-tertiary-3)}.monster-border-tertiary-4{border-color:var(--monster-bg-color-tertiary-4)}

package/source/components/style/button.css

@@ -1,7 +1,7 @@
 /** generated from button.pcss **/
 button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-1)
-    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+    );color:var(--monster-button-color,var(--monster-color-primary-1))}.monster-button-primary,button{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
         --monster-button-border-radius,var(--monster-border-radius)
     );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
@@ -11,51 +11,45 @@ button{background-color:var(
         --monster-button-background-color,var(--monster-bg-color-primary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-primary-4)
-    )}.monster-button-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
+    )}.monster-button-secondary{color:var(--monster-button-color,var(--monster-color-secondary-4));background-color:var(
         --monster-button-background-color,var(--monster-bg-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-secondary,.monster-button-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
-    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-tertiary{color:var(--monster-button-color,var(--monster-color-tertiary-4));background-color:var(
         --monster-button-background-color,var(--monster-bg-color-tertiary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-tertiary-4)
-    )}.monster-button-destructive{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
+    )}.monster-button-destructive{color:var(--monster-button-color,var(--monster-color-destructive-1));background-color:var(
         --monster-button-background-color,var(--monster-bg-color-destructive-1)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-destructive-1)
-    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-destructive,.monster-button-outline-primary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
-    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-primary{color:var(--monster-button-color,var(--monster-bg-color-primary-4));background-color:var(
         --monster-button-background-color,var(--monster-color-primary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-primary-4)
-    )}.monster-button-outline-secondary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
+    )}.monster-button-outline-secondary{color:var(--monster-button-color,var(--monster-bg-color-secondary-4));background-color:var(
         --monster-button-background-color,var(--monster-color-secondary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-secondary-4)
-    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-webkit-fill-available;width:-moz-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
+    )}.monster-button-outline-secondary,.monster-button-outline-tertiary{box-sizing:border-box;width:-moz-available;width:-webkit-fill-available;width:stretch;font-size:1rem;font-weight:400;line-height:1.5;text-align:var(--monster-button-text-align,center);text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
+        --monster-button-border-radius,var(--monster-border-radius)
+    );border-style:var(--monster-button-border-style,var(--monster-border-style));box-shadow:var(--monster-button-box-shadow,var(--monster-box-shadow-1));min-height:var(
         --monster-button-min-block-size,var(--monster-control-min-block-size,auto)
     );padding:var(
         --monster-button-padding,var(--monster-control-padding-block,.375rem) var(--monster-control-padding-inline,.75rem)
-    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{border-width:var(--monster-button-border-width,var(--monster-border-width));border-radius:var(
-        --monster-button-border-radius,var(--monster-border-radius)
-    );border-style:var(--monster-button-border-style,var(--monster-border-style));color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
+    );outline:none;background-position:50%;position:relative;overflow:hidden;font-family:var(--monster-font-family),sans-serif;display:flex;align-items:center;justify-content:var(--monster-button-justify-content,center);gap:.4rem}.monster-button-outline-tertiary{color:var(--monster-button-color,var(--monster-bg-color-tertiary-4));background-color:var(
         --monster-button-background-color,var(--monster-color-tertiary-4)
     );border-color:var(
         --monster-button-border-color,var(--monster-bg-color-tertiary-4)

package/source/components/style/card.css

@@ -1,156 +1,2 @@
 /** generated from card.pcss **/
-.cards {
-	display: grid;
-	grid-template-columns: repeat(4, 1fr);
-	grid-gap: 22px;
-}
-.cards .card {
-	display: flex;
-	background-color: var(--monster-bg-color-primary-1);
-	color: var(--monster-color-primary-1);
-	box-sizing: border-box;
-	align-items: stretch;
-	flex-direction: column;
-	justify-content: space-between;
-	align-content: stretch;
-	flex-wrap: nowrap;
-	border-width: var(--monster-border-width);
-	border-radius: var(--monster-border-radius);
-	border-style: var(--monster-border-style);
-	border-shadow: var(--monster-box-shadow-1);
-	overflow: hidden;
-}
-:is(.cards .card) img {
-	-o-object-fit: scale-down;
-	object-fit: scale-down;
-	display: block;
-	padding: 0;
-	margin-left: 0;
-	width: 101%;
-	overflow: hidden;
-}
-:is(:is(.cards .card) img):hover {
-	transition:
-		background 0.8s,
-		color 0.25s 0.0833333333s;
-	box-shadow: var(--monster-box-shadow-2);
-	transform: scale(1.05);
-}
-:is(.cards .card) h1,
-:is(.cards .card) h2,
-:is(.cards .card) h3,
-:is(.cards .card) h4,
-:is(.cards .card) h5,
-:is(.cards .card) h6,
-:is(.cards .card) p {
-	margin: 0;
-	padding-right: 1rem;
-	padding-left: 1rem;
-}
-:is(.cards .card) h1:last-child,
-:is(.cards .card) h2:last-child,
-:is(.cards .card) h3:last-child,
-:is(.cards .card) h4:last-child,
-:is(.cards .card) h5:last-child,
-:is(.cards .card) h6:last-child,
-:is(.cards .card) p:last-child {
-	padding-bottom: 1rem;
-}
-:is(.cards .card) h1:first-child,
-:is(.cards .card) h2:first-child,
-:is(.cards .card) h3:first-child,
-:is(.cards .card) h4:first-child,
-:is(.cards .card) h5:first-child,
-:is(.cards .card) h6:first-child,
-:is(.cards .card) p:first-child {
-	padding-top: 1rem;
-}
-:is(.cards .card) img + h1,
-:is(.cards .card) img + h2,
-:is(.cards .card) img + h3,
-:is(.cards .card) img + h4,
-:is(.cards .card) img + h5,
-:is(.cards .card) img + h6,
-:is(.cards .card) img + p {
-	padding-top: 1rem;
-}
-:is(.cards .card) h1 + img,
-:is(.cards .card) h2 + img,
-:is(.cards .card) h3 + img,
-:is(.cards .card) h4 + img,
-:is(.cards .card) h5 + img,
-:is(.cards .card) h6 + img,
-:is(.cards .card) p + img {
-	padding-bottom: 1rem;
-}
-:is(.cards .card) h1 + p,
-:is(.cards .card) h2 + p,
-:is(.cards .card) h3 + p,
-:is(.cards .card) h4 + p,
-:is(.cards .card) h5 + p,
-:is(.cards .card) h6 + p,
-:is(.cards .card) p + p {
-	padding-top: 1rem;
-}
-:is(.cards .card) .button + h1,
-:is(.cards .card) .button + h2,
-:is(.cards .card) .button + h3,
-:is(.cards .card) .button + h4,
-:is(.cards .card) .button + h5,
-:is(.cards .card) .button + h6,
-:is(.cards .card) .button + p,
-:is(.cards .card) button + h1,
-:is(.cards .card) button + h2,
-:is(.cards .card) button + h3,
-:is(.cards .card) button + h4,
-:is(.cards .card) button + h5,
-:is(.cards .card) button + h6,
-:is(.cards .card) button + p {
-	padding-bottom: 1rem;
-}
-:is(.cards .card) h1 + .button,
-:is(.cards .card) h1 + button,
-:is(.cards .card) h2 + .button,
-:is(.cards .card) h2 + button,
-:is(.cards .card) h3 + .button,
-:is(.cards .card) h3 + button,
-:is(.cards .card) h4 + .button,
-:is(.cards .card) h4 + button,
-:is(.cards .card) h5 + .button,
-:is(.cards .card) h5 + button,
-:is(.cards .card) h6 + .button,
-:is(.cards .card) h6 + button,
-:is(.cards .card) p + .button,
-:is(.cards .card) p + button {
-	margin-top: 1rem;
-}
-:is(.cards .card) .button,
-:is(.cards .card) button {
-	border-left: none;
-	border-right: none;
-}
-:is(.cards .card) .button:first-child,
-:is(.cards .card) button:first-child {
-	border-top: none;
-}
-:is(.cards .card) .button:last-child,
-:is(.cards .card) button:last-child {
-	border-bottom: none;
-}
-:is(
-		:is(.cards .card) button:last-child,
-		:is(.cards .card) .button:last-child
-	):hover {
-	transition:
-		background 0.8s,
-		color 0.25s 0.0833333333s;
-	box-shadow: var(--monster-box-shadow-2);
-	transform: scale(1.05);
-}
-.card:is(.cards .card):hover {
-	transition:
-		background 0.8s,
-		color 0.25s 0.0833333333s;
-	box-shadow: var(--monster-box-shadow-2);
-	z-index: var(--monster-z-index-outline);
-}
+.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px}.cards .card{display:flex;background-color:var(--monster-bg-color-primary-1);color:var(--monster-color-primary-1);box-sizing:border-box;align-items:stretch;flex-direction:column;justify-content:space-between;align-content:stretch;flex-wrap:nowrap;border-width:var(--monster-border-width);border-radius:var(--monster-border-radius);border-style:var(--monster-border-style);border-shadow:var(--monster-box-shadow-1);overflow:hidden}:is(.cards .card) img{-o-object-fit:scale-down;object-fit:scale-down;display:block;padding:0;margin-left:0;width:101%;overflow:hidden}:is(:is(.cards .card) img):hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2);transform:scale(1.05)}:is(.cards .card) h1,:is(.cards .card) h2,:is(.cards .card) h3,:is(.cards .card) h4,:is(.cards .card) h5,:is(.cards .card) h6,:is(.cards .card) p{margin:0;padding-right:1rem;padding-left:1rem}:is(.cards .card) h1:last-child,:is(.cards .card) h2:last-child,:is(.cards .card) h3:last-child,:is(.cards .card) h4:last-child,:is(.cards .card) h5:last-child,:is(.cards .card) h6:last-child,:is(.cards .card) p:last-child{padding-bottom:1rem}:is(.cards .card) h1:first-child,:is(.cards .card) h2:first-child,:is(.cards .card) h3:first-child,:is(.cards .card) h4:first-child,:is(.cards .card) h5:first-child,:is(.cards .card) h6:first-child,:is(.cards .card) p:first-child{padding-top:1rem}:is(.cards .card) img+h1,:is(.cards .card) img+h2,:is(.cards .card) img+h3,:is(.cards .card) img+h4,:is(.cards .card) img+h5,:is(.cards .card) img+h6,:is(.cards .card) img+p{padding-top:1rem}:is(.cards .card) h1+img,:is(.cards .card) h2+img,:is(.cards .card) h3+img,:is(.cards .card) h4+img,:is(.cards .card) h5+img,:is(.cards .card) h6+img,:is(.cards .card) p+img{padding-bottom:1rem}:is(.cards .card) h1+p,:is(.cards .card) h2+p,:is(.cards .card) h3+p,:is(.cards .card) h4+p,:is(.cards .card) h5+p,:is(.cards .card) h6+p,:is(.cards .card) p+p{padding-top:1rem}:is(.cards .card) .button+h1,:is(.cards .card) .button+h2,:is(.cards .card) .button+h3,:is(.cards .card) .button+h4,:is(.cards .card) .button+h5,:is(.cards .card) .button+h6,:is(.cards .card) .button+p,:is(.cards .card) button+h1,:is(.cards .card) button+h2,:is(.cards .card) button+h3,:is(.cards .card) button+h4,:is(.cards .card) button+h5,:is(.cards .card) button+h6,:is(.cards .card) button+p{padding-bottom:1rem}:is(.cards .card) h1+.button,:is(.cards .card) h1+button,:is(.cards .card) h2+.button,:is(.cards .card) h2+button,:is(.cards .card) h3+.button,:is(.cards .card) h3+button,:is(.cards .card) h4+.button,:is(.cards .card) h4+button,:is(.cards .card) h5+.button,:is(.cards .card) h5+button,:is(.cards .card) h6+.button,:is(.cards .card) h6+button,:is(.cards .card) p+.button,:is(.cards .card) p+button{margin-top:1rem}:is(.cards .card) .button,:is(.cards .card) button{border-left:none;border-right:none}:is(.cards .card) .button:first-child,:is(.cards .card) button:first-child{border-top:none}:is(.cards .card) .button:last-child,:is(.cards .card) button:last-child{border-bottom:none}:is(:is(.cards .card) button:last-child,:is(.cards .card) .button:last-child):hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2);transform:scale(1.05)}.card:is(.cards .card):hover{transition:background .8s,color .25s .0833333333s;box-shadow:var(--monster-box-shadow-2);z-index:var(--monster-z-index-outline)}