jk-ui-cli 0.0.1

package/stubs/themes/air.stub

@@ -0,0 +1,104 @@
+@theme {
+  --color-primary: hsl(36, 100%, 94%);
+  --color-primary-100: hsl(36, 100%, 83%);
+  --color-primary-200: hsl(32, 100%, 71%);
+  --color-primary-300: hsl(25, 100%, 63%);
+  --color-primary-400: hsl(19, 100%, 58%);
+  --color-primary-500: hsl(16, 100%, 50%);
+  --color-primary-600: hsl(15, 100%, 48%);
+  --color-primary-700: hsl(14, 100%, 45%);
+  --color-primary-800: hsl(13, 100%, 42%);
+  --color-primary-900: hsl(12, 100%, 37%);
+  --color-primary-950: hsl(12, 100%, 27%);
+
+
+  --color-secondary-50: hsl(3, 100%, 97%);
+  --color-secondary-100: hsl(3, 100%, 94%);
+  --color-secondary-200: hsl(3, 100%, 89%);
+  --color-secondary-300: hsl(2, 100%, 81%);
+  --color-secondary-400: hsl(2, 100%, 70%);
+  --color-secondary-500: hsl(2, 98%, 60%);
+  --color-secondary-600: hsl(2, 85%, 47%);
+  --color-secondary-700: hsl(2, 86%, 42%);
+  --color-secondary-800: hsl(2, 81%, 35%);
+  --color-secondary-900: hsl(2, 67%, 31%);
+  --color-secondary-950: hsl(2, 87%, 15%);
+
+
+  --color-accent-50: hsl(46, 70%, 95%);
+  --color-accent-100: hsl(45, 67%, 88%);
+  --color-accent-200: hsl(45, 65%, 77%);
+  --color-accent-300: hsl(42, 74%, 64%);
+  --color-accent-400: hsl(37, 74%, 53%);
+  --color-accent-500: hsl(39, 65%, 47%);
+  --color-accent-600: hsl(37, 67%, 40%);
+  --color-accent-700: hsl(36, 64%, 33%);
+  --color-accent-800: hsl(35, 57%, 29%);
+  --color-accent-900: hsl(34, 51%, 26%);
+  --color-accent-950: hsl(32, 58%, 14%);
+  
+  
+  --color-warning-50: hsl(33, 100%, 96%);
+  --color-warning-100: hsl(34, 100%, 92%);
+  --color-warning-200: hsl(32, 98%, 83%);
+  --color-warning-300: hsl(31, 97%, 72%);
+  --color-warning-400: hsl(27, 96%, 61%);
+  --color-warning-500: hsl(25, 95%, 53%);
+  --color-warning-600: hsl(21, 90%, 48%);
+  --color-warning-700: hsl(17, 88%, 40%);
+  --color-warning-800: hsl(15, 79%, 34%);
+  --color-warning-900: hsl(15, 75%, 28%);
+  --color-warning-950: hsl(17, 82%, 14%);
+  
+  
+  --color-success-50: hsl(151, 81%, 96%);
+  --color-success-100: hsl(149, 80%, 90%);
+  --color-success-200: hsl(152, 76%, 80%);
+  --color-success-300: hsl(156, 72%, 67%);
+  --color-success-400: hsl(158, 64%, 52%);
+  --color-success-500: hsl(160, 84%, 39%);
+  --color-success-600: hsl(161, 94%, 30%);
+  --color-success-700: hsl(163, 94%, 24%);
+  --color-success-800: hsl(163, 88%, 20%);
+  --color-success-900: hsl(164, 86%, 16%);
+  --color-success-950: hsl(167, 91%, 9%);
+
+
+  --color-info-50: hsl(204, 100%, 97%);
+  --color-info-100: hsl(204, 94%, 94%);
+  --color-info-200: hsl(201, 94%, 86%);
+  --color-info-300: hsl(199, 95%, 74%);
+  --color-info-400: hsl(198, 93%, 60%);
+  --color-info-500: hsl(199, 89%, 48%);
+  --color-info-600: hsl(200, 98%, 39%);
+  --color-info-700: hsl(201, 96%, 32%);
+  --color-info-800: hsl(201, 90%, 27%);
+  --color-info-900: hsl(202, 80%, 24%);
+  --color-info-950: hsl(204, 80%, 16%);
+
+
+  --color-danger-50: hsl(0, 86%, 97%);
+  --color-danger-100: hsl(0, 93%, 94%);
+  --color-danger-200: hsl(0, 96%, 89%);
+  --color-danger-300: hsl(0, 94%, 82%);
+  --color-danger-400: hsl(0, 91%, 71%);
+  --color-danger-500: hsl(0, 84%, 60%);
+  --color-danger-600: hsl(0, 72%, 51%);
+  --color-danger-700: hsl(0, 74%, 42%);
+  --color-danger-800: hsl(0, 70%, 35%);
+  --color-danger-900: hsl(0, 63%, 31%);
+  --color-danger-950: hsl(0, 75%, 15%);
+
+
+  --color-gray-50: hsl(0, 0%, 98%);
+  --color-gray-100: hsl(0, 0%, 96%);
+  --color-gray-200: hsl(0, 0%, 90%);
+  --color-gray-300: hsl(0, 0%, 83%);
+  --color-gray-400: hsl(0, 0%, 64%);
+  --color-gray-500: hsl(0, 0%, 45%);
+  --color-gray-600: hsl(0, 0%, 32%);
+  --color-gray-700: hsl(0, 0%, 25%);
+  --color-gray-800: hsl(0, 0%, 15%);
+  --color-gray-900: hsl(0, 0%, 9%);
+  --color-gray-950: hsl(0, 0%, 4%);
+}

package/stubs/themes/earth.stub

@@ -0,0 +1,89 @@
+@theme {
+  --color-primary-50: hsl(140, 42%, 96%);
+  --color-primary-100: hsl(141, 50%, 90%);
+  --color-primary-200: hsl(145, 39%, 80%);
+  --color-primary-300: hsl(146, 39%, 67%);
+  --color-primary-400: hsl(147, 37%, 52%);
+  --color-primary-500: hsl(148, 48%, 35%);
+  --color-primary-600: hsl(149, 54%, 30%);
+  --color-primary-700: hsl(149, 53%, 24%);
+  --color-primary-800: hsl(150, 51%, 20%);
+  --color-primary-900: hsl(152, 48%, 16%);
+  --color-primary-950: hsl(153, 52%, 9%);
+  
+  --color-secondary-50: hsl(46, 70%, 95%);
+  --color-secondary-100: hsl(45, 67%, 88%);
+  --color-secondary-200: hsl(45, 65%, 77%);
+  --color-secondary-300: hsl(42, 74%, 64%);
+  --color-secondary-400: hsl(37, 74%, 53%);
+  --color-secondary-500: hsl(39, 65%, 47%);
+  --color-secondary-600: hsl(37, 67%, 40%);
+  --color-secondary-700: hsl(36, 64%, 33%);
+  --color-secondary-800: hsl(35, 57%, 29%);
+  --color-secondary-900: hsl(34, 51%, 26%);
+  --color-secondary-950: hsl(32, 58%, 14%);
+  
+  --color-accent-50: hsl(3, 100%, 97%);
+  --color-accent-100: hsl(3, 100%, 94%);
+  --color-accent-200: hsl(3, 100%, 89%);
+  --color-accent-300: hsl(2, 100%, 81%);
+  --color-accent-400: hsl(2, 100%, 70%);
+  --color-accent-500: hsl(2, 98%, 60%);
+  --color-accent-600: hsl(2, 85%, 47%);
+  --color-accent-700: hsl(2, 86%, 42%);
+  --color-accent-800: hsl(2, 81%, 35%);
+  --color-accent-900: hsl(2, 67%, 31%);
+  --color-accent-950: hsl(2, 87%, 15%);
+
+  --color-warning-50: hsl(46, 87%, 95%);
+  --color-warning-100: hsl(45, 81%, 89%);
+  --color-warning-200: hsl(45, 77%, 80%);
+  --color-warning-300: hsl(43, 74%, 67%);
+  --color-warning-400: hsl(43, 70%, 55%);
+  --color-warning-500: hsl(43, 72%, 44%);
+  --color-warning-600: hsl(43, 76%, 35%);
+  --color-warning-700: hsl(44, 70%, 27%);
+  --color-warning-800: hsl(45, 62%, 23%);
+  --color-warning-900: hsl(46, 55%, 20%);
+  --color-warning-950: hsl(46, 72%, 14%);
+
+
+  --color-info-50: hsl(210, 30%, 97%);
+  --color-info-100: hsl(210, 29%, 85%);
+  --color-info-200: hsl(210, 30%, 70%);
+  --color-info-300: hsl(208, 28%, 53%);
+  --color-info-400: hsl(210, 50%, 40%);
+  --color-info-500: hsl(210, 100%, 25%);
+  --color-info-600: hsl(210, 100%, 22%);
+  --color-info-700: hsl(210, 100%, 18%);
+  --color-info-800: hsl(210, 100%, 15%);
+  --color-info-900: hsl(210, 100%, 11%);
+  --color-info-950: hsl(210, 100%, 7%);
+  
+  
+  --color-danger-50: hsl(0, 86%, 97%);
+  --color-danger-100: hsl(0, 93%, 94%);
+  --color-danger-200: hsl(0, 96%, 89%);
+  --color-danger-300: hsl(0, 94%, 82%);
+  --color-danger-400: hsl(0, 91%, 71%);
+  --color-danger-500: hsl(0, 84%, 60%);
+  --color-danger-600: hsl(0, 72%, 51%);
+  --color-danger-700: hsl(0, 74%, 42%);
+  --color-danger-800: hsl(0, 70%, 35%);
+  --color-danger-900: hsl(0, 63%, 31%);
+  --color-danger-950: hsl(0, 75%, 15%);
+
+
+  --color-gray-50: hsl(195, 38%, 97%);
+  --color-gray-100: hsl(200, 25%, 95%);
+  --color-gray-200: hsl(200, 20%, 91%);
+  --color-gray-300: hsl(196, 18%, 80%);
+  --color-gray-400: hsl(200, 11%, 64%);
+  --color-gray-500: hsl(200, 9%, 47%);
+  --color-gray-600: hsl(200, 12%, 35%);
+  --color-gray-700: hsl(200, 18%, 27%);
+  --color-gray-800: hsl(204, 22%, 17%);
+  --color-gray-900: hsl(200, 26%, 8%);
+  --color-gray-925: hsl(200, 29%, 6%);
+  --color-gray-950: hsl(200, 33%, 1%);
+}

package/stubs/themes/fire.stub

@@ -0,0 +1,100 @@
+@theme {
+  --color-primary-50: hsl(3, 100%, 97%);
+  --color-primary-100: hsl(3, 100%, 94%);
+  --color-primary-200: hsl(3, 100%, 89%);
+  --color-primary-300: hsl(2, 100%, 81%);
+  --color-primary-400: hsl(2, 100%, 70%);
+  --color-primary-500: hsl(2, 98%, 60%);
+  --color-primary-600: hsl(2, 85%, 47%);
+  --color-primary-700: hsl(2, 86%, 42%);
+  --color-primary-800: hsl(2, 81%, 35%);
+  --color-primary-900: hsl(2, 67%, 31%);
+  --color-primary-950: hsl(2, 87%, 15%);
+
+
+  --color-secondary-50: hsl(36, 100%, 94%);
+  --color-secondary-100: hsl(36, 100%, 83%);
+  --color-secondary-200: hsl(32, 100%, 71%);
+  --color-secondary-300: hsl(25, 100%, 63%);
+  --color-secondary-400: hsl(19, 100%, 58%);
+  --color-secondary-500: hsl(16, 100%, 50%);
+  --color-secondary-600: hsl(15, 100%, 48%);
+  --color-secondary-700: hsl(14, 100%, 45%);
+  --color-secondary-800: hsl(13, 100%, 42%);
+  --color-secondary-900: hsl(12, 100%, 37%);
+  --color-secondary-950: hsl(12, 100%, 27%);
+
+
+  --color-accent-50: hsl(210, 100%, 97%);
+  --color-accent-100: hsl(209, 92%, 94%);
+  --color-accent-200: hsl(209, 90%, 86%);
+  --color-accent-300: hsl(209, 89%, 74%);
+  --color-accent-400: hsl(209, 88%, 60%);
+  --color-accent-500: hsl(208, 84%, 48%);
+  --color-accent-600: hsl(209, 92%, 36%);
+  --color-accent-700: hsl(210, 90%, 32%);
+  --color-accent-800: hsl(211, 84%, 27%);
+  --color-accent-900: hsl(212, 75%, 24%);
+  --color-accent-950: hsl(214, 75%, 16%);
+
+  --color-success-50: hsl(151, 81%, 96%);
+  --color-success-100: hsl(149, 80%, 90%);
+  --color-success-200: hsl(152, 76%, 80%);
+  --color-success-300: hsl(156, 72%, 67%);
+  --color-success-400: hsl(158, 64%, 52%);
+  --color-success-500: hsl(160, 84%, 39%);
+  --color-success-600: hsl(161, 94%, 30%);
+  --color-success-700: hsl(163, 94%, 24%);
+  --color-success-800: hsl(163, 88%, 20%);
+  --color-success-900: hsl(164, 86%, 16%);
+  --color-success-950: hsl(167, 91%, 9%);
+
+  --color-warning-50: hsl(33, 100%, 96%);
+  --color-warning-100: hsl(34, 100%, 92%);
+  --color-warning-200: hsl(32, 98%, 83%);
+  --color-warning-300: hsl(31, 97%, 72%);
+  --color-warning-400: hsl(27, 96%, 61%);
+  --color-warning-500: hsl(25, 95%, 53%);
+  --color-warning-600: hsl(21, 90%, 48%);
+  --color-warning-700: hsl(17, 88%, 40%);
+  --color-warning-800: hsl(15, 79%, 34%);
+  --color-warning-900: hsl(15, 75%, 28%);
+  --color-warning-950: hsl(17, 82%, 14%);
+
+  --color-info-50: hsl(204, 100%, 97%);
+  --color-info-100: hsl(204, 94%, 94%);
+  --color-info-200: hsl(201, 94%, 86%);
+  --color-info-300: hsl(199, 95%, 74%);
+  --color-info-400: hsl(198, 93%, 60%);
+  --color-info-500: hsl(199, 89%, 48%);
+  --color-info-600: hsl(200, 98%, 39%);
+  --color-info-700: hsl(201, 96%, 32%);
+  --color-info-800: hsl(201, 90%, 27%);
+  --color-info-900: hsl(202, 80%, 24%);
+  --color-info-950: hsl(204, 80%, 16%);
+
+  --color-danger-50: hsl(0, 86%, 97%);
+  --color-danger-100: hsl(0, 93%, 94%);
+  --color-danger-200: hsl(0, 96%, 89%);
+  --color-danger-300: hsl(0, 94%, 82%);
+  --color-danger-400: hsl(0, 91%, 71%);
+  --color-danger-500: hsl(0, 84%, 60%);
+  --color-danger-600: hsl(0, 72%, 51%);
+  --color-danger-700: hsl(0, 74%, 42%);
+  --color-danger-800: hsl(0, 70%, 35%);
+  --color-danger-900: hsl(0, 63%, 31%);
+  --color-danger-950: hsl(0, 75%, 15%);
+
+
+  --color-gray-50: hsl(60, 9%, 98%);
+  --color-gray-100: hsl(60, 5%, 96%);
+  --color-gray-200: hsl(20, 6%, 90%);
+  --color-gray-300: hsl(24, 6%, 83%);
+  --color-gray-400: hsl(24, 5%, 64%);
+  --color-gray-500: hsl(25, 5%, 45%);
+  --color-gray-600: hsl(33, 5%, 32%);
+  --color-gray-700: hsl(30, 6%, 25%);
+  --color-gray-800: hsl(12, 6%, 15%);
+  --color-gray-900: hsl(24, 10%, 10%);
+  --color-gray-950: hsl(20, 14%, 4%);
+}

package/stubs/themes/jk-ui.stub

@@ -0,0 +1,100 @@
+@theme{
+
+
+  --color-primary-50: hsl(252, 100%, 97%);
+  --color-primary-100: hsl(252, 100%, 94%);
+  --color-primary-200: hsl(251, 98%, 89%);
+  --color-primary-300: hsl(249, 95%, 82%);
+  --color-primary-400: hsl(247, 90%, 74%);
+  --color-primary-500: hsl(245, 86%, 67%);
+  --color-primary-600: hsl(243, 75%, 59%);
+  --color-primary-700: hsl(244, 57%, 51%);
+  --color-primary-800: hsl(245, 54%, 41%);
+  --color-primary-900: hsl(245, 47%, 35%);
+  --color-primary-950: hsl(246, 47%, 20%);
+
+
+  --color-secondary-50: hsl(46, 70%, 95%);
+  --color-secondary-100: hsl(45, 67%, 88%);
+  --color-secondary-200: hsl(45, 65%, 77%);
+  --color-secondary-300: hsl(42, 74%, 64%);
+  --color-secondary-400: hsl(37, 74%, 53%);
+  --color-secondary-500: hsl(39, 65%, 47%);
+  --color-secondary-600: hsl(37, 67%, 40%);
+  --color-secondary-700: hsl(36, 64%, 33%);
+  --color-secondary-800: hsl(35, 57%, 29%);
+  --color-secondary-900: hsl(34, 51%, 26%);
+  --color-secondary-950: hsl(32, 58%, 14%);
+
+  --color-accent-50: hsl(210, 100%, 97%);
+  --color-accent-100: hsl(209, 92%, 94%);
+  --color-accent-200: hsl(209, 90%, 86%);
+  --color-accent-300: hsl(209, 89%, 74%);
+  --color-accent-400: hsl(209, 88%, 60%);
+  --color-accent-500: hsl(208, 84%, 48%);
+  --color-accent-600: hsl(209, 92%, 36%);
+  --color-accent-700: hsl(210, 90%, 32%);
+  --color-accent-800: hsl(211, 84%, 27%);
+  --color-accent-900: hsl(212, 75%, 24%);
+  --color-accent-950: hsl(214, 75%, 16%);
+
+  --color-success-50: hsl(151, 81%, 96%);
+  --color-success-100: hsl(149, 80%, 90%);
+  --color-success-200: hsl(152, 76%, 80%);
+  --color-success-300: hsl(156, 72%, 67%);
+  --color-success-400: hsl(158, 64%, 52%);
+  --color-success-500: hsl(160, 84%, 39%);
+  --color-success-600: hsl(161, 94%, 30%);
+  --color-success-700: hsl(163, 94%, 24%);
+  --color-success-800: hsl(163, 88%, 20%);
+  --color-success-900: hsl(164, 86%, 16%);
+  --color-success-950: hsl(167, 91%, 9%);
+
+  --color-warning-50: hsl(33, 100%, 96%);
+  --color-warning-100: hsl(34, 100%, 92%);
+  --color-warning-200: hsl(32, 98%, 83%);
+  --color-warning-300: hsl(31, 97%, 72%);
+  --color-warning-400: hsl(27, 96%, 61%);
+  --color-warning-500: hsl(25, 95%, 53%);
+  --color-warning-600: hsl(21, 90%, 48%);
+  --color-warning-700: hsl(17, 88%, 40%);
+  --color-warning-800: hsl(15, 79%, 34%);
+  --color-warning-900: hsl(15, 75%, 28%);
+  --color-warning-950: hsl(17, 82%, 14%);
+
+  --color-info-50: hsl(204, 100%, 97%);
+  --color-info-100: hsl(204, 94%, 94%);
+  --color-info-200: hsl(201, 94%, 86%);
+  --color-info-300: hsl(199, 95%, 74%);
+  --color-info-400: hsl(198, 93%, 60%);
+  --color-info-500: hsl(199, 89%, 48%);
+  --color-info-600: hsl(200, 98%, 39%);
+  --color-info-700: hsl(201, 96%, 32%);
+  --color-info-800: hsl(201, 90%, 27%);
+  --color-info-900: hsl(202, 80%, 24%);
+  --color-info-950: hsl(204, 80%, 16%);
+
+  --color-danger-50: hsl(0, 86%, 97%);
+  --color-danger-100: hsl(0, 93%, 94%);
+  --color-danger-200: hsl(0, 96%, 89%);
+  --color-danger-300: hsl(0, 94%, 82%);
+  --color-danger-400: hsl(0, 91%, 71%);
+  --color-danger-500: hsl(0, 84%, 60%);
+  --color-danger-600: hsl(0, 72%, 51%);
+  --color-danger-700: hsl(0, 74%, 42%);
+  --color-danger-800: hsl(0, 70%, 35%);
+  --color-danger-900: hsl(0, 63%, 31%);
+  --color-danger-950: hsl(0, 75%, 15%);
+
+  --color-gray-50: hsl(0, 0%, 98%);
+  --color-gray-100: hsl(240, 5%, 96%);
+  --color-gray-200: hsl(240, 6%, 90%);
+  --color-gray-300: hsl(240, 5%, 84%);
+  --color-gray-400: hsl(240, 5%, 65%);
+  --color-gray-500: hsl(240, 4%, 46%);
+  --color-gray-600: hsl(240, 5%, 34%);
+  --color-gray-700: hsl(240, 5%, 26%);
+  --color-gray-800: hsl(240, 4%, 16%);
+  --color-gray-900: hsl(240, 6%, 10%);
+  --color-gray-950: hsl(240, 10%, 4%);
+}

package/stubs/themes/water.stub

@@ -0,0 +1,90 @@
+@theme {
+  --color-primary-50: hsl(213, 36%, 97%);
+  --color-primary-100: hsl(213, 41%, 94%);
+  --color-primary-200: hsl(213, 54%, 86%);
+  --color-primary-300: hsl(210, 57%, 74%);
+  --color-primary-400: hsl(208, 56%, 60%);
+  --color-primary-500: hsl(209, 50%, 48%);
+  --color-primary-600: hsl(210, 55%, 40%);
+  --color-primary-700: hsl(211, 55%, 32%);
+  --color-primary-800: hsl(212, 52%, 27%);
+  --color-primary-900: hsl(213, 46%, 24%);
+  --color-primary-950: hsl(214, 46%, 16%);
+  
+  
+  --color-secondary-50: hsl(166, 76%, 97%);
+  --color-secondary-100: hsl(167, 85%, 89%);
+  --color-secondary-200: hsl(168, 84%, 78%);
+  --color-secondary-300: hsl(171, 77%, 64%);
+  --color-secondary-400: hsl(172, 66%, 50%);
+  --color-secondary-500: hsl(173, 80%, 40%);
+  --color-secondary-600: hsl(175, 84%, 32%);
+  --color-secondary-700: hsl(175, 77%, 26%);
+  --color-secondary-800: hsl(176, 69%, 22%);
+  --color-secondary-900: hsl(176, 61%, 19%);
+  --color-secondary-950: hsl(180, 84%, 10%);
+  
+  
+  --color-accent-50: hsl(210, 92%, 97%);
+  --color-accent-100: hsl(209, 88%, 94%);
+  --color-accent-200: hsl(208, 86%, 86%);
+  --color-accent-300: hsl(208, 86%, 74%);
+  --color-accent-400: hsl(208, 84%, 60%);
+  --color-accent-500: hsl(208, 79%, 51%);
+  --color-accent-600: hsl(209, 88%, 39%);
+  --color-accent-700: hsl(210, 87%, 32%);
+  --color-accent-800: hsl(211, 80%, 27%);
+  --color-accent-900: hsl(212, 72%, 24%);
+  --color-accent-950: hsl(214, 73%, 16%);
+
+
+  --color-danger-50: hsl(0, 86%, 97%);
+  --color-danger-100: hsl(0, 93%, 94%);
+  --color-danger-200: hsl(0, 96%, 89%);
+  --color-danger-300: hsl(0, 94%, 82%);
+  --color-danger-400: hsl(0, 91%, 71%);
+  --color-danger-500: hsl(0, 84%, 60%);
+  --color-danger-600: hsl(0, 72%, 51%);
+  --color-danger-700: hsl(0, 74%, 42%);
+  --color-danger-800: hsl(0, 70%, 35%);
+  --color-danger-900: hsl(0, 63%, 31%);
+  --color-danger-950: hsl(0, 75%, 15%);
+  
+  
+  --color-success-50: hsl(151, 81%, 96%);
+  --color-success-100: hsl(149, 80%, 90%);
+  --color-success-200: hsl(152, 76%, 80%);
+  --color-success-300: hsl(156, 72%, 67%);
+  --color-success-400: hsl(158, 64%, 52%);
+  --color-success-500: hsl(160, 84%, 39%);
+  --color-success-600: hsl(161, 94%, 30%);
+  --color-success-700: hsl(163, 94%, 24%);
+  --color-success-800: hsl(163, 88%, 20%);
+  --color-success-900: hsl(164, 86%, 16%);
+  --color-success-950: hsl(167, 91%, 9%);
+
+  --color-warning-50: hsl(33, 100%, 96%);
+  --color-warning-100: hsl(34, 100%, 92%);
+  --color-warning-200: hsl(32, 98%, 83%);
+  --color-warning-300: hsl(31, 97%, 72%);
+  --color-warning-400: hsl(27, 96%, 61%);
+  --color-warning-500: hsl(25, 95%, 53%);
+  --color-warning-600: hsl(21, 90%, 48%);
+  --color-warning-700: hsl(17, 88%, 40%);
+  --color-warning-800: hsl(15, 79%, 34%);
+  --color-warning-900: hsl(15, 75%, 28%);
+  --color-warning-950: hsl(17, 82%, 14%);
+
+  
+  --color-gray-50: hsl(210, 20%, 98%);
+  --color-gray-100: hsl(220, 14%, 96%);
+  --color-gray-200: hsl(220, 13%, 91%);
+  --color-gray-300: hsl(216, 12%, 84%);
+  --color-gray-400: hsl(218, 11%, 65%);
+  --color-gray-500: hsl(220, 9%, 46%);
+  --color-gray-600: hsl(215, 14%, 34%);
+  --color-gray-700: hsl(217, 19%, 27%);
+  --color-gray-800: hsl(215, 28%, 17%);
+  --color-gray-900: hsl(221, 39%, 11%);
+  --color-gray-950: hsl(224, 71%, 4%);
+}

package/stubs/uno.config.stub

@@ -0,0 +1,5 @@
+import { defineConfig } from 'unocss'
+
+export default defineConfig({
+  
+})

package/stubs/utls/lib.stub

@@ -0,0 +1,17 @@
+import { clsx, type ClassValue } from "clsx"
+import { twMerge } from "tailwind-merge"
+import { tv } from "tailwind-variants";
+
+export function cx(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export const focusRing = tv({
+  base: 'outline outline-blue-600 dark:outline-blue-500 forced-colors:outline-[Highlight] outline-offset-2',
+  variants: {
+    isFocusVisible: {
+      false: 'outline-0',
+      true: 'outline-2'
+    }
+  }
+});