@colisweb/rescript-toolkit 5.27.0 → 5.29.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@colisweb/rescript-toolkit",
-  "version": "5.27.0",
+  "version": "5.29.0",
   "type": "module",
   "scripts": {
     "clean": "rescript clean",

package/src/router/Toolkit__Router.res

@@ -179,6 +179,14 @@ module Make = (Config: RouterConfig) => {
       }, [])
     }
 
+    module Use = {
+      @react.component
+      let make = (~routes: array<link>) => {
+        use(routes)
+        React.null
+      }
+    }
+
     @react.component
     let make = () => {
       let {links} = store.useStore()

package/src/ui/Toolkit__Ui.res

@@ -44,3 +44,4 @@ module Popover = Toolkit__Ui_Popover
 module DropdownMenu = Toolkit__Ui_DropdownMenu
 module ScrollArea = Toolkit__Ui_ScrollArea
 module PasswordRulesNotice = Toolkit__Ui_PasswordRulesNotice
+module SectionCard = Toolkit__Ui_SectionCard

package/src/ui/Toolkit__Ui_SectionCard.res

@@ -0,0 +1,11 @@
+@react.component
+let make = (~title: React.element, ~icon: module(ReactIcons.Icon), ~children) => {
+  let module(Icon) = icon
+  <section className={"bg-white shadow-md rounded-lg"}>
+    <header className="bg-neutral-100 text-primary-700 px-6 py-4 flex flex-row items-center gap-2">
+      <Icon size={32} />
+      <p className={"font-medium text-xl font-display text-primary-800"}> {title} </p>
+    </header>
+    <div className="p-6 min-h-64"> {children} </div>
+  </section>
+}