@jjlmoya/utils-cooking 1.20.0 → 1.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@jjlmoya/utils-cooking",
-    "version": "1.20.0",
+    "version": "1.22.0",
     "type": "module",
     "main": "./src/index.ts",
     "types": "./src/index.ts",

package/src/tool/banana-ripeness/banana-ripeness.css

@@ -34,7 +34,7 @@
 	    position: relative;
 	}
 
-	:global(.theme-dark) .banana-card {
+	.theme-dark .banana-card {
 	    background: rgba(24, 24, 27, 0.4);
 	    border-color: rgba(113, 113, 122, 0.5);
 	    box-shadow: 0 32px 64px 0 rgba(0, 0, 0, 0.3);
@@ -155,7 +155,7 @@
 	    backdrop-filter: blur(12px);
 	}
 
-	:global(.theme-dark) .status-badge {
+	.theme-dark .status-badge {
 	    background: rgba(0, 0, 0, 0.2);
 	    border-color: rgba(255, 255, 255, 0.05);
 	}
@@ -175,7 +175,7 @@
 	    color: var(--bc-text-dark);
 	}
 
-	:global(.theme-dark) .status-name {
+	.theme-dark .status-name {
 	    color: var(--bc-text-light);
 	}
 
@@ -188,7 +188,7 @@
 	    min-height: 3em;
 	}
 
-	:global(.theme-dark) .status-description {
+	.theme-dark .status-description {
 	    color: var(--bc-text-muted);
 	}
 
@@ -209,7 +209,7 @@
 	    gap: 2rem;
 	}
 
-	:global(.theme-dark) .controls-panel {
+	.theme-dark .controls-panel {
 	    background: rgba(0, 0, 0, 0.2);
 	    border-color: rgba(255, 255, 255, 0.05);
 	}
@@ -253,7 +253,7 @@
 	    appearance: none;
 	}
 
-	:global(.theme-dark) .ripeness-slider {
+	.theme-dark .ripeness-slider {
 	    background: #27272a;
 	}
 
@@ -269,7 +269,7 @@
 	    transition: all 0.2s;
 	}
 
-	:global(.theme-dark) .ripeness-slider::-webkit-slider-thumb {
+	.theme-dark .ripeness-slider::-webkit-slider-thumb {
 	    border-color: var(--bc-text-dark);
 	}
 
@@ -389,7 +389,7 @@
 	    color: var(--bc-blue-dark);
 	}
 
-	:global(.theme-dark) .setting-value {
+	.theme-dark .setting-value {
 	    color: var(--bc-blue-lighter);
 	}
 
@@ -405,7 +405,7 @@
 	    appearance: none;
 	}
 
-	:global(.theme-dark) .setting-slider {
+	.theme-dark .setting-slider {
 	    background: rgba(59, 130, 246, 0.5);
 	}
 
@@ -430,7 +430,7 @@
 	    background: var(--bc-green);
 	}
 
-	:global(.theme-dark) .partner-btn.active {
+	.theme-dark .partner-btn.active {
 	    background: var(--bc-green);
 	}
 
@@ -465,7 +465,7 @@
 	    text-transform: uppercase;
 	}
 
-	:global(.theme-dark) .partner-title {
+	.theme-dark .partner-title {
 	    color: var(--bc-text-light);
 	}
 
@@ -494,7 +494,7 @@
 	    border: 1px solid var(--bc-gray-light);
 	}
 
-	:global(.theme-dark) .toggle-switch {
+	.theme-dark .toggle-switch {
 	    background: #27272a;
 	    border-color: #3f3f46;
 	}
@@ -525,7 +525,7 @@
 	    border: 1px solid #e4e4e7;
 	}
 
-	:global(.theme-dark) .info-box {
+	.theme-dark .info-box {
 	    background: rgba(113, 113, 122, 0.4);
 	    border-color: rgba(113, 113, 122, 0.5);
 	}
@@ -564,7 +564,7 @@
 	    margin: 0;
 	}
 
-	:global(.theme-dark) .info-text {
+	.theme-dark .info-text {
 	    color: var(--bc-gray-light);
 	}
 
@@ -572,7 +572,7 @@
 	    color: var(--bc-orange);
 	}
 
-	:global(.theme-dark) .info-box.acceleration .info-title {
+	.theme-dark .info-box.acceleration .info-title {
 	    color: var(--bc-yellow);
 	}
 
@@ -582,6 +582,6 @@
 	    font-weight: 900;
 	}
 
-	:global(.theme-dark) .info-box.acceleration .info-text {
+	.theme-dark .info-box.acceleration .info-text {
 	    color: var(--bc-text-light);
 	}

package/src/tool/brine/equilibrium-brining-calculator-meat-fermentation-ratios.css

@@ -282,7 +282,7 @@
     }
   }
 
-  :global(.brine-visualization) {
+  .brine-visualization {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -292,7 +292,7 @@
     position: relative;
   }
 
-  :global(.brine-jar) {
+  .brine-jar {
     position: relative;
     width: 12rem;
     height: 16rem;
@@ -304,7 +304,7 @@
     overflow: hidden;
   }
 
-  :global(.brine-jar-cap) {
+  .brine-jar-cap {
     position: absolute;
     top: -0.25rem;
     left: 50%;
@@ -315,7 +315,7 @@
     border-radius: 0.5rem 0.5rem 0 0;
   }
 
-  :global(.brine-water) {
+  .brine-water {
     position: absolute;
     bottom: 0;
     left: 0;
@@ -325,7 +325,7 @@
     height: 50%;
   }
 
-  :global(.brine-water)::before {
+  .brine-water::before {
     content: '';
     position: absolute;
     top: 0;
@@ -355,7 +355,7 @@
     }
   }
 
-  :global(.brine-product) {
+  .brine-product {
     position: absolute;
     bottom: 1rem;
     left: 50%;
@@ -372,7 +372,7 @@
     height: 40%;
   }
 
-  :global(.brine-product-label) {
+  .brine-product-label {
     font-size: 0.75rem;
     font-weight: 700;
     color: rgba(0, 0, 0, 0.3);
@@ -380,7 +380,7 @@
     letter-spacing: 0.05em;
   }
 
-  :global(.brine-particles) {
+  .brine-particles {
     position: absolute;
     inset: 0;
     pointer-events: none;

package/src/tool/cookware-guide/component.astro

@@ -163,455 +163,3 @@ const { ui } = Astro.props;
 </script>
 
 
-<style>
-	.cw-container {
-		width: 100%;
-		max-width: 100%;
-		padding: 1rem;
-	}
-
-	.cw-card {
-		background: var(--cw-bg-card);
-		border: 1px solid var(--cw-border);
-		border-radius: var(--cw-radius);
-		box-shadow: var(--cw-shadow-xl);
-		overflow: hidden;
-		transition: all 0.3s ease;
-	}
-
-	.cw-progress-bar {
-		height: 0.375rem;
-		width: 0%;
-		background: linear-gradient(to right, var(--cw-primary), hsl(270deg, 94%, 60%));
-		transition: width 0.5s ease;
-	}
-
-	.cw-content {
-		padding: 2rem;
-	}
-
-	@media (max-width: 1024px) {
-		.cw-content {
-			padding: 1.5rem;
-		}
-	}
-
-	@media (max-width: 640px) {
-		.cw-content {
-			padding: 1rem;
-		}
-	}
-
-	.cw-grid {
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 2rem;
-	}
-
-	@media (min-width: 1024px) {
-		.cw-grid {
-			grid-template-columns: 1.4fr 1fr;
-			gap: 2rem;
-		}
-	}
-
-	.cw-left {
-		display: flex;
-		flex-direction: column;
-		gap: 2rem;
-	}
-
-	.cw-right {
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-	}
-
-	.cw-section {
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.cw-step-label {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-		font-size: 0.625rem;
-		font-weight: 900;
-		color: var(--cw-text-muted);
-		text-transform: uppercase;
-		letter-spacing: 0.2em;
-	}
-
-	.cw-step-number {
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		width: 1.25rem;
-		height: 1.25rem;
-		border-radius: 50%;
-		background: var(--cw-primary-light);
-		color: var(--cw-primary);
-		font-weight: 900;
-		font-size: 0.625rem;
-		flex-shrink: 0;
-	}
-
-	:global(.theme-dark) .cw-step-number {
-		background: hsl(240deg, 100%, 20%);
-	}
-
-	.cw-style-grid {
-		display: grid;
-		grid-template-columns: repeat(2, 1fr);
-		gap: 0.75rem;
-	}
-
-	.cw-style-btn {
-		display: flex;
-		flex-direction: column;
-		align-items: flex-start;
-		gap: 0.5rem;
-		padding: 1rem;
-		border: 2px solid var(--cw-border);
-		border-radius: 0.75rem;
-		background: var(--cw-bg-card);
-		color: var(--cw-text-muted);
-		cursor: pointer;
-		transition: all 0.3s ease;
-		text-align: left;
-		font-size: inherit;
-	}
-
-	.cw-style-btn:hover {
-		border-color: var(--cw-primary-light);
-		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-	}
-
-	.cw-style-btn.active {
-		background: var(--cw-primary-light);
-		border-color: var(--cw-primary);
-		color: var(--cw-primary);
-	}
-
-	:global(.theme-dark) .cw-style-btn.active {
-		background: hsl(240deg, 100%, 35%);
-		color: hsl(0deg, 0%, 100%);
-	}
-
-	:global(.theme-dark) .cw-style-btn.active .cw-style-name {
-		color: hsl(0deg, 0%, 100%);
-	}
-
-	:global(.theme-dark) .cw-style-btn.active .cw-style-desc {
-		color: hsl(0deg, 0%, 100%);
-	}
-
-	.cw-icon {
-		width: 1.5rem;
-		height: 1.5rem;
-	}
-
-	.cw-icon-large {
-		width: 6rem;
-		height: 6rem;
-		color: var(--cw-text-light);
-	}
-
-	.cw-icon-orange {
-		color: hsl(33deg, 100%, 50%);
-	}
-
-	.cw-icon-yellow {
-		color: hsl(45deg, 100%, 50%);
-	}
-
-	.cw-icon-red {
-		color: hsl(0deg, 100%, 50%);
-	}
-
-	.cw-icon-blue {
-		color: hsl(217deg, 100%, 50%);
-	}
-
-	.cw-style-name {
-		font-size: 0.75rem;
-		font-weight: 900;
-		display: block;
-		color: var(--cw-text-main);
-	}
-
-	.cw-style-btn.active .cw-style-name {
-		color: var(--cw-primary);
-	}
-
-	.cw-style-desc {
-		font-weight: 600;
-		opacity: 0.7;
-		display: block;
-		text-transform: uppercase;
-	}
-
-	.cw-maint-grid {
-		display: grid;
-		grid-template-columns: 1fr;
-		gap: 0.75rem;
-	}
-
-	@media (min-width: 640px) {
-		.cw-maint-grid {
-			grid-template-columns: repeat(3, 1fr);
-		}
-	}
-
-	.cw-maint-btn {
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		text-align: center;
-		gap: 0.75rem;
-		padding: 1.25rem;
-		border: 2px solid var(--cw-border);
-		border-radius: 0.75rem;
-		background: var(--cw-bg-card);
-		color: var(--cw-text-muted);
-		cursor: pointer;
-		transition: all 0.3s ease;
-		font-size: inherit;
-	}
-
-	.cw-maint-btn:hover {
-		border-color: var(--cw-primary-light);
-		box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
-	}
-
-	.cw-maint-btn.active {
-		background: var(--cw-primary-light);
-		border-color: var(--cw-primary);
-	}
-
-	:global(.theme-dark) .cw-maint-btn.active {
-		background: hsl(240deg, 100%, 20%);
-	}
-
-	.cw-maint-icon {
-		width: 3rem;
-		height: 3rem;
-		border-radius: 0.75rem;
-		background: var(--cw-bg-app);
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: var(--cw-text-muted);
-		transition: all 0.3s ease;
-	}
-
-	.cw-maint-btn.active .cw-maint-icon {
-		color: var(--cw-primary);
-	}
-
-	.cw-maint-btn:hover .cw-maint-icon {
-		color: var(--cw-primary);
-	}
-
-	.cw-maint-name {
-		font-size: 0.75rem;
-		font-weight: 900;
-		display: block;
-		color: var(--cw-text-main);
-	}
-
-	.cw-maint-btn.active .cw-maint-name {
-		color: var(--cw-primary);
-	}
-
-	.cw-maint-desc {
-		font-size: 0.625rem;
-		font-weight: 500;
-		opacity: 0.7;
-		display: block;
-		line-height: 1.3;
-	}
-
-	.cw-result-card {
-		background: hsl(217deg, 33%, 17%);
-		border-radius: var(--cw-radius);
-		padding: 2rem;
-		color: hsl(0deg, 0%, 100%);
-		box-shadow: var(--cw-shadow-xl);
-		position: relative;
-		overflow: hidden;
-		min-height: 320px;
-		display: flex;
-		flex-direction: column;
-		justify-content: center;
-		transition: all 0.3s ease;
-	}
-
-	.cw-card-bg {
-		position: absolute;
-		inset: 0;
-		background: linear-gradient(135deg, hsl(217deg, 33%, 17%), hsl(217deg, 33%, 7%));
-		transition: background 1s ease;
-	}
-
-	.cw-card-glow {
-		position: absolute;
-		right: -3rem;
-		top: -3rem;
-		width: 12rem;
-		height: 12rem;
-		background: rgba(255, 255, 255, 0.1);
-		border-radius: 50%;
-		filter: blur(3rem);
-		transition: transform 0.7s ease;
-	}
-
-	.cw-result-card:hover .cw-card-glow {
-		transform: scale(1.25);
-	}
-
-	.cw-card-content {
-		position: relative;
-		z-index: 10;
-		display: flex;
-		flex-direction: column;
-		gap: 1.5rem;
-		text-align: center;
-	}
-
-	.cw-icon-container {
-		display: flex;
-		justify-content: center;
-		align-items: center;
-		height: 6rem;
-	}
-
-	.cw-result-icon {
-		display: none;
-	}
-
-	.cw-result-icon:not(.cw-hidden) {
-		display: block;
-	}
-
-	.cw-result-label {
-		font-size: 0.625rem;
-		font-weight: 900;
-		text-transform: uppercase;
-		letter-spacing: 0.3em;
-		color: rgba(255, 255, 255, 0.4);
-		margin-bottom: 0.5rem;
-	}
-
-	.cw-result-name {
-		font-size: 1.875rem;
-		font-weight: 900;
-		letter-spacing: -0.02em;
-		margin: 0;
-	}
-
-	.cw-result-tag {
-		font-size: 0.75rem;
-		font-weight: 500;
-		color: rgba(255, 255, 255, 0.6);
-		margin: 0;
-	}
-
-	.cw-result-details {
-		display: none;
-		grid-template-columns: 1fr 1fr;
-		gap: 0.75rem;
-		padding-top: 1rem;
-		border-top: 1px solid rgba(255, 255, 255, 0.1);
-	}
-
-	.cw-result-details:not(.cw-hidden) {
-		display: grid;
-	}
-
-	.cw-detail-box {
-		background: rgba(255, 255, 255, 0.05);
-		border: 1px solid rgba(255, 255, 255, 0.05);
-		border-radius: 0.75rem;
-		padding: 0.75rem;
-	}
-
-	.cw-detail-label {
-		font-size: 0.5rem;
-		font-weight: 900;
-		text-transform: uppercase;
-		letter-spacing: 0.1em;
-		display: block;
-		margin-bottom: 0.25rem;
-	}
-
-	.cw-detail-text {
-		font-size: 0.625rem;
-		line-height: 1.4;
-		color: rgba(255, 255, 255, 0.9);
-		margin: 0;
-	}
-
-	.cw-tip-card {
-		background: var(--cw-bg-app);
-		border: 1px solid var(--cw-border);
-		border-radius: var(--cw-radius);
-		padding: 1.5rem;
-		display: flex;
-		flex-direction: column;
-		gap: 1rem;
-	}
-
-	.cw-tip-header {
-		display: flex;
-		align-items: center;
-		gap: 0.75rem;
-	}
-
-	.cw-tip-icon {
-		padding: 0.5rem;
-		background: var(--cw-primary-light);
-		border-radius: 0.75rem;
-		display: flex;
-		align-items: center;
-		justify-content: center;
-		color: var(--cw-primary);
-		flex-shrink: 0;
-	}
-
-	:global(.theme-dark) .cw-tip-icon {
-		background: hsl(240deg, 100%, 20%);
-	}
-
-	.cw-tip-title {
-		font-size: 0.875rem;
-		font-weight: 900;
-		color: var(--cw-text-main);
-		text-transform: uppercase;
-		letter-spacing: 0.05em;
-	}
-
-	.cw-tip-text {
-		font-size: 0.6875rem;
-		line-height: 1.6;
-		color: var(--cw-text-muted);
-		font-weight: 400;
-		font-style: italic;
-		background: rgba(var(--cw-primary-rgb, 99, 102, 241), 0.03);
-		padding: 1.25rem;
-		border-radius: 0.75rem;
-		border: 1px solid var(--cw-border);
-		margin: 0;
-	}
-
-	:global(.theme-dark) .cw-tip-text {
-		color: var(--cw-text-main);
-		background: rgba(255, 255, 255, 0.03);
-	}
-
-	.cw-hidden {
-		display: none;
-	}
-</style>