@flexkit/automations 0.0.24 → 0.0.25

package/dist/index.css

@@ -3,19 +3,35 @@
 @layer theme, base, components, utilities;
 @layer theme {
   :root, :host {
+    --fk-color-red-400: oklch(70.4% 0.191 22.216);
+    --fk-color-red-500: oklch(63.7% 0.237 25.331);
     --fk-color-red-700: oklch(50.5% 0.213 27.518);
+    --fk-color-amber-400: oklch(82.8% 0.189 84.429);
     --fk-color-amber-500: oklch(76.9% 0.188 70.08);
+    --fk-color-amber-700: oklch(55.5% 0.163 48.998);
     --fk-color-green-700: oklch(52.7% 0.154 150.069);
+    --fk-color-emerald-400: oklch(76.5% 0.177 163.223);
+    --fk-color-emerald-500: oklch(69.6% 0.17 162.48);
+    --fk-color-emerald-700: oklch(50.8% 0.118 165.612);
+    --fk-color-blue-400: oklch(70.7% 0.165 254.624);
+    --fk-color-blue-500: oklch(62.3% 0.214 259.815);
+    --fk-color-blue-700: oklch(48.8% 0.243 264.376);
     --fk-spacing: 0.25rem;
+    --fk-container-sm: 24rem;
     --fk-container-md: 28rem;
+    --fk-container-lg: 32rem;
     --fk-container-3xl: 48rem;
     --fk-container-5xl: 64rem;
     --fk-text-xs: 0.75rem;
     --fk-text-xs--line-height: calc(1 / 0.75);
     --fk-text-sm: 0.875rem;
     --fk-text-sm--line-height: calc(1.25 / 0.875);
+    --fk-text-base: 1rem;
+    --fk-text-base--line-height: calc(1.5 / 1);
     --fk-text-lg: 1.125rem;
     --fk-text-lg--line-height: calc(1.75 / 1.125);
+    --fk-text-xl: 1.25rem;
+    --fk-text-xl--line-height: calc(1.75 / 1.25);
     --fk-text-2xl: 1.5rem;
     --fk-text-2xl--line-height: calc(2 / 1.5);
     --fk-font-weight-light: 300;
@@ -189,9 +205,15 @@
   .fk\:top-0 {
     top: calc(var(--fk-spacing) * 0);
   }
+  .fk\:top-4 {
+    top: calc(var(--fk-spacing) * 4);
+  }
   .fk\:left-0 {
     left: calc(var(--fk-spacing) * 0);
   }
+  .fk\:left-\[5px\] {
+    left: 5px;
+  }
   .fk\:z-50 {
     z-index: 50;
   }
@@ -213,6 +235,9 @@
   .fk\:mt-2 {
     margin-top: calc(var(--fk-spacing) * 2);
   }
+  .fk\:mt-3 {
+    margin-top: calc(var(--fk-spacing) * 3);
+  }
   .fk\:mt-4 {
     margin-top: calc(var(--fk-spacing) * 4);
   }
@@ -261,9 +286,16 @@
     width: calc(var(--fk-spacing) * 4);
     height: calc(var(--fk-spacing) * 4);
   }
+  .fk\:size-\[11px\] {
+    width: 11px;
+    height: 11px;
+  }
   .fk\:h-0 {
     height: calc(var(--fk-spacing) * 0);
   }
+  .fk\:h-2 {
+    height: calc(var(--fk-spacing) * 2);
+  }
   .fk\:h-4 {
     height: calc(var(--fk-spacing) * 4);
   }
@@ -276,6 +308,9 @@
   .fk\:h-10 {
     height: calc(var(--fk-spacing) * 10);
   }
+  .fk\:h-40 {
+    height: calc(var(--fk-spacing) * 40);
+  }
   .fk\:h-\[19px\] {
     height: 19px;
   }
@@ -327,6 +362,9 @@
   .fk\:w-full {
     width: 100%;
   }
+  .fk\:w-px {
+    width: 1px;
+  }
   .fk\:max-w-3xl {
     max-width: var(--fk-container-3xl);
   }
@@ -348,9 +386,15 @@
   .fk\:max-w-full {
     max-width: 100%;
   }
+  .fk\:max-w-lg {
+    max-width: var(--fk-container-lg);
+  }
   .fk\:max-w-md {
     max-width: var(--fk-container-md);
   }
+  .fk\:max-w-sm {
+    max-width: var(--fk-container-sm);
+  }
   .fk\:min-w-0 {
     min-width: calc(var(--fk-spacing) * 0);
   }
@@ -360,24 +404,64 @@
   .fk\:shrink-0 {
     flex-shrink: 0;
   }
+  .fk\:translate-y-0\.5 {
+    --tw-translate-y: calc(var(--fk-spacing) * 0.5);
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .fk\:animate-spin {
     animation: var(--fk-animate-spin);
   }
   .fk\:cursor-pointer {
     cursor: pointer;
   }
+  .fk\:list-none {
+    list-style-type: none;
+  }
+  .fk\:grid-cols-1 {
+    grid-template-columns: repeat(1, minmax(0, 1fr));
+  }
+  .fk\:grid-cols-2 {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+  .fk\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+  .fk\:grid-cols-4 {
+    grid-template-columns: repeat(4, minmax(0, 1fr));
+  }
+  .fk\:grid-cols-5 {
+    grid-template-columns: repeat(5, minmax(0, 1fr));
+  }
+  .fk\:grid-cols-6 {
+    grid-template-columns: repeat(6, minmax(0, 1fr));
+  }
   .fk\:flex-col {
     flex-direction: column;
   }
+  .fk\:flex-row {
+    flex-direction: row;
+  }
   .fk\:flex-wrap {
     flex-wrap: wrap;
   }
+  .fk\:items-baseline {
+    align-items: baseline;
+  }
   .fk\:items-center {
     align-items: center;
   }
+  .fk\:items-end {
+    align-items: flex-end;
+  }
   .fk\:items-start {
     align-items: flex-start;
   }
+  .fk\:items-stretch {
+    align-items: stretch;
+  }
+  .fk\:justify-around {
+    justify-content: space-around;
+  }
   .fk\:justify-between {
     justify-content: space-between;
   }
@@ -390,6 +474,9 @@
   .fk\:justify-start {
     justify-content: flex-start;
   }
+  .fk\:gap-0 {
+    gap: calc(var(--fk-spacing) * 0);
+  }
   .fk\:gap-1 {
     gap: calc(var(--fk-spacing) * 1);
   }
@@ -402,6 +489,9 @@
   .fk\:gap-3 {
     gap: calc(var(--fk-spacing) * 3);
   }
+  .fk\:gap-4 {
+    gap: calc(var(--fk-spacing) * 4);
+  }
   .fk\:gap-6 {
     gap: calc(var(--fk-spacing) * 6);
   }
@@ -461,6 +551,23 @@
       margin-block-end: calc(calc(var(--fk-spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
     }
   }
+  .fk\:gap-x-2 {
+    column-gap: calc(var(--fk-spacing) * 2);
+  }
+  .fk\:divide-y {
+    :where(& > :not(:last-child)) {
+      --tw-divide-y-reverse: 0;
+      border-bottom-style: var(--tw-border-style);
+      border-top-style: var(--tw-border-style);
+      border-top-width: calc(1px * var(--tw-divide-y-reverse));
+      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
+    }
+  }
+  .fk\:divide-border {
+    :where(& > :not(:last-child)) {
+      border-color: hsl(var(--border));
+    }
+  }
   .fk\:truncate {
     overflow: hidden;
     text-overflow: ellipsis;
@@ -475,6 +582,12 @@
   .fk\:overflow-x-auto {
     overflow-x: auto;
   }
+  .fk\:rounded {
+    border-radius: 0.25rem;
+  }
+  .fk\:rounded-full {
+    border-radius: calc(infinity * 1px);
+  }
   .fk\:rounded-lg {
     border-radius: var(--radius);
   }
@@ -514,6 +627,10 @@
     border-style: var(--tw-border-style);
     border-width: 0px;
   }
+  .fk\:border-2 {
+    border-style: var(--tw-border-style);
+    border-width: 2px;
+  }
   .fk\:border-x {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
@@ -540,6 +657,12 @@
       border-color: color-mix(in oklab, var(--fk-color-amber-500) 30%, transparent);
     }
   }
+  .fk\:border-blue-500\/30 {
+    border-color: var(--fk-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fk-color-blue-500) 30%, transparent);
+    }
+  }
   .fk\:border-border {
     border-color: hsl(var(--border));
   }
@@ -552,6 +675,18 @@
       border-color: color-mix(in oklab, hsl(var(--destructive)) 30%, transparent);
     }
   }
+  .fk\:border-destructive\/50 {
+    border-color: hsl(var(--destructive));
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, hsl(var(--destructive)) 50%, transparent);
+    }
+  }
+  .fk\:border-emerald-500\/30 {
+    border-color: var(--fk-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fk-color-emerald-500) 30%, transparent);
+    }
+  }
   .fk\:border-green-700\/40 {
     border-color: var(--fk-color-green-700);
     @supports (color: color-mix(in lab, red, red)) {
@@ -561,12 +696,24 @@
   .fk\:border-input {
     border-color: hsl(var(--input));
   }
+  .fk\:border-primary {
+    border-color: hsl(var(--primary));
+  }
+  .fk\:border-red-500\/30 {
+    border-color: var(--fk-color-red-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--fk-color-red-500) 30%, transparent);
+    }
+  }
   .fk\:border-red-700\/40 {
     border-color: var(--fk-color-red-700);
     @supports (color: color-mix(in lab, red, red)) {
       border-color: color-mix(in oklab, var(--fk-color-red-700) 40%, transparent);
     }
   }
+  .fk\:border-success {
+    border-color: hsl(var(--success));
+  }
   .fk\:border-transparent {
     border-color: transparent;
   }
@@ -588,12 +735,30 @@
       background-color: color-mix(in oklab, hsl(var(--background)) 90%, transparent);
     }
   }
+  .fk\:bg-blue-500\/5 {
+    background-color: var(--fk-color-blue-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fk-color-blue-500) 5%, transparent);
+    }
+  }
+  .fk\:bg-border {
+    background-color: hsl(var(--border));
+  }
+  .fk\:bg-card {
+    background-color: hsl(var(--card));
+  }
   .fk\:bg-destructive\/5 {
     background-color: hsl(var(--destructive));
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, hsl(var(--destructive)) 5%, transparent);
     }
   }
+  .fk\:bg-emerald-500\/5 {
+    background-color: var(--fk-color-emerald-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fk-color-emerald-500) 5%, transparent);
+    }
+  }
   .fk\:bg-muted {
     background-color: hsl(var(--muted));
   }
@@ -612,9 +777,21 @@
   .fk\:bg-popover {
     background-color: hsl(var(--popover));
   }
+  .fk\:bg-primary {
+    background-color: hsl(var(--primary));
+  }
+  .fk\:bg-red-500\/5 {
+    background-color: var(--fk-color-red-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--fk-color-red-500) 5%, transparent);
+    }
+  }
   .fk\:bg-secondary {
     background-color: hsl(var(--secondary));
   }
+  .fk\:bg-success {
+    background-color: hsl(var(--success));
+  }
   .fk\:bg-success\/20 {
     background-color: hsl(var(--success));
     @supports (color: color-mix(in lab, red, red)) {
@@ -669,6 +846,9 @@
   .fk\:py-0 {
     padding-block: calc(var(--fk-spacing) * 0);
   }
+  .fk\:py-0\.5 {
+    padding-block: calc(var(--fk-spacing) * 0.5);
+  }
   .fk\:py-1 {
     padding-block: calc(var(--fk-spacing) * 1);
   }
@@ -696,6 +876,9 @@
   .fk\:pb-0\.5 {
     padding-bottom: calc(var(--fk-spacing) * 0.5);
   }
+  .fk\:pb-4 {
+    padding-bottom: calc(var(--fk-spacing) * 4);
+  }
   .fk\:pb-6 {
     padding-bottom: calc(var(--fk-spacing) * 6);
   }
@@ -724,6 +907,10 @@
     font-size: var(--fk-text-2xl);
     line-height: var(--tw-leading, var(--fk-text-2xl--line-height));
   }
+  .fk\:text-base {
+    font-size: var(--fk-text-base);
+    line-height: var(--tw-leading, var(--fk-text-base--line-height));
+  }
   .fk\:text-lg {
     font-size: var(--fk-text-lg);
     line-height: var(--tw-leading, var(--fk-text-lg--line-height));
@@ -732,6 +919,10 @@
     font-size: var(--fk-text-sm);
     line-height: var(--tw-leading, var(--fk-text-sm--line-height));
   }
+  .fk\:text-xl {
+    font-size: var(--fk-text-xl);
+    line-height: var(--tw-leading, var(--fk-text-xl--line-height));
+  }
   .fk\:text-xs {
     font-size: var(--fk-text-xs);
     line-height: var(--tw-leading, var(--fk-text-xs--line-height));
@@ -784,9 +975,21 @@
   .fk\:whitespace-pre-wrap {
     white-space: pre-wrap;
   }
+  .fk\:text-amber-700 {
+    color: var(--fk-color-amber-700);
+  }
+  .fk\:text-blue-700 {
+    color: var(--fk-color-blue-700);
+  }
   .fk\:text-destructive {
     color: hsl(var(--destructive));
   }
+  .fk\:text-emerald-700 {
+    color: var(--fk-color-emerald-700);
+  }
+  .fk\:text-foreground {
+    color: hsl(var(--foreground));
+  }
   .fk\:text-green-700 {
     color: var(--fk-color-green-700);
   }
@@ -814,6 +1017,10 @@
   .fk\:capitalize {
     text-transform: capitalize;
   }
+  .fk\:tabular-nums {
+    --tw-numeric-spacing: tabular-nums;
+    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
+  }
   .fk\:opacity-0 {
     opacity: 0%;
   }
@@ -848,6 +1055,11 @@
       }
     }
   }
+  .fk\:last\:pb-0 {
+    &:last-child {
+      padding-bottom: calc(var(--fk-spacing) * 0);
+    }
+  }
   .fk\:hover\:bg-muted {
     &:hover {
       @media (hover: hover) {
@@ -873,6 +1085,26 @@
       background-color: transparent;
     }
   }
+  .fk\:dark\:text-amber-400 {
+    &:is(.dark *) {
+      color: var(--fk-color-amber-400);
+    }
+  }
+  .fk\:dark\:text-blue-400 {
+    &:is(.dark *) {
+      color: var(--fk-color-blue-400);
+    }
+  }
+  .fk\:dark\:text-emerald-400 {
+    &:is(.dark *) {
+      color: var(--fk-color-emerald-400);
+    }
+  }
+  .fk\:dark\:text-red-400 {
+    &:is(.dark *) {
+      color: var(--fk-color-red-400);
+    }
+  }
 }
 html, body {
   height: 100%;
@@ -889,11 +1121,31 @@ html, body {
     transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
   }
 }
+@property --tw-translate-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-translate-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-space-y-reverse {
   syntax: "*";
   inherits: false;
   initial-value: 0;
 }
+@property --tw-divide-y-reverse {
+  syntax: "*";
+  inherits: false;
+  initial-value: 0;
+}
 @property --tw-border-style {
   syntax: "*";
   inherits: false;
@@ -911,6 +1163,26 @@ html, body {
   syntax: "*";
   inherits: false;
 }
+@property --tw-ordinal {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-slashed-zero {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-figure {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-spacing {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-numeric-fraction {
+  syntax: "*";
+  inherits: false;
+}
 @property --tw-shadow {
   syntax: "*";
   inherits: false;
@@ -984,11 +1256,20 @@ html, body {
 @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 {
+      --tw-translate-x: 0;
+      --tw-translate-y: 0;
+      --tw-translate-z: 0;
       --tw-space-y-reverse: 0;
+      --tw-divide-y-reverse: 0;
       --tw-border-style: solid;
       --tw-leading: initial;
       --tw-font-weight: initial;
       --tw-tracking: initial;
+      --tw-ordinal: initial;
+      --tw-slashed-zero: initial;
+      --tw-numeric-figure: initial;
+      --tw-numeric-spacing: initial;
+      --tw-numeric-fraction: initial;
       --tw-shadow: 0 0 #0000;
       --tw-shadow-color: initial;
       --tw-shadow-alpha: 100%;