mib

components/docs/generated/previews.ts

@@ -2,7 +2,7 @@
 // This file is autogenerated by scripts/create-pr-content.ts.
 // Do not edit this file directly.
 
-import React from 'react'
+import React from 'react';
 
 export const previews: Record<string, any> = {
   "date-and-time/date-field-demo": {

components/hero.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import { siteConfig } from "@/resources/config/site"
-import { IconBrandD, IconCube, IconStar } from "justd-icons"
+import { IconBrandJustd, IconCube, IconStar } from "justd-icons"
 import Link from "next/link"
 import { Header, Text } from "react-aria-components"
 import { buttonStyles, Container } from "ui"
@@ -81,7 +81,7 @@ export function Hero() {
               })}
               href="/docs/getting-started/installation"
             >
-              <IconBrandD />
+              <IconBrandJustd />
               Get started
             </Link>
             <Link

components/navbar.tsx

@@ -7,7 +7,6 @@ import { siteConfig } from "@/resources/config/site"
 import { LayoutGroup } from "framer-motion"
 import {
   IconBrandAdobe,
-  IconBrandD,
   IconBrandGithub,
   IconBrandJustd,
   IconBrandTailwindcss,
@@ -235,7 +234,7 @@ export function NavbarContextMenu() {
         className={buttonStyles({ appearance: "plain" })}
       >
         <span className="flex items-center gap-x-2">
-          <IconBrandD className="-ml-1 size-6" />
+          <IconBrandJustd className="-ml-1 size-6" />
           <span className="font-mono text-base tracking-tight sm:text-sm">{siteConfig.name}</span>
         </span>
       </ContextMenu.Trigger>

components/ui/field.tsx

@@ -1,16 +1,24 @@
-'use client';
-
-import * as React from 'react';
-
-
-
-import { FieldError as FieldErrorPrimitive, type FieldErrorProps, Group, type GroupProps, Input as InputPrimitive, type InputProps, Label as LabelPrimitive, type LabelProps, Text, type TextFieldProps as TextFieldPrimitiveProps, type TextProps, type ValidationResult } from 'react-aria-components';
-import { tv } from 'tailwind-variants';
-
-
-
-import { cr, ctr } from './primitive';
-
+"use client"
+
+import * as React from "react"
+
+import {
+  FieldError as FieldErrorPrimitive,
+  type FieldErrorProps,
+  Group,
+  type GroupProps,
+  Input as InputPrimitive,
+  type InputProps,
+  Label as LabelPrimitive,
+  type LabelProps,
+  Text,
+  type TextFieldProps as TextFieldPrimitiveProps,
+  type TextProps,
+  type ValidationResult
+} from "react-aria-components"
+import { tv } from "tailwind-variants"
+
+import { cr, ctr } from "./primitive"
 
 // primitive styles
 
@@ -59,8 +67,19 @@ const Label = ({ className, ...props }: LabelProps) => {
   return <LabelPrimitive {...props} className={label({ className })} />
 }
 
-const Description = ({ className, ...props }: TextProps) => {
-  return <Text {...props} slot="description" className={description({ className })} />
+interface DescriptionProps extends TextProps {
+  isWarning?: boolean
+}
+
+const Description = ({ className, ...props }: DescriptionProps) => {
+  const isWarning = props.isWarning ?? false
+  return (
+    <Text
+      {...props}
+      slot="description"
+      className={description({ className: isWarning ? "text-warning" : className })}
+    />
+  )
 }
 
 const FieldError = ({ className, ...props }: FieldErrorProps) => {

package.json

@@ -25,7 +25,7 @@
     "embla-carousel-react": "^8.1.8",
     "framer-motion": "^11.3.28",
     "input-otp": "^1.2.4",
-    "justd-icons": "^1.4.30",
+    "justd-icons": "^1.4.35",
     "next": "^14.2.5",
     "next-themes": "^0.2.1",
     "next-view-transitions": "^0.2.0",
@@ -38,7 +38,7 @@
     "react-use-measure": "^2.1.1",
     "rehype-pretty-code": "^0.13.2",
     "rehype-stringify": "^10.0.0",
-    "shiki": "^1.13.0",
+    "shiki": "^1.14.1",
     "sonner": "^1.5.0",
     "tailwind-merge": "^2.5.2",
     "tailwind-variants": "^0.2.1",
@@ -49,12 +49,12 @@
     "usemods": "^1.7.1"
   },
   "devDependencies": {
-    "@shikijs/rehype": "^1.13.0",
+    "@shikijs/rehype": "^1.14.1",
     "@tailwindcss/typography": "^0.5.14",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/chroma-js": "^2.4.4",
     "@types/color-namer": "^1.3.3",
-    "@types/node": "^20.15.0",
+    "@types/node": "^20.16.0",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/title": "^3.4.3",

resources/content/docs/components/collections/grid-list.mdx

@@ -4,6 +4,7 @@ description: A grid list is where your interactive items chill, letting you navi
 published: true
 order: 7
 references: ["https://react-spectrum.adobe.com/react-aria/GridList.html#props"]
+status: updated
 ---
 
 ## Basic

resources/content/docs/components/collections/list-box.mdx

@@ -4,6 +4,7 @@ description: ListBoxes are used to present and manage lists of options or data e
 order: 2
 published: true
 references: ["https://react-spectrum.adobe.com/react-aria/ListBox.html#props"]
+status: updated
 ---
 
 ## Basic

resources/content/docs/components/collections/menu.mdx

@@ -3,8 +3,8 @@ title: "Menu"
 description: It's the ultimate selector, offering a variety of options like a professional. Just click on it, and it will display all the choices, select whatever you prefer!
 order: 1
 published: true
-status: updated
 references: ["https://react-spectrum.adobe.com/react-aria/Menu.html#props", "https://github.com/jamiebuilds/tailwindcss-animate"]
+status: updated
 ---
 
 ## Basic

resources/content/docs/components/media/avatar.mdx

@@ -3,7 +3,6 @@ title: Avatar
 description: It ain't just a pic with curved corners, for real. It's the whole vibe, whispering secrets without a peep. A cheeky sneak into the deep, snatching more than your eyes can peep.
 order: 1
 published: true
-status: updated
 ---
 
 ## Basic

resources/content/docs/components/media/carousel.mdx

@@ -1,7 +1,6 @@
 ---
 title: "Carousel"
 description: A carousel is a slick, rotating showcase for images or videos, displaying one at a time. Perfect for highlighting multiple pieces of content seamlessly in one spot.
-status: new
 published: true
 order: 8
 references: ["https://react-spectrum.adobe.com/react-aria/ListBox.html#props", "https://www.embla-carousel.com/api/"]