@jbpark/ui-kit 2.4.0 → 2.7.0

package/dist/style.css

@@ -239,9 +239,6 @@
   .top-1\/2 {
     top: calc(1/2 * 100%);
   }
-  .top-3 {
-    top: calc(var(--spacing) * 3);
-  }
   .top-4 {
     top: calc(var(--spacing) * 4);
   }
@@ -290,6 +287,9 @@
   .z-0 {
     z-index: 0;
   }
+  .z-10 {
+    z-index: 10;
+  }
   .z-50 {
     z-index: 50;
   }
@@ -353,17 +353,17 @@
   .mt-auto {
     margin-top: auto;
   }
-  .mr-0\.5 {
-    margin-right: calc(var(--spacing) * 0.5);
+  .mr-1\.5 {
+    margin-right: calc(var(--spacing) * 1.5);
   }
-  .mr-1 {
-    margin-right: calc(var(--spacing) * 1);
+  .mr-2 {
+    margin-right: calc(var(--spacing) * 2);
   }
-  .mr-3\.5 {
-    margin-right: calc(var(--spacing) * 3.5);
+  .mr-6 {
+    margin-right: calc(var(--spacing) * 6);
   }
-  .mr-4\.5 {
-    margin-right: calc(var(--spacing) * 4.5);
+  .mr-7 {
+    margin-right: calc(var(--spacing) * 7);
   }
   .mb-3 {
     margin-bottom: calc(var(--spacing) * 3);
@@ -371,20 +371,20 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
-  .ml-0\.5 {
-    margin-left: calc(var(--spacing) * 0.5);
+  .ml-1\.5 {
+    margin-left: calc(var(--spacing) * 1.5);
   }
-  .ml-1 {
-    margin-left: calc(var(--spacing) * 1);
-  }
-  .ml-3\.5 {
-    margin-left: calc(var(--spacing) * 3.5);
+  .ml-2 {
+    margin-left: calc(var(--spacing) * 2);
   }
   .ml-4 {
     margin-left: calc(var(--spacing) * 4);
   }
-  .ml-4\.5 {
-    margin-left: calc(var(--spacing) * 4.5);
+  .ml-6 {
+    margin-left: calc(var(--spacing) * 6);
+  }
+  .ml-7 {
+    margin-left: calc(var(--spacing) * 7);
   }
   .box-content {
     box-sizing: content-box;
@@ -420,6 +420,10 @@
     width: calc(var(--spacing) * 2);
     height: calc(var(--spacing) * 2);
   }
+  .size-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+    height: calc(var(--spacing) * 2.5);
+  }
   .size-3\.5 {
     width: calc(var(--spacing) * 3.5);
     height: calc(var(--spacing) * 3.5);
@@ -428,10 +432,18 @@
     width: calc(var(--spacing) * 4);
     height: calc(var(--spacing) * 4);
   }
+  .size-5\! {
+    width: calc(var(--spacing) * 5) !important;
+    height: calc(var(--spacing) * 5) !important;
+  }
   .size-6 {
     width: calc(var(--spacing) * 6);
     height: calc(var(--spacing) * 6);
   }
+  .size-6\! {
+    width: calc(var(--spacing) * 6) !important;
+    height: calc(var(--spacing) * 6) !important;
+  }
   .size-8 {
     width: calc(var(--spacing) * 8);
     height: calc(var(--spacing) * 8);
@@ -456,9 +468,15 @@
   .h-6 {
     height: calc(var(--spacing) * 6);
   }
+  .h-6\! {
+    height: calc(var(--spacing) * 6) !important;
+  }
   .h-8 {
     height: calc(var(--spacing) * 8);
   }
+  .h-8\! {
+    height: calc(var(--spacing) * 8) !important;
+  }
   .h-9 {
     height: calc(var(--spacing) * 9);
   }
@@ -468,6 +486,9 @@
   .h-12 {
     height: calc(var(--spacing) * 12);
   }
+  .h-16 {
+    height: calc(var(--spacing) * 16);
+  }
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -489,15 +510,27 @@
   .max-h-\(--radix-select-content-available-height\) {
     max-height: var(--radix-select-content-available-height);
   }
+  .min-h-0 {
+    min-height: calc(var(--spacing) * 0);
+  }
   .min-h-16 {
     min-height: calc(var(--spacing) * 16);
   }
+  .w-3 {
+    width: calc(var(--spacing) * 3);
+  }
   .w-4 {
     width: calc(var(--spacing) * 4);
   }
+  .w-10\! {
+    width: calc(var(--spacing) * 10) !important;
+  }
   .w-12 {
     width: calc(var(--spacing) * 12);
   }
+  .w-12\! {
+    width: calc(var(--spacing) * 12) !important;
+  }
   .w-15 {
     width: calc(var(--spacing) * 15);
   }
@@ -507,9 +540,6 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
-  .w-50 {
-    width: calc(var(--spacing) * 50);
-  }
   .w-60 {
     width: calc(var(--spacing) * 60);
   }
@@ -534,6 +564,9 @@
   .w-full {
     width: 100%;
   }
+  .w-px {
+    width: 1px;
+  }
   .max-w-48 {
     max-width: calc(var(--spacing) * 48);
   }
@@ -673,9 +706,6 @@
   .place-content-center {
     place-content: center;
   }
-  .content-start {
-    align-content: flex-start;
-  }
   .items-baseline {
     align-items: baseline;
   }
@@ -835,8 +865,17 @@
   .border-\(--btn-border\) {
     border-color: var(--btn-border);
   }
-  .border-\[rgb\(var\(--btn-border\)\/0\.5\)\] {
-    border-color: rgb(var(--btn-border)/0.5);
+  .border-\[color-mix\(in_oklch\,var\(--btn-border\)\,transparent_50\%\)\] {
+    border-color: var(--btn-border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklch,var(--btn-border),transparent 50%);
+    }
+  }
+  .border-border\/60 {
+    border-color: var(--border);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--border) 60%, transparent);
+    }
   }
   .border-current {
     border-color: currentcolor;
@@ -1046,11 +1085,8 @@
     font-size: var(--text-xs);
     line-height: var(--tw-leading, var(--text-xs--line-height));
   }
-  .text-\[7px\] {
-    font-size: 7px;
-  }
-  .text-\[9px\] {
-    font-size: 9px;
+  .text-\[10px\] {
+    font-size: 10px;
   }
   .leading-5\.75 {
     --tw-leading: calc(var(--spacing) * 5.75);
@@ -1228,11 +1264,21 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[width\] {
+    transition-property: width;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-all {
     transition-property: all;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-colors {
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-opacity {
     transition-property: opacity;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -1255,6 +1301,12 @@
     --tw-duration: 200ms;
     transition-duration: 200ms;
   }
+  .will-change-\[left\] {
+    will-change: left;
+  }
+  .will-change-\[margin\] {
+    will-change: margin;
+  }
   .outline-none {
     --tw-outline-style: none;
     outline-style: none;
@@ -1547,6 +1599,12 @@
       position: absolute;
     }
   }
+  .after\:inset-y-0 {
+    &::after {
+      content: var(--tw-content);
+      inset-block: calc(var(--spacing) * 0);
+    }
+  }
   .after\:-top-px {
     &::after {
       content: var(--tw-content);
@@ -1619,6 +1677,12 @@
       width: calc(var(--spacing) * 0);
     }
   }
+  .after\:w-1 {
+    &::after {
+      content: var(--tw-content);
+      width: calc(var(--spacing) * 1);
+    }
+  }
   .after\:-translate-x-1\/2 {
     &::after {
       content: var(--tw-content);
@@ -1747,6 +1811,26 @@
       }
     }
   }
+  .hover\:bg-black\/5 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 5%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 5%, transparent);
+        }
+      }
+    }
+  }
+  .hover\:bg-border\/80 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: var(--border);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--border) 80%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-destructive\/90 {
     &:hover {
       @media (hover: hover) {
@@ -1881,6 +1965,12 @@
       border-color: var(--ring);
     }
   }
+  .focus-visible\:ring-1 {
+    &:focus-visible {
+      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-visible\:ring-\[3px\] {
     &:focus-visible {
       --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
@@ -1895,6 +1985,11 @@
       }
     }
   }
+  .focus-visible\:ring-ring {
+    &:focus-visible {
+      --tw-ring-color: var(--ring);
+    }
+  }
   .focus-visible\:ring-ring\/50 {
     &:focus-visible {
       --tw-ring-color: var(--ring);
@@ -1903,6 +1998,22 @@
       }
     }
   }
+  .focus-visible\:ring-offset-1 {
+    &:focus-visible {
+      --tw-ring-offset-width: 1px;
+      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
+    }
+  }
+  .focus-visible\:outline-hidden {
+    &:focus-visible {
+      --tw-outline-style: none;
+      outline-style: none;
+      @media (forced-colors: active) {
+        outline: 2px solid transparent;
+        outline-offset: 2px;
+      }
+    }
+  }
   .active\:bg-\(--btn-bg-active\) {
     &:active {
       background-color: var(--btn-bg-active);
@@ -2005,6 +2116,68 @@
       }
     }
   }
+  .aria-\[orientation\=horizontal\]\:h-px {
+    &[aria-orientation="horizontal"] {
+      height: 1px;
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:w-full {
+    &[aria-orientation="horizontal"] {
+      width: 100%;
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:after\:left-0 {
+    &[aria-orientation="horizontal"] {
+      &::after {
+        content: var(--tw-content);
+        left: calc(var(--spacing) * 0);
+      }
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:after\:h-1 {
+    &[aria-orientation="horizontal"] {
+      &::after {
+        content: var(--tw-content);
+        height: calc(var(--spacing) * 1);
+      }
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:after\:w-full {
+    &[aria-orientation="horizontal"] {
+      &::after {
+        content: var(--tw-content);
+        width: 100%;
+      }
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:after\:translate-x-0 {
+    &[aria-orientation="horizontal"] {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-x: calc(var(--spacing) * 0);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2 {
+    &[aria-orientation="horizontal"] {
+      &::after {
+        content: var(--tw-content);
+        --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .aria-\[orientation\=vertical\]\:flex-col {
+    &[aria-orientation="vertical"] {
+      flex-direction: column;
+    }
+  }
+  .data-separator-active\:bg-border {
+    &[data-separator-active] {
+      background-color: var(--border);
+    }
+  }
   .data-\[disabled\]\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -2135,14 +2308,14 @@
       }
     }
   }
-  .data-\[state\=checked\]\:left-\[calc\(100\%-12px\)\] {
+  .data-\[state\=checked\]\:left-\[calc\(100\%-22px\)\] {
     &[data-state="checked"] {
-      left: calc(100% - 12px);
+      left: calc(100% - 22px);
     }
   }
-  .data-\[state\=checked\]\:left-\[calc\(100\%-16px\)\] {
+  .data-\[state\=checked\]\:left-\[calc\(100\%-26px\)\] {
     &[data-state="checked"] {
-      left: calc(100% - 16px);
+      left: calc(100% - 26px);
     }
   }
   .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\] {
@@ -2176,9 +2349,9 @@
       color: var(--muted-foreground);
     }
   }
-  .data-\[state\=unchecked\]\:left-0 {
+  .data-\[state\=unchecked\]\:left-0\.5 {
     &[data-state="unchecked"] {
-      left: calc(var(--spacing) * 0);
+      left: calc(var(--spacing) * 0.5);
     }
   }
   .data-\[state\=unchecked\]\:translate-x-0 {
@@ -2635,6 +2808,11 @@
       color: var(--primary);
     }
   }
+  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90 {
+    &[aria-orientation=horizontal]>div {
+      rotate: 90deg;
+    }
+  }
   .\[\&\[data-state\=open\]\>svg\]\:rotate-180 {
     &[data-state=open]>svg {
       rotate: 180deg;
@@ -2746,69 +2924,53 @@
   }
   [data-slot='button'][data-color='default'] {
     --btn-bg: var(--muted);
-    --btn-border: 107 114 128;
+    --btn-border: var(--muted-foreground);
   }
   [data-slot='button'][data-color='primary'] {
     --btn-bg: var(--primary);
-    --btn-border: var(--primary);
     --btn-fg: var(--primary-foreground);
   }
   [data-slot='button'][data-color='danger'] {
     --btn-bg: var(--destructive);
-    --btn-border: 239 68 68;
-    --btn-fg: white;
   }
   [data-slot='button'][data-color='blue'] {
     --btn-bg: #3b82f6;
-    --btn-border: 59 130 246;
   }
   [data-slot='button'][data-color='purple'] {
     --btn-bg: #a855f7;
-    --btn-border: 168 85 247;
   }
   [data-slot='button'][data-color='cyan'] {
     --btn-bg: #06b6d4;
-    --btn-border: 6 182 212;
   }
   [data-slot='button'][data-color='green'] {
     --btn-bg: #22c55e;
-    --btn-border: 34 197 94;
   }
   [data-slot='button'][data-color='magenta'] {
     --btn-bg: #d946ef;
-    --btn-border: 217 70 239;
   }
   [data-slot='button'][data-color='pink'] {
     --btn-bg: #ec4899;
-    --btn-border: 236 72 153;
   }
   [data-slot='button'][data-color='red'] {
     --btn-bg: #ef4444;
-    --btn-border: 239 68 68;
   }
   [data-slot='button'][data-color='orange'] {
     --btn-bg: #f97316;
-    --btn-border: 249 115 22;
   }
   [data-slot='button'][data-color='yellow'] {
     --btn-bg: #eab308;
-    --btn-border: 234 179 8;
   }
   [data-slot='button'][data-color='volcano'] {
     --btn-bg: #ea580c;
-    --btn-border: 234 88 12;
   }
   [data-slot='button'][data-color='geekblue'] {
     --btn-bg: #6366f1;
-    --btn-border: 99 102 241;
   }
   [data-slot='button'][data-color='lime'] {
     --btn-bg: #84cc16;
-    --btn-border: 132 204 22;
   }
   [data-slot='button'][data-color='gold'] {
     --btn-bg: #f59e0b;
-    --btn-border: 245 158 11;
   }
 }
 @property --tw-translate-x {

package/dist/utils.d.mts

@@ -2,8 +2,8 @@ import * as React$1 from "react";
 import { ClassValue } from "clsx";
 
 //#region src/lib/utils/index.d.ts
-declare function cn(...inputs: ClassValue[]): string;
-declare function renderConditional<T extends React$1.ReactNode>(value: T, wrapper?: (value: NonNullable<T>) => React$1.ReactNode): React$1.ReactNode;
+declare const cn: (...inputs: ClassValue[]) => string;
+declare const renderConditional: <T extends React$1.ReactNode>(value: T, wrapper?: (value: NonNullable<T>) => React$1.ReactNode) => React$1.ReactNode;
 //#endregion
 export { cn, renderConditional };
 //# sourceMappingURL=utils.d.mts.map

package/dist/utils.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.mts","names":[],"sources":["../src/lib/utils/index.ts"],"mappings":";;;;iBAKgB,EAAA,CAAA,GAAM,MAAA,EAAQ,UAAA;AAAA,iBAId,iBAAA,WAA4B,OAAA,CAAM,SAAA,CAAA,CAChD,KAAA,EAAO,CAAA,EACP,OAAA,IAAW,KAAA,EAAO,WAAA,CAAY,CAAA,MAAO,OAAA,CAAM,SAAA,GAC1C,OAAA,CAAM,SAAA"}
+{"version":3,"file":"utils.d.mts","names":[],"sources":["../src/lib/utils/index.ts"],"mappings":";;;;cAKa,EAAA,MAAS,MAAA,EAAQ,UAAA;AAAA,cAIjB,iBAAA,aAA+B,OAAA,CAAM,SAAA,EAChD,KAAA,EAAO,CAAA,EACP,OAAA,IAAW,KAAA,EAAO,WAAA,CAAY,CAAA,MAAO,OAAA,CAAM,SAAA,KAC1C,OAAA,CAAM,SAAA"}

package/dist/utils.mjs

@@ -3,14 +3,14 @@ import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
 
 //#region src/lib/utils/index.ts
-function cn(...inputs) {
+const cn = (...inputs) => {
 	return twMerge(clsx(inputs));
-}
-function renderConditional(value, wrapper) {
+};
+const renderConditional = (value, wrapper) => {
 	if (value === null || value === void 0) return null;
 	if (React$1.isValidElement(value)) return value;
 	return wrapper ? wrapper(value) : value;
-}
+};
 
 //#endregion
 export { cn, renderConditional };

package/dist/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","names":["React"],"sources":["../src/lib/utils/index.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n\nexport function renderConditional<T extends React.ReactNode>(\n  value: T,\n  wrapper?: (value: NonNullable<T>) => React.ReactNode,\n): React.ReactNode {\n  if (value === null || value === undefined) {\n    return null;\n  }\n\n  if (React.isValidElement(value)) {\n    return value;\n  }\n\n  return wrapper ? wrapper(value as NonNullable<T>) : value;\n}\n"],"mappings":";;;;;AAKA,SAAgB,GAAG,GAAG,QAAsB;AAC1C,QAAO,QAAQ,KAAK,OAAO,CAAC;;AAG9B,SAAgB,kBACd,OACA,SACiB;AACjB,KAAI,UAAU,QAAQ,UAAU,OAC9B,QAAO;AAGT,KAAIA,QAAM,eAAe,MAAM,CAC7B,QAAO;AAGT,QAAO,UAAU,QAAQ,MAAwB,GAAG"}
+{"version":3,"file":"utils.mjs","names":["React"],"sources":["../src/lib/utils/index.ts"],"sourcesContent":["import * as React from 'react';\n\nimport { type ClassValue, clsx } from 'clsx';\nimport { twMerge } from 'tailwind-merge';\n\nexport const cn = (...inputs: ClassValue[]) => {\n  return twMerge(clsx(inputs));\n};\n\nexport const renderConditional = <T extends React.ReactNode>(\n  value: T,\n  wrapper?: (value: NonNullable<T>) => React.ReactNode,\n): React.ReactNode => {\n  if (value === null || value === undefined) {\n    return null;\n  }\n\n  if (React.isValidElement(value)) {\n    return value;\n  }\n\n  return wrapper ? wrapper(value as NonNullable<T>) : value;\n};\n"],"mappings":";;;;;AAKA,MAAa,MAAM,GAAG,WAAyB;AAC7C,QAAO,QAAQ,KAAK,OAAO,CAAC;;AAG9B,MAAa,qBACX,OACA,YACoB;AACpB,KAAI,UAAU,QAAQ,UAAU,OAC9B,QAAO;AAGT,KAAIA,QAAM,eAAe,MAAM,CAC7B,QAAO;AAGT,QAAO,UAAU,QAAQ,MAAwB,GAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "2.4.0",
+  "version": "2.7.0",
   "description": "Modern React UI component library built with TypeScript, Tailwind CSS, and Radix UI. Featuring atoms, molecules, organisms and layout templates for building beautiful interfaces.",
   "keywords": [
     "react",
@@ -76,7 +76,17 @@
       "default": "./dist/style.css"
     }
   },
+  "scripts": {
+    "build": "tsdown",
+    "lint": "eslint .",
+    "generate:component": "turbo gen react-component",
+    "check-types": "tsc -b",
+    "prepublishOnly": "node scripts/prepare-publish.mjs",
+    "postpublish": "node scripts/restore-package.mjs"
+  },
   "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/typescript-config": "workspace:*",
     "@tailwindcss/postcss": "^4.1.18",
     "@types/node": "^22.15.3",
     "@types/react": "19.1.0",
@@ -84,9 +94,7 @@
     "eslint": "^9.34.0",
     "rollup-plugin-postcss": "^4.0.2",
     "tsdown": "^0.20.3",
-    "typescript": "5.9.2",
-    "@repo/eslint-config": "0.0.0",
-    "@repo/typescript-config": "0.0.0"
+    "typescript": "5.9.2"
   },
   "dependencies": {
     "@gsap/react": "^2.1.2",
@@ -102,11 +110,13 @@
     "@uidotdev/usehooks": "^2.4.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
+    "gsap": "^3.15.0",
     "lucide-react": "^0.542.0",
     "motion": "^12.23.12",
     "postcss": "^8.4.31",
     "radix-ui": "^1.4.3",
     "react-colorful": "^5.6.1",
+    "react-resizable-panels": "^4.10.0",
     "react-use": "^17.6.0",
     "swiper": "^11.2.10",
     "tailwind-merge": "^3.3.1",
@@ -117,11 +127,5 @@
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",
     "react-dom": "^18.0.0 || ^19.0.0"
-  },
-  "scripts": {
-    "build": "tsdown",
-    "lint": "eslint .",
-    "generate:component": "turbo gen react-component",
-    "check-types": "tsc -b"
   }
-}
+}