@jbpark/ui-kit 3.4.0 → 3.6.0

package/dist/style.css

@@ -275,15 +275,27 @@
   .right-5 {
     right: calc(var(--spacing) * 5);
   }
+  .right-full {
+    right: 100%;
+  }
+  .bottom-4 {
+    bottom: calc(var(--spacing) * 4);
+  }
   .bottom-5 {
     bottom: calc(var(--spacing) * 5);
   }
+  .bottom-full {
+    bottom: 100%;
+  }
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
   .left-1\/2 {
     left: calc(1/2 * 100%);
   }
+  .left-4 {
+    left: calc(var(--spacing) * 4);
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -422,6 +434,9 @@
   .inline-flex {
     display: inline-flex;
   }
+  .table {
+    display: table;
+  }
   .field-sizing-content {
     field-sizing: content;
   }
@@ -885,6 +900,10 @@
     border-top-left-radius: var(--radius);
     border-top-right-radius: var(--radius);
   }
+  .rounded-l-\[30px\]\! {
+    border-top-left-radius: 30px !important;
+    border-bottom-left-radius: 30px !important;
+  }
   .rounded-l-lg {
     border-top-left-radius: var(--radius);
     border-bottom-left-radius: var(--radius);
@@ -897,6 +916,10 @@
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
+  .rounded-r-\[30px\]\! {
+    border-top-right-radius: 30px !important;
+    border-bottom-right-radius: 30px !important;
+  }
   .rounded-r-lg {
     border-top-right-radius: var(--radius);
     border-bottom-right-radius: var(--radius);
@@ -909,6 +932,10 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
+  .rounded-b-\[30px\]\! {
+    border-bottom-right-radius: 30px !important;
+    border-bottom-left-radius: 30px !important;
+  }
   .rounded-b-lg {
     border-bottom-right-radius: var(--radius);
     border-bottom-left-radius: var(--radius);
@@ -1617,6 +1644,42 @@
       position: absolute;
     }
   }
+  .before\:top-0 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:top-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .before\:right-0 {
+    &::before {
+      content: var(--tw-content);
+      right: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:bottom-0 {
+    &::before {
+      content: var(--tw-content);
+      bottom: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:left-0 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(var(--spacing) * 0);
+    }
+  }
+  .before\:left-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      left: calc(1/2 * 100%);
+    }
+  }
   .before\:h-0 {
     &::before {
       content: var(--tw-content);
@@ -1629,6 +1692,20 @@
       width: calc(var(--spacing) * 0);
     }
   }
+  .before\:-translate-x-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      --tw-translate-x: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .before\:-translate-y-1\/2 {
+    &::before {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .before\:border-t-\[9px\] {
     &::before {
       content: var(--tw-content);
@@ -1723,12 +1800,66 @@
       inset-block: calc(var(--spacing) * 0);
     }
   }
+  .after\:-top-px {
+    &::after {
+      content: var(--tw-content);
+      top: -1px;
+    }
+  }
+  .after\:top-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      top: calc(1/2 * 100%);
+    }
+  }
+  .after\:top-px {
+    &::after {
+      content: var(--tw-content);
+      top: 1px;
+    }
+  }
+  .after\:-right-px {
+    &::after {
+      content: var(--tw-content);
+      right: -1px;
+    }
+  }
+  .after\:right-px {
+    &::after {
+      content: var(--tw-content);
+      right: 1px;
+    }
+  }
+  .after\:-bottom-px {
+    &::after {
+      content: var(--tw-content);
+      bottom: -1px;
+    }
+  }
+  .after\:bottom-px {
+    &::after {
+      content: var(--tw-content);
+      bottom: 1px;
+    }
+  }
+  .after\:-left-px {
+    &::after {
+      content: var(--tw-content);
+      left: -1px;
+    }
+  }
   .after\:left-1\/2 {
     &::after {
       content: var(--tw-content);
       left: calc(1/2 * 100%);
     }
   }
+  .after\:left-px {
+    &::after {
+      content: var(--tw-content);
+      left: 1px;
+    }
+  }
   .after\:h-0 {
     &::after {
       content: var(--tw-content);
@@ -1754,6 +1885,13 @@
       translate: var(--tw-translate-x) var(--tw-translate-y);
     }
   }
+  .after\:-translate-y-1\/2 {
+    &::after {
+      content: var(--tw-content);
+      --tw-translate-y: calc(calc(1/2 * 100%) * -1);
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .after\:border-t-8 {
     &::after {
       content: var(--tw-content);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jbpark/ui-kit",
-  "version": "3.4.0",
+  "version": "3.6.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",
@@ -126,7 +126,7 @@
   },
   "dependencies": {
     "@gsap/react": "^2.1.2",
-    "@jbpark/use-hooks": "^2.11.0",
+    "@jbpark/use-hooks": "^3.0.0",
     "@radix-ui/react-accordion": "^1.2.12",
     "@radix-ui/react-checkbox": "^1.3.3",
     "@radix-ui/react-dialog": "^1.1.15",
@@ -146,7 +146,6 @@
     "react-colorful": "^5.6.1",
     "react-day-picker": "^10.0.1",
     "react-resizable-panels": "^4.10.0",
-    "react-use": "^17.6.0",
     "swiper": "^11.2.10",
     "tailwind-merge": "^3.3.1",
     "tailwindcss": "^4.1.18",