@ugurdemirel/landcraft 0.1.19 → 0.1.21

package/dist/styles.css

@@ -9,6 +9,8 @@
       "Courier New", monospace;
     --color-red-500: oklch(63.7% 0.237 25.331);
     --color-amber-500: oklch(76.9% 0.188 70.08);
+    --color-emerald-400: oklch(76.5% 0.177 163.223);
+    --color-emerald-600: oklch(59.6% 0.145 163.225);
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
@@ -63,9 +65,11 @@
     --radius-lg: 0.875rem;
     --radius-xl: 1.125rem;
     --radius-2xl: 1.5rem;
-    --radius-3xl: 2rem;
     --ease-out: cubic-bezier(0, 0, 0.2, 1);
     --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
+    --animate-spin: spin 1s linear infinite;
+    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
+    --animate-bounce: bounce 1s infinite;
     --blur-md: 12px;
     --blur-2xl: 40px;
     --default-transition-duration: 150ms;
@@ -92,9 +96,6 @@
     --color-danger: rgb(var(--color-danger));
     --color-danger-soft: rgb(var(--color-danger-soft));
     --font-display: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
-    --shadow-soft: 0 1px 2px rgb(17 17 17 / 0.04), 0 2px 8px rgb(17 17 17 / 0.04);
-    --shadow-raised: 0 2px 4px rgb(17 17 17 / 0.05), 0 12px 32px rgb(17 17 17 / 0.08);
-    --shadow-overlay: 0 24px 64px -12px rgb(17 17 17 / 0.18);
     --animate-marquee: marquee 38s linear infinite;
   }
 }
@@ -1628,6 +1629,9 @@
   .mt-16 {
     margin-top: calc(var(--spacing) * 16);
   }
+  .mb-1 {
+    margin-bottom: var(--spacing);
+  }
   .mb-1\.5 {
     margin-bottom: calc(var(--spacing) * 1.5);
   }
@@ -1655,9 +1659,15 @@
   .mb-14 {
     margin-bottom: calc(var(--spacing) * 14);
   }
+  .ml-0\.5 {
+    margin-left: calc(var(--spacing) * 0.5);
+  }
   .ml-1 {
     margin-left: var(--spacing);
   }
+  .ml-auto {
+    margin-left: auto;
+  }
   .line-clamp-2 {
     overflow: hidden;
     display: -webkit-box;
@@ -1814,6 +1824,9 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-\[2px\] {
+    width: 2px;
+  }
   .w-\[19rem\] {
     width: 19rem;
   }
@@ -1844,6 +1857,12 @@
   .max-w-6xl {
     max-width: var(--container-6xl);
   }
+  .max-w-\[85\%\] {
+    max-width: 85%;
+  }
+  .max-w-\[90\%\] {
+    max-width: 90%;
+  }
   .max-w-\[calc\(100vw-2rem\)\] {
     max-width: calc(100vw - 2rem);
   }
@@ -1896,6 +1915,10 @@
     --tw-translate-y: 0px;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\[3px\] {
+    --tw-translate-y: 3px;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .rotate-45 {
     rotate: 45deg;
   }
@@ -1905,9 +1928,21 @@
   .transform {
     transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
   }
+  .animate-bounce {
+    animation: var(--animate-bounce);
+  }
   .animate-marquee {
     animation: var(--animate-marquee);
   }
+  .animate-pulse {
+    animation: var(--animate-pulse);
+  }
+  .animate-spin {
+    animation: var(--animate-spin);
+  }
+  .cursor-not-allowed {
+    cursor: not-allowed;
+  }
   .cursor-pointer {
     cursor: pointer;
   }
@@ -1965,6 +2000,9 @@
   .justify-end {
     justify-content: flex-end;
   }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .gap-0 {
     gap: 0px;
   }
@@ -2024,6 +2062,11 @@
     margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
     margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
   }
+  :where(.space-y-2 > :not(:last-child)) {
+    --tw-space-y-reverse: 0;
+    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
+    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
+  }
   :where(.space-y-2\.5 > :not(:last-child)) {
     --tw-space-y-reverse: 0;
     margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
@@ -2120,10 +2163,20 @@
     border-bottom-right-radius: var(--radius-xl);
     border-bottom-left-radius: var(--radius-xl);
   }
+  .rounded-br-md {
+    border-bottom-right-radius: var(--radius-md);
+  }
+  .rounded-bl-md {
+    border-bottom-left-radius: var(--radius-md);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
   }
+  .border-\[1\.5px\] {
+    border-style: var(--tw-border-style);
+    border-width: 1.5px;
+  }
   .border-t {
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
@@ -2151,6 +2204,9 @@
       border-color: color-mix(in oklab, rgb(var(--color-border)) 70%, transparent);
     }
   }
+  .border-current {
+    border-color: currentcolor;
+  }
   .border-foreground\/20 {
     border-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 20%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2166,12 +2222,21 @@
       border-color: color-mix(in oklab, rgb(var(--color-primary)) 40%, transparent);
     }
   }
+  .border-red-500\/40 {
+    border-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-red-500) 40%, transparent);
+    }
+  }
   .border-white\/10 {
     border-color: color-mix(in srgb, #fff 10%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
     }
   }
+  .border-t-transparent {
+    border-top-color: transparent;
+  }
   .bg-\[\#101010\] {
     background-color: #101010;
   }
@@ -2193,6 +2258,12 @@
   .bg-background {
     background-color: rgb(var(--color-background));
   }
+  .bg-background\/60 {
+    background-color: color-mix(in srgb, rgb(rgb(var(--color-background))) 60%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, rgb(var(--color-background)) 60%, transparent);
+    }
+  }
   .bg-background\/85 {
     background-color: color-mix(in srgb, rgb(rgb(var(--color-background))) 85%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2217,12 +2288,27 @@
   .bg-foreground {
     background-color: rgb(var(--color-foreground));
   }
+  .bg-foreground\/8 {
+    background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 8%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, rgb(var(--color-foreground)) 8%, transparent);
+    }
+  }
+  .bg-foreground\/15 {
+    background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, rgb(var(--color-foreground)) 15%, transparent);
+    }
+  }
   .bg-foreground\/25 {
     background-color: color-mix(in srgb, rgb(rgb(var(--color-foreground))) 25%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, rgb(var(--color-foreground)) 25%, transparent);
     }
   }
+  .bg-on-primary {
+    background-color: rgb(var(--color-on-primary));
+  }
   .bg-on-secondary {
     background-color: rgb(var(--color-on-secondary));
   }
@@ -2238,10 +2324,10 @@
       background-color: color-mix(in oklab, rgb(var(--color-primary-soft)) 60%, transparent);
     }
   }
-  .bg-primary\/50 {
-    background-color: color-mix(in srgb, rgb(rgb(var(--color-primary))) 50%, transparent);
+  .bg-red-500\/15 {
+    background-color: color-mix(in srgb, oklch(63.7% 0.237 25.331) 15%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, rgb(var(--color-primary)) 50%, transparent);
+      background-color: color-mix(in oklab, var(--color-red-500) 15%, transparent);
     }
   }
   .bg-secondary {
@@ -2253,6 +2339,12 @@
   .bg-surface-strong {
     background-color: rgb(var(--color-surface-strong));
   }
+  .bg-surface-strong\/40 {
+    background-color: color-mix(in srgb, rgb(rgb(var(--color-surface-strong))) 40%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, rgb(var(--color-surface-strong)) 40%, transparent);
+    }
+  }
   .bg-surface\/90 {
     background-color: color-mix(in srgb, rgb(rgb(var(--color-surface))) 90%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2292,6 +2384,9 @@
   .p-2 {
     padding: calc(var(--spacing) * 2);
   }
+  .p-2\.5 {
+    padding: calc(var(--spacing) * 2.5);
+  }
   .p-4 {
     padding: calc(var(--spacing) * 4);
   }
@@ -2325,6 +2420,9 @@
   .px-3 {
     padding-inline: calc(var(--spacing) * 3);
   }
+  .px-3\.5 {
+    padding-inline: calc(var(--spacing) * 3.5);
+  }
   .px-4 {
     padding-inline: calc(var(--spacing) * 4);
   }
@@ -2469,6 +2567,9 @@
   .font-display {
     font-family: var(--font-display);
   }
+  .font-mono {
+    font-family: var(--font-mono);
+  }
   .font-sans {
     font-family: var(--font-sans);
   }
@@ -2674,6 +2775,9 @@
   .text-danger {
     color: rgb(var(--color-danger));
   }
+  .text-emerald-600 {
+    color: var(--color-emerald-600);
+  }
   .text-foreground {
     color: rgb(var(--color-foreground));
   }
@@ -2975,6 +3079,12 @@
     -webkit-user-select: none;
     user-select: none;
   }
+  .\[animation-delay\:-0\.3s\] {
+    animation-delay: -0.3s;
+  }
+  .\[animation-delay\:-0\.15s\] {
+    animation-delay: -0.15s;
+  }
   .ring-inset {
     --tw-ring-inset: inset;
   }
@@ -3155,6 +3265,9 @@
     --tw-outline-style: none;
     outline-style: none;
   }
+  .focus-visible\:ring-inset:focus-visible {
+    --tw-ring-inset: inset;
+  }
   .disabled\:pointer-events-none:disabled {
     pointer-events: none;
   }
@@ -3261,6 +3374,9 @@
     .sm\:p-14 {
       padding: calc(var(--spacing) * 14);
     }
+    .sm\:px-5 {
+      padding-inline: calc(var(--spacing) * 5);
+    }
     .sm\:px-6 {
       padding-inline: calc(var(--spacing) * 6);
     }
@@ -3464,6 +3580,11 @@
       line-height: var(--tw-leading, var(--text-8xl--line-height));
     }
   }
+  @media (prefers-color-scheme: dark) {
+    .dark\:text-emerald-400 {
+      color: var(--color-emerald-400);
+    }
+  }
 }
 @layer base {
   :root {
@@ -3860,6 +3981,26 @@
   syntax: "*";
   inherits: false;
 }
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@keyframes pulse {
+  50% {
+    opacity: 0.5;
+  }
+}
+@keyframes bounce {
+  0%, 100% {
+    transform: translateY(-25%);
+    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
+  }
+  50% {
+    transform: none;
+    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
+  }
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ugurdemirel/landcraft",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "publishConfig": {
     "access": "public"
   },
@@ -38,6 +38,7 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "clean": "rimraf dist",
+    "prepack": "cp ../../README.md ./README.md",
     "prepublishOnly": "pnpm run build"
   },
   "peerDependencies": {