migrate

irsyadadl · irsyadadl · commit 6ab449017cb5 · 2025-04-08T20:17:05.000+07:00
diff --git a/CHANGELOG.md b/CHANGELOG.md
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 ### TL;DR
 
 ```bash
-laravel new app --using=justd/laravel
+laravel new app --using=intentui/laravel
 ```
 
 Make sure to update your `APP_URL` in the `.env` file before using the route function. Then, run `bun run dev` to generate and watch routes properly during development.
diff --git a/composer.json b/composer.json
@@ -1,12 +1,12 @@
 {
     "$schema": "https://getcomposer.org/schema.json",
-    "name": "justd/laravel",
+    "name": "intentui/laravel",
     "type": "project",
     "description": "The skeleton application for the Laravel framework with Inertia.js and Justd.",
     "keywords": [
         "laravel",
         "framework",
-        "justd",
+        "intentui",
         "inertia"
     ],
     "license": "MIT",
@@ -16,8 +16,7 @@
         "laravel/framework": "^12.0",
         "laravel/sanctum": "^4.0",
         "laravel/tinker": "^2.10",
-        "laravel/wayfinder": "^0.1.3",
-        "tightenco/ziggy": "^2.0"
+        "laravel/wayfinder": "^0.1.3"
     },
     "require-dev": {
         "fakerphp/faker": "^1.23",
diff --git a/justd.json b/justd.json
@@ -1,5 +1,5 @@
 {
-  "$schema": "https://getjustd.com/schema.json",
+  "$schema": "https://intentui.com/schema.json",
   "ui": "resources/js/components/ui",
   "utils": "resources/js/utils",
   "gray": "zinc",
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -26,10 +26,10 @@
     "vite-plugin-run": "^0.6.1"
   },
   "dependencies": {
+    "@intentui/icons": "^1.10.29",
     "@tailwindcss/vite": "^4.1.3",
     "@types/node": "^22.14.0",
     "clsx": "^2.1.1",
-    "justd-icons": "^1.10.26",
     "motion": "^12.6.3",
     "react": "^19.1.0",
     "react-aria-components": "^1.7.1",
diff --git a/resources/js/components/footer.tsx b/resources/js/components/footer.tsx
@@ -56,7 +56,7 @@ const navigation = {
     },
     {
       name: "Twitter",
-      href: "https://x.com/getjustd",
+      href: "https://x.com/intentui",
       icon: (props: SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84" />
@@ -65,7 +65,7 @@ const navigation = {
     },
     {
       name: "GitHub",
-      href: "https://github.com/justdlabs",
+      href: "https://github.com/intentuilabs",
       icon: (props: SVGProps<SVGSVGElement>) => (
         <svg fill="currentColor" viewBox="0 0 24 24" {...props}>
           <path
@@ -207,8 +207,8 @@ export function Footer() {
           </div>
           <p className="mt-8 text-muted-fg text-xs leading-5 md:order-1 md:mt-0">
             &copy; 2020 Inertia.ts by{" "}
-            <Link target="_blank" href="https://x.com/getjustd" className="font-semibold text-fg">
-              Justd
+            <Link target="_blank" href="https://x.com/intentui" className="font-semibold text-fg">
+              Intent UI
             </Link>
             , Inc. All rights reserved.
           </p>
diff --git a/resources/js/components/logo.tsx b/resources/js/components/logo.tsx
@@ -1,7 +1,7 @@
-import { IconBrandJustd } from "justd-icons"
+import { IconBrandIntentui } from "@intentui/icons"
 import type React from "react"
 import { twMerge } from "tailwind-merge"
 
 export function Logo({ className, ...props }: React.SVGProps<SVGSVGElement>) {
-  return <IconBrandJustd className={twMerge("size-5", className)} {...props} />
+  return <IconBrandIntentui className={twMerge("size-5", className)} {...props} />
 }
diff --git a/resources/js/components/theme-switcher.tsx b/resources/js/components/theme-switcher.tsx
@@ -1,4 +1,4 @@
-import { IconChevronLgDown, IconDeviceDesktop2, IconMoon, IconSun } from "justd-icons"
+import { IconChevronLgDown, IconDeviceDesktop2, IconMoon, IconSun } from "@intentui/icons"
 import { Button } from "@/components/ui/button"
 import { Menu } from "@/components/ui/menu"
 import { useTheme } from "@/utils/use-theme"
diff --git a/resources/js/components/ui/checkbox.tsx b/resources/js/components/ui/checkbox.tsx
@@ -1,4 +1,4 @@
-import { IconCheck, IconMinus } from "justd-icons"
+import { IconCheck, IconMinus } from "@intentui/icons"
 import type {
   CheckboxGroupProps as CheckboxGroupPrimitiveProps,
   CheckboxProps as CheckboxPrimitiveProps,
diff --git a/resources/js/components/ui/dialog.tsx b/resources/js/components/ui/dialog.tsx
@@ -1,6 +1,6 @@
 import { useEffect, useRef } from "react"
 
-import { IconX } from "justd-icons"
+import { IconX } from "@intentui/icons"
 import type { HeadingProps } from "react-aria-components"
 import {
   Button as ButtonPrimitive,
diff --git a/resources/js/components/ui/dropdown.tsx b/resources/js/components/ui/dropdown.tsx
@@ -1,4 +1,4 @@
-import { IconCheck } from "justd-icons"
+import { IconCheck } from "@intentui/icons"
 import type {
   ListBoxItemProps,
   SectionProps,
diff --git a/resources/js/components/ui/list-box.tsx b/resources/js/components/ui/list-box.tsx
@@ -1,4 +1,4 @@
-import { IconCheck, IconHamburger } from "justd-icons"
+import { IconCheck, IconHamburger } from "@intentui/icons"
 import type {
   ListBoxItemProps as ListBoxItemPrimitiveProps,
   ListBoxProps,
diff --git a/resources/js/components/ui/loader.tsx b/resources/js/components/ui/loader.tsx
@@ -1,4 +1,4 @@
-import { IconLoader } from "justd-icons"
+import { IconLoader } from "@intentui/icons"
 import { ProgressBar } from "react-aria-components"
 import { twMerge } from "tailwind-merge"
 import type { VariantProps } from "tailwind-variants"
diff --git a/resources/js/components/ui/menu.tsx b/resources/js/components/ui/menu.tsx
@@ -1,6 +1,6 @@
 import { createContext, use } from "react"
 
-import { IconBulletFill, IconCheck, IconChevronLgRight } from "justd-icons"
+import { IconBulletFill, IconCheck, IconChevronLgRight } from "@intentui/icons"
 import type {
   ButtonProps,
   MenuItemProps as MenuItemPrimitiveProps,
diff --git a/resources/js/components/ui/navbar.tsx b/resources/js/components/ui/navbar.tsx
@@ -1,7 +1,7 @@
 import { createContext, use, useCallback, useId, useMemo, useState } from "react"
 
 import { useMediaQuery } from "@/utils/use-media-query"
-import { IconHamburger } from "justd-icons"
+import { IconHamburger } from "@intentui/icons"
 import { LayoutGroup, motion } from "motion/react"
 import type { LinkProps } from "react-aria-components"
 import { Link } from "react-aria-components"
diff --git a/resources/js/components/ui/text-field.tsx b/resources/js/components/ui/text-field.tsx
@@ -1,6 +1,6 @@
 import { useState } from "react"
 
-import { IconEye, IconEyeClosed } from "justd-icons"
+import { IconEye, IconEyeClosed } from "@intentui/icons"
 import { Button as ButtonPrimitive, TextField as TextFieldPrimitive } from "react-aria-components"
 import type { InputProps, TextFieldProps as TextFieldPrimitiveProps } from "react-aria-components"
 import type { FieldProps } from "./field"
diff --git a/resources/js/layouts/app-navbar.tsx b/resources/js/layouts/app-navbar.tsx
@@ -1,8 +1,8 @@
 import { ThemeSwitcher } from "@/components/theme-switcher"
 import type { PageProps } from "@/types"
 import { usePage } from "@inertiajs/react"
-import { IconBrandJustd, IconChevronLgDown, IconLogout, IconSettings } from "justd-icons"
-import { useState, useEffect } from "react"
+import { IconBrandIntentui, IconChevronLgDown, IconLogout, IconSettings } from "@intentui/icons"
+import { useEffect, useState } from "react"
 import type { Selection } from "react-aria-components"
 import { Avatar } from "@/components/ui/avatar"
 import { buttonStyles } from "@/components/ui/button"
@@ -45,15 +45,15 @@ export function AppNavbar({ children, ...props }: React.ComponentProps<typeof Na
           ))}
           <Navbar.Item
             target="_blank"
-            href="https://blocks.getjustd.com"
+            href="https://blocks.intentui.com"
             className="justify-between"
           >
-            <IconBrandJustdBlocks />
+            <IconBrandIntentui />
             <Menu.Label>Blocks</Menu.Label>
           </Navbar.Item>
-          <Navbar.Item target="_blank" href="https://getjustd.com" className="justify-between">
-            <IconBrandJustd />
-            <Menu.Label>Justd</Menu.Label>
+          <Navbar.Item target="_blank" href="https://intentui.com" className="justify-between">
+            <IconBrandIntentui />
+            <Menu.Label>Intent UI</Menu.Label>
           </Navbar.Item>
         </Navbar.Section>
 
@@ -171,13 +171,13 @@ function UserMenu() {
         </Menu.Submenu>
 
         <Menu.Separator />
-        <Menu.Item href="https://getjustd.com/button">
+        <Menu.Item href="https://intentui.com/button">
           <Menu.Label>Documenation</Menu.Label>
-          <IconBrandJustd />
+          <IconBrandIntentui />
         </Menu.Item>
-        <Menu.Item href="https://blocks.getjustd.com">
+        <Menu.Item href="https://blocks.intentui.com">
           <Menu.Label>Premium Blocks</Menu.Label>
-          <IconBrandJustdBlocks />
+          <IconBrandIntentui />
         </Menu.Item>
         <Menu.Separator />
         <Menu.Item routerOptions={{ method: "post" }} href="/logout">
@@ -188,54 +188,3 @@ function UserMenu() {
     </Menu>
   )
 }
-
-export function IconBrandJustdBlocks() {
-  return (
-    <svg
-      data-slot="icon"
-      className="size-4.5 sm:size-5"
-      xmlns="http://www.w3.org/2000/svg"
-      height={24}
-      fill="none"
-      viewBox="0 0 24 24"
-    >
-      <rect width={20} height={20} x={2} y={2} fill="#0D6DFD" rx="3.75" />
-      <g fill="#fff" filter="url(#a)" shapeRendering="crispEdges">
-        <path d="M5.36 6.311c0-.525.426-.952.951-.952h1.904c.526 0 .952.427.952.952v1.904a.95.95 0 0 1-.952.952H6.311a.95.95 0 0 1-.952-.952z" />
-        <path
-          d="M10.105 6.311c0-.525.426-.952.952-.952h1.904c.525 0 .952.427.952.952v1.904a.95.95 0 0 1-.952.952h-1.904a.95.95 0 0 1-.952-.952z"
-          fillOpacity=".5"
-        />
-        <path d="M14.85 6.311c0-.525.426-.952.952-.952h1.904c.526 0 .952.427.952.952v1.904a.95.95 0 0 1-.952.952h-1.904a.95.95 0 0 1-.952-.952z" />
-        <path
-          d="M14.85 11.057c0-.526.426-.952.952-.952h1.904c.526 0 .952.426.952.952v1.904a.95.95 0 0 1-.952.952h-1.904a.95.95 0 0 1-.952-.952z"
-          fillOpacity=".5"
-        />
-      </g>
-      <defs>
-        <filter
-          id="a"
-          width="13.426"
-          height="8.68"
-          x="5.296"
-          y="5.328"
-          colorInterpolationFilters="sRGB"
-          filterUnits="userSpaceOnUse"
-        >
-          <feFlood floodOpacity={0} result="BackgroundImageFix" />
-          <feColorMatrix
-            in="SourceAlpha"
-            result="hardAlpha"
-            values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
-          />
-          <feOffset dy=".032" />
-          <feGaussianBlur stdDeviation=".032" />
-          <feComposite in2="hardAlpha" operator="out" />
-          <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" />
-          <feBlend in2="BackgroundImageFix" result="effect1_dropShadow_74_56" />
-          <feBlend in="SourceGraphic" in2="effect1_dropShadow_74_56" result="shape" />
-        </filter>
-      </defs>
-    </svg>
-  )
-}
diff --git a/resources/js/pages/home.tsx b/resources/js/pages/home.tsx
@@ -1,43 +1,43 @@
 import { Header } from "@/components/header"
 import { Logo } from "@/components/logo"
 import AppLayout from "@/layouts/app-layout"
-import { IconBrandJustdBlocks } from "@/layouts/app-navbar"
+
 import { Head } from "@inertiajs/react"
 import {
-  IconBrandJustd,
+  IconBrandIntentui,
   IconBrandParsinta,
   IconDuplicateFill,
   IconWindowVisitFill,
-} from "justd-icons"
+} from "@intentui/icons"
 import { Card } from "@/components/ui/card"
 import { Container } from "@/components/ui/container"
 import { Link } from "@/components/ui/link"
 
 const items = [
   {
-    name: "Justd",
-    url: "https://getjustd.com",
-    icon: IconBrandJustd,
+    name: "Intent UI",
+    url: "https://intentui.com",
+    icon: IconBrandIntentui,
     description:
-      " Justd is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible.",
+      " Intent UI is a chill set of React components, built on top of React Aria Components, all about keeping the web accessible.",
   },
   {
     name: "Blocks",
-    url: "https://blocks.getjustd.com",
-    icon: IconBrandJustdBlocks,
+    url: "https://blocks.intentui.com",
+    icon: IconBrandIntentui,
     description:
       "Create stunning, professional-grade layouts that not only save time but also elevate the quality of your projects.",
   },
   {
     name: "Icons",
-    url: "https://getjustd.com/icons",
+    url: "https://intentui.com/icons",
     icon: IconDuplicateFill,
     description:
       "A library of beautifully crafted react icons, perfect for enhancing the visual appeal and user experience of your web applications.",
   },
   {
     name: "Templates",
-    url: "https://blocks.getjustd.com/templates",
+    url: "https://blocks.intentui.com/templates",
     icon: IconWindowVisitFill,
     description: "Explore the next.js templates from web apps to design systems, all here.",
   },
@@ -60,7 +60,7 @@ export default function Home() {
           <div>
             <div className="sm:p-20">
               <Link
-                href="https://getjustd.com"
+                href="https://intentui.com"
                 target="_blank"
                 className="grid size-12 place-content-center rounded-full outline-1 outline-border"
               >

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`{`
`2`		`- "$schema": "https://getjustd.com/schema.json",`
	`2`	`+ "$schema": "https://intentui.com/schema.json",`
`3`	`3`	`"ui": "resources/js/components/ui",`
`4`	`4`	`"utils": "resources/js/utils",`
`5`	`5`	`"gray": "zinc",`
Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`		`-import { IconBrandJustd } from "justd-icons"`
	`1`	`+import { IconBrandIntentui } from "@intentui/icons"`
`2`	`2`	`import type React from "react"`
`3`	`3`	`import { twMerge } from "tailwind-merge"`
`4`	`4`
`5`	`5`	`export function Logo({ className, ...props }: React.SVGProps<SVGSVGElement>) {`
`6`		`- return <IconBrandJustd className={twMerge("size-5", className)} {...props} />`
	`6`	`+ return <IconBrandIntentui className={twMerge("size-5", className)} {...props} />`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { IconChevronLgDown, IconDeviceDesktop2, IconMoon, IconSun } from "justd-icons"`
	`1`	`+import { IconChevronLgDown, IconDeviceDesktop2, IconMoon, IconSun } from "@intentui/icons"`
`2`	`2`	`import { Button } from "@/components/ui/button"`
`3`	`3`	`import { Menu } from "@/components/ui/menu"`
`4`	`4`	`import { useTheme } from "@/utils/use-theme"`
Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-import { IconCheck, IconMinus } from "justd-icons"`
	`1`	`+import { IconCheck, IconMinus } from "@intentui/icons"`
`2`	`2`	`import type {`
`3`	`3`	`CheckboxGroupProps as CheckboxGroupPrimitiveProps,`
`4`	`4`	`CheckboxProps as CheckboxPrimitiveProps,`