fix(BaseTag): allow passing className prop

CHANGELOG.md

@@ -2,19 +2,19 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
-### [0.0.4](https://github.com/shuriken-ui/react/compare/v0.0.3...v0.0.4) (2024-06-07)
+### [0.0.4](https://github.com/glint-ui/react/compare/v0.0.3...v0.0.4) (2024-06-07)
 
 
 ### Features
 
-* add "xl" size option to component types ([9d852e0](https://github.com/shuriken-ui/react/commit/9d852e06e376d248af02641959471ce5cf3b0338))
-* **BaseAutocomplete:** add xl size, update demos ([dae569c](https://github.com/shuriken-ui/react/commit/dae569c0f1759266d38ecd46d104dd66d3751879))
-* **BaseButton:** add xl size, update demos ([f38043d](https://github.com/shuriken-ui/react/commit/f38043d616b6af4c6ba7e3565f9b5e18d141d9a0))
-* **BaseButtonClose:** add xl size, update demos ([ae840d0](https://github.com/shuriken-ui/react/commit/ae840d099c7e1982a15d05551b4bde14932b1ef7))
-* **BaseButtonIcon:** add xl size, update demos ([bae7228](https://github.com/shuriken-ui/react/commit/bae7228e88fc1fab0c4e17252fdbc662fb905fc2))
-* **BaseInput:** add xl size, update demos ([18ccdc5](https://github.com/shuriken-ui/react/commit/18ccdc57d4a03c982fefb5e7b1fc6b2baeaa1cbd))
-* **BaseInputFilee:** add xl size ([09c46cf](https://github.com/shuriken-ui/react/commit/09c46cf7ad5112e8895ede3d9f375ff5afe59a87))
-* **BaseInputNumber:** add xl size, update demos ([db8ff95](https://github.com/shuriken-ui/react/commit/db8ff9596567541d8300b6d884dc3fce377ca3c4))
-* **BaseInputNumber:** update demos ([9ae8a0d](https://github.com/shuriken-ui/react/commit/9ae8a0d2d6bfe79407bcdd423699996ba6918454))
-* **BaseListbox:** add xl size, update demos ([f1524db](https://github.com/shuriken-ui/react/commit/f1524db3b62434063f61dc24f5a7d9524f7e7329))
-* **BaseSelect:** add xl size, update demos ([8a1a9e6](https://github.com/shuriken-ui/react/commit/8a1a9e69c9adf47cb255fe024d5a7cc9065187b6))
+* add "xl" size option to component types ([9d852e0](https://github.com/glint-ui/react/commit/9d852e06e376d248af02641959471ce5cf3b0338))
+* **BaseAutocomplete:** add xl size, update demos ([dae569c](https://github.com/glint-ui/react/commit/dae569c0f1759266d38ecd46d104dd66d3751879))
+* **BaseButton:** add xl size, update demos ([f38043d](https://github.com/glint-ui/react/commit/f38043d616b6af4c6ba7e3565f9b5e18d141d9a0))
+* **BaseButtonClose:** add xl size, update demos ([ae840d0](https://github.com/glint-ui/react/commit/ae840d099c7e1982a15d05551b4bde14932b1ef7))
+* **BaseButtonIcon:** add xl size, update demos ([bae7228](https://github.com/glint-ui/react/commit/bae7228e88fc1fab0c4e17252fdbc662fb905fc2))
+* **BaseInput:** add xl size, update demos ([18ccdc5](https://github.com/glint-ui/react/commit/18ccdc57d4a03c982fefb5e7b1fc6b2baeaa1cbd))
+* **BaseInputFilee:** add xl size ([09c46cf](https://github.com/glint-ui/react/commit/09c46cf7ad5112e8895ede3d9f375ff5afe59a87))
+* **BaseInputNumber:** add xl size, update demos ([db8ff95](https://github.com/glint-ui/react/commit/db8ff9596567541d8300b6d884dc3fce377ca3c4))
+* **BaseInputNumber:** update demos ([9ae8a0d](https://github.com/glint-ui/react/commit/9ae8a0d2d6bfe79407bcdd423699996ba6918454))
+* **BaseListbox:** add xl size, update demos ([f1524db](https://github.com/glint-ui/react/commit/f1524db3b62434063f61dc24f5a7d9524f7e7329))
+* **BaseSelect:** add xl size, update demos ([8a1a9e6](https://github.com/glint-ui/react/commit/8a1a9e69c9adf47cb255fe024d5a7cc9065187b6))

README.md

@@ -24,5 +24,5 @@ This repository contains the React version of Shuriken UI with ready to use comp
 
 ```shell
 pnpm add -D @shuriken-ui/tailwind
-pnpm add @shuriken-ui/react
+pnpm add @glint-ui/react
 ```

demo/package.json

@@ -9,18 +9,18 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@headlessui/react": "^1.7.18",
+    "@headlessui/react": "^2.2.7",
     "@iconify/react": "^4.1.1",
-    "@shuriken-ui/react": "workspace:^",
-    "next": "14.1.3",
+    "@glint-ui/react": "workspace:^",
+    "next": "15.5.7",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"
   },
   "devDependencies": {
     "@shuriken-ui/tailwind": "^3.1.1",
     "@types/node": "^20.11.28",
-    "@types/react": "^18.2.66",
-    "@types/react-dom": "^18.2.22",
+    "@types/react": "^18.2.0",
+    "@types/react-dom": "^18.2.0",
     "autoprefixer": "^10.4.18",
     "eslint": "^8.57.0",
     "eslint-config-next": "14.1.3",

demo/src/app/ThemeSwitcher.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { BaseSelect, useColorMode, ColorMode } from "@shuriken-ui/react";
+import { BaseSelect, useColorMode, ColorMode } from "@glint-ui/react";
 import React from "react";
 
 const ThemeSwitcher = () => {

demo/src/app/layout.tsx

@@ -1,6 +1,6 @@
 import type { Metadata } from "next";
 import "./globals.css";
-import { ShurikenUIProvider } from "@shuriken-ui/react";
+import { ShurikenUIProvider } from "@glint-ui/react";
 import ThemeSwitcher from "./ThemeSwitcher";
 import Link from "next/link";
 import NuiLogoText from "./NuiLogoText";
@@ -9,8 +9,8 @@ import { getLinks } from "@/data/sidebar";
 
 export const metadata: Metadata = {
   title: {
-    template: "%s - @shuriken-ui/react",
-    default: "@shuriken-ui/react",
+    template: "%s - @glint-ui/react",
+    default: "@glint-ui/react",
   },
 
   description: "",

demo/src/app/page.tsx

@@ -1,7 +1,7 @@
 export default function Home() {
   return (
     <div className="flex items-center justify-center h-screen">
-      @shuriken-ui/react playground!
+      @glint-ui/react playground!
     </div>
   );
 }

demo/src/app/tests/authority/icons/page.tsx

@@ -9,7 +9,7 @@ import {
   IconMoon,
   IconPlus,
   IconSun,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 

demo/src/app/tests/authority/prose/page.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable react/no-unescaped-entities */
-import { BaseProse } from "@shuriken-ui/react";
+import { BaseProse } from "@glint-ui/react";
 import React from "react";
 
 import { getMeta } from "@/data/sidebar";

demo/src/app/tests/authority/typography/page.tsx

@@ -4,7 +4,7 @@ import {
   BaseParagraph,
   BaseText,
   BaseLink,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import { getMeta } from "@/data/sidebar";

demo/src/app/tests/base/accordion/page.tsx

@@ -2,7 +2,7 @@ import React from "react";
 
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseAccordion } from "@shuriken-ui/react";
+import { BaseAccordion } from "@glint-ui/react";
 import { getMeta } from "@/data/sidebar";
 import { Metadata } from "next";
 

demo/src/app/tests/base/avatar-group/page.tsx

@@ -1,4 +1,4 @@
-import { BaseAvatarGroup } from "@shuriken-ui/react";
+import { BaseAvatarGroup } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";

demo/src/app/tests/base/avatar/page.tsx

@@ -1,4 +1,4 @@
-import { BaseAvatar } from "@shuriken-ui/react";
+import { BaseAvatar } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 

demo/src/app/tests/base/breadcrumb/page.tsx

@@ -5,7 +5,7 @@ import { getMeta } from "@/data/sidebar";
 import Iconify from "@/components/Iconify";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseBreadcrumb } from "@shuriken-ui/react";
+import { BaseBreadcrumb } from "@glint-ui/react";
 
 const meta = getMeta("base", "breadcrumb");
 

demo/src/app/tests/base/button-action/page.tsx

@@ -3,7 +3,7 @@ import {
   BaseButtonGroup,
   BaseDropdown,
   BaseDropdownItem,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";

demo/src/app/tests/base/button-close/page.tsx

@@ -1,4 +1,4 @@
-import { BaseButtonClose } from "@shuriken-ui/react";
+import { BaseButtonClose } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import { getMeta } from "@/data/sidebar";

demo/src/app/tests/base/button-icon/page.tsx

@@ -1,7 +1,7 @@
 import { Metadata } from "next";
 import React from "react";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseButtonGroup, BaseButtonIcon } from "@shuriken-ui/react";
+import { BaseButtonGroup, BaseButtonIcon } from "@glint-ui/react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import Iconify from "@/components/Iconify";
 import { getMeta } from "@/data/sidebar";

demo/src/app/tests/base/buttons/page.tsx

@@ -1,4 +1,4 @@
-import { BaseButton, BaseButtonGroup } from "@shuriken-ui/react";
+import { BaseButton, BaseButtonGroup } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";

demo/src/app/tests/base/card/page.tsx

@@ -1,4 +1,4 @@
-import { BaseCard, BaseHeading, BaseParagraph } from "@shuriken-ui/react";
+import { BaseCard, BaseHeading, BaseParagraph } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreview from "@/components/NuiPreview";

demo/src/app/tests/base/dropdown/page.tsx

@@ -3,7 +3,7 @@ import {
   BaseDropdownItem,
   BaseAvatar,
   BaseDropdownDivider,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";

demo/src/app/tests/base/focus-loop/page.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { getMeta } from "@/data/sidebar";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseFocusLoop, BaseButton } from "@shuriken-ui/react";
+import { BaseFocusLoop, BaseButton } from "@glint-ui/react";
 
 const meta = getMeta("base", "focusLoop");
 

demo/src/app/tests/base/icon-box/page.tsx

@@ -3,7 +3,7 @@ import { Metadata } from "next";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
 import Iconify from "@/components/Iconify";
-import { BaseIconBox } from "@shuriken-ui/react";
+import { BaseIconBox } from "@glint-ui/react";
 import { getMeta } from "@/data/sidebar";
 
 const meta = getMeta("base", "iconBox");

demo/src/app/tests/base/kbd/page.tsx

@@ -3,7 +3,7 @@ import { getMeta } from "@/data/sidebar";
 import { Metadata } from "next";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseKbd } from "@shuriken-ui/react";
+import { BaseKbd } from "@glint-ui/react";
 
 const meta = getMeta("base", "kbd");
 

demo/src/app/tests/base/list/page.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { getMeta } from "@/data/sidebar";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseList, BaseListItem, BaseAvatar } from "@shuriken-ui/react";
+import { BaseList, BaseListItem, BaseAvatar } from "@glint-ui/react";
 import Iconify from "@/components/Iconify";
 
 const meta = getMeta("base", "list");

demo/src/app/tests/base/message/page.tsx

@@ -1,4 +1,4 @@
-import { BaseMessage } from '@shuriken-ui/react'
+import { BaseMessage } from '@glint-ui/react'
 import { Metadata } from 'next'
 import React from 'react'
 

demo/src/app/tests/base/pagination/Pagination.tsx

@@ -2,7 +2,7 @@
 
 import React, { Fragment } from "react";
 import NuiPreview from "@/components/NuiPreview";
-import { BasePagination } from "@shuriken-ui/react";
+import { BasePagination } from "@glint-ui/react";
 import { useSearchParams } from "next/navigation";
 
 const Pagination = () => {

demo/src/app/tests/base/pagination/page.tsx

@@ -1,4 +1,4 @@
-import { BasePagination } from "@shuriken-ui/react";
+import { BasePagination } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 

demo/src/app/tests/base/placeholder/page.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BasePlaceholderPage, BaseButton } from "@shuriken-ui/react";
+import { BasePlaceholderPage, BaseButton } from "@glint-ui/react";
 import { getMeta } from "@/data/sidebar";
 import { Metadata } from "next";
 import Image from "next/image";

demo/src/app/tests/base/placeload/page.tsx

@@ -4,7 +4,7 @@ import { getMeta } from "@/data/sidebar";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
 
-import { BasePlaceload, BaseCard } from "@shuriken-ui/react";
+import { BasePlaceload, BaseCard } from "@glint-ui/react";
 
 const meta = getMeta("base", "placeload");
 

demo/src/app/tests/base/progress/Progress.tsx

@@ -5,7 +5,7 @@ import {
   BaseProgress,
   BaseButtonAction,
   BaseProgressCircle,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 
 const Progress = () => {
   const [progress, setProgress] = useState(25);

demo/src/app/tests/base/snack/page.tsx

@@ -1,4 +1,4 @@
-import { BaseHeading, BaseSnack } from "@shuriken-ui/react";
+import { BaseHeading, BaseSnack } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 import NuiPreview from "@/components/NuiPreview";

demo/src/app/tests/base/tab-slider/TabSlider.tsx

@@ -3,7 +3,7 @@ import { Fragment } from "react";
 
 import NuiPreview from "@/components/NuiPreview";
 
-import { BaseTabSlider } from "@shuriken-ui/react";
+import { BaseTabSlider } from "@glint-ui/react";
 const TabSlider = () => {
   return (
     <Fragment>

demo/src/app/tests/base/tabs/Tabs.tsx

@@ -2,7 +2,7 @@
 
 import { Fragment, useState } from "react";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseTabs } from "@shuriken-ui/react";
+import { BaseTabs } from "@glint-ui/react";
 const Tabs = () => {
   const [selectedTab, setSelectedTab] = useState("team");
   return (

demo/src/app/tests/base/tag/page.tsx

@@ -1,4 +1,4 @@
-import { BaseTag } from "@shuriken-ui/react";
+import { BaseTag } from "@glint-ui/react";
 import { Metadata } from "next";
 import React from "react";
 

demo/src/app/tests/base/theme-toggle/page.tsx

@@ -4,7 +4,7 @@ import NuiPreview from "@/components/NuiPreview";
 import { Metadata } from "next";
 import { getMeta } from "@/data/sidebar";
 
-import { BaseThemeToggle, BaseThemeSwitch } from "@shuriken-ui/react";
+import { BaseThemeToggle, BaseThemeSwitch } from "@glint-ui/react";
 
 const meta = getMeta("base", "themeToggle");
 

demo/src/app/tests/base/tooltips/page.tsx

@@ -2,7 +2,7 @@ import { Metadata } from "next";
 import React from "react";
 import NuiPreviewContainer from "@/components/NuiPreviewContainer";
 import NuiPreview from "@/components/NuiPreview";
-import { BaseTag } from "@shuriken-ui/react";
+import { BaseTag } from "@glint-ui/react";
 import { getMeta } from "@/data/sidebar";
 
 const meta = getMeta("base", "tag");

demo/src/app/tests/base/treeselect/TreeSelect.tsx

@@ -3,15 +3,15 @@ import { tree, fileTree, topicTree, teamTree } from "./treselect";
 import { Fragment, ReactNode, useRef, useState } from "react";
 import NuiPreview from "@/components/NuiPreview";
 
-import { Menu } from "@headlessui/react";
+import { Menu, MenuItem } from "@headlessui/react";
 
 import {
   BaseTreeSelect,
   BaseTreeSelectItem,
   type BaseTreeSelectRef,
   BaseButton,
   BaseDropdown,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 
 const TreeSelect = () => {
   const [selection1, setSelection1] = useState<unknown[]>([]);
@@ -176,7 +176,7 @@ const TreeSelect = () => {
               items={teamTree}
               value={selection4}
               renderItemLabel={({ level, child, toggle }) => (
-                <Menu.Item>
+                <MenuItem>
                   <BaseTreeSelectItem
                     level={level}
                     toggle={toggle}
@@ -186,7 +186,7 @@ const TreeSelect = () => {
                       media: child.item?.media,
                     }}
                   />
-                </Menu.Item>
+                </MenuItem>
               )}
             />
             <BaseButton

demo/src/app/tests/form/autocomplete/Autocompletes.tsx

@@ -4,7 +4,7 @@ import React, { useState } from "react";
 
 import {
   BaseAutocomplete,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 
 import NuiPreview from "@/components/NuiPreview";
 

demo/src/app/tests/form/checkbox-animated/Checkboxes.tsx

@@ -6,7 +6,7 @@ import {
   BaseCheckboxAnimated,
   BaseFocusLoop,
   BaseHeading,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 
 import NuiPreview from "@/components/NuiPreview";
 

demo/src/app/tests/form/checkbox/Checkboxes.tsx

@@ -12,7 +12,7 @@ import {
   BaseCard,
   BaseAvatar,
   BaseText,
-} from "@shuriken-ui/react";
+} from "@glint-ui/react";
 
 import NuiPreview from "@/components/NuiPreview";