@arch-cadre/ui 0.0.10 → 0.0.15

package/src/components/breadcrumb.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot as SlotPrimitive } from "radix-ui";
 import { ChevronRight, MoreHorizontal } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 
@@ -38,7 +38,7 @@ function BreadcrumbLink({
 }: React.ComponentProps<"a"> & {
   asChild?: boolean;
 }) {
-  const Comp = asChild ? Slot : "a";
+  const Comp = asChild ? SlotPrimitive.Slot : "a";
 
   return (
     <Comp
@@ -51,6 +51,8 @@ function BreadcrumbLink({
 
 function BreadcrumbPage({ className, ...props }: React.ComponentProps<"span">) {
   return (
+    // biome-ignore lint/a11y/useSemanticElements: <explanation>
+    // biome-ignore lint/a11y/useFocusableInteractive: <explanation>
     <span
       data-slot="breadcrumb-page"
       role="link"

package/src/components/button-group.tsx

@@ -1,5 +1,7 @@
-import { Slot } from "@radix-ui/react-slot";
+/** biome-ignore-all lint/a11y/useSemanticElements: <explanation> */
+import { Slot as SlotPrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 import { Separator } from "./separator";
@@ -44,7 +46,7 @@ function ButtonGroupText({
 }: React.ComponentProps<"div"> & {
   asChild?: boolean;
 }) {
-  const Comp = asChild ? Slot : "div";
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
 
   return (
     <Comp

package/src/components/button.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot as SlotPrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 
@@ -46,7 +46,7 @@ function Button({
   VariantProps<typeof buttonVariants> & {
     asChild?: boolean;
   }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
 
   return (
     <Comp

package/src/components/calendar.tsx

@@ -1,15 +1,15 @@
 "use client";
 
-import * as React from "react";
 import {
   ChevronDownIcon,
   ChevronLeftIcon,
   ChevronRightIcon,
 } from "lucide-react";
+import * as React from "react";
 import {
+  type DayButton,
   DayPicker,
   getDefaultClassNames,
-  type DayButton,
 } from "react-day-picker";
 
 import { cn } from "../lib/utils";

package/src/components/checkbox.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
+import { Checkbox as CheckboxPrimitive } from "radix-ui";
 import { CheckIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/collapsible.tsx

@@ -1,6 +1,7 @@
 "use client";
 
-import * as CollapsiblePrimitive from "@radix-ui/react-collapsible";
+import { Collapsible as CollapsiblePrimitive } from "radix-ui";
+import * as React from "react";
 
 function Collapsible({
   ...props

package/src/components/command.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 import {

package/src/components/context-menu.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as ContextMenuPrimitive from "@radix-ui/react-context-menu";
+import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/dialog.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Dialog as DialogPrimitive } from "radix-ui";
 import { XIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/dropdown-menu.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
+import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/empty.tsx

@@ -1,4 +1,5 @@
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/field.tsx

@@ -1,7 +1,10 @@
+/** biome-ignore-all lint/a11y/useSemanticElements: <explanation> */
+/** biome-ignore-all lint/suspicious/noArrayIndexKey: <explanation> */
 "use client";
 
-import { useMemo } from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
+import { useMemo } from "react";
 
 import { cn } from "../lib/utils";
 import { Label } from "./label";
@@ -204,7 +207,7 @@ function FieldError({
       ...new Map(errors.map((error) => [error?.message, error])).values(),
     ];
 
-    if (uniqueErrors?.length == 1) {
+    if (uniqueErrors?.length === 1) {
       return uniqueErrors[0]?.message;
     }
 

package/src/components/form.tsx

@@ -1,16 +1,16 @@
 "use client";
 
+import { type Label as LabelPrimitive, Slot as SlotPrimitive } from "radix-ui";
+
 import * as React from "react";
-import type * as LabelPrimitive from "@radix-ui/react-label";
-import { Slot } from "@radix-ui/react-slot";
 import {
   Controller,
-  FormProvider,
-  useFormContext,
-  useFormState,
   type ControllerProps,
   type FieldPath,
   type FieldValues,
+  FormProvider,
+  useFormContext,
+  useFormState,
 } from "react-hook-form";
 
 import { cn } from "../lib/utils";
@@ -104,12 +104,14 @@ function FormLabel({
   );
 }
 
-function FormControl({ ...props }: React.ComponentProps<typeof Slot>) {
+function FormControl({
+  ...props
+}: React.ComponentProps<typeof SlotPrimitive.Slot>) {
   const { error, formItemId, formDescriptionId, formMessageId } =
     useFormField();
 
   return (
-    <Slot
+    <SlotPrimitive.Slot
       data-slot="form-control"
       id={formItemId}
       aria-describedby={

package/src/components/hover-card.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { HoverCard as HoverCardPrimitive } from "radix-ui";
 import * as React from "react";
-import * as HoverCardPrimitive from "@radix-ui/react-hover-card";
 
 import { cn } from "../lib/utils";
 

package/src/components/input-group.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import * as React from "react";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 import { Button } from "./button";

package/src/components/input-otp.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/item.tsx

@@ -1,6 +1,6 @@
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
+import { Slot as SlotPrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 import { Separator } from "./separator";
@@ -59,7 +59,7 @@ function Item({
   ...props
 }: React.ComponentProps<"div"> &
   VariantProps<typeof itemVariants> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div";
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
   return (
     <Comp
       data-slot="item"

package/src/components/kbd.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { cn } from "../lib/utils";
 
 function Kbd({ className, ...props }: React.ComponentProps<"kbd">) {

package/src/components/label.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Label as LabelPrimitive } from "radix-ui";
 import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
 
 import { cn } from "../lib/utils";
 

package/src/components/language-switcher.tsx

@@ -1,7 +1,9 @@
 "use client";
 
-import React from "react";
-import { useLocale } from "@arch-cadre/intl";
+import { LOCALES, useLocale, useTranslation } from "@arch-cadre/intl";
+import { Languages } from "lucide-react";
+import { useRouter } from "next/navigation";
+import * as React from "react";
 import { Button } from "./button";
 import {
   DropdownMenu,
@@ -9,15 +11,15 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "./dropdown-menu";
-import { Languages } from "lucide-react";
-import { useRouter } from "next/navigation";
 
 export function LanguageSwitcher() {
   const locale = useLocale();
   const router = useRouter();
+  const { t } = useTranslation();
 
   const handleLanguageChange = (newLocale: string) => {
     // Set cookie
+    // biome-ignore lint/suspicious/noDocumentCookie: <we want to set a cookie here>
     document.cookie = `NEXT_LOCALE=${newLocale}; path=/; max-age=31536000; SameSite=Lax`;
     // Refresh page to apply changes
     router.refresh();
@@ -28,22 +30,19 @@ export function LanguageSwitcher() {
       <DropdownMenuTrigger asChild>
         <Button variant="ghost" size="icon" className="size-9">
           <Languages className="size-4" />
-          <span className="sr-only">Switch language</span>
+          <span className="sr-only">{t("Switch language")}</span>
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent align="end">
-        <DropdownMenuItem
-          onClick={() => handleLanguageChange("pl")}
-          className={locale === "pl" ? "font-bold" : ""}
-        >
-          Polski
-        </DropdownMenuItem>
-        <DropdownMenuItem
-          onClick={() => handleLanguageChange("en")}
-          className={locale === "en" ? "font-bold" : ""}
-        >
-          English
-        </DropdownMenuItem>
+        {LOCALES.map((loc) => (
+          <DropdownMenuItem
+            key={loc}
+            onClick={() => handleLanguageChange(loc)}
+            className={locale === loc ? "font-bold" : ""}
+          >
+            {loc}
+          </DropdownMenuItem>
+        ))}
       </DropdownMenuContent>
     </DropdownMenu>
   );

package/src/components/menubar.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as MenubarPrimitive from "@radix-ui/react-menubar";
+import { Menubar as MenubarPrimitive } from "radix-ui";
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/navigation-menu.tsx

@@ -1,7 +1,7 @@
-import * as React from "react";
-import * as NavigationMenuPrimitive from "@radix-ui/react-navigation-menu";
+import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
 import { cva } from "class-variance-authority";
 import { ChevronDownIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/pagination.tsx

@@ -1,12 +1,15 @@
-import * as React from "react";
+/** biome-ignore-all lint/a11y/noRedundantRoles: <explanation> */
+/** biome-ignore-all lint/a11y/useSemanticElements: <explanation> */
+
 import {
   ChevronLeftIcon,
   ChevronRightIcon,
   MoreHorizontalIcon,
 } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
-import { buttonVariants, type Button } from "./button";
+import { type Button, buttonVariants } from "./button";
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
   return (

package/src/components/popover.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Popover as PopoverPrimitive } from "radix-ui";
 import * as React from "react";
-import * as PopoverPrimitive from "@radix-ui/react-popover";
 
 import { cn } from "../lib/utils";
 

package/src/components/progress.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Progress as ProgressPrimitive } from "radix-ui";
 import * as React from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
 
 import { cn } from "../lib/utils";
 

package/src/components/radio-group.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
 import { CircleIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/scroll-area.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
 import * as React from "react";
-import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
 
 import { cn } from "../lib/utils";
 

package/src/components/select.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
+import { Select as SelectPrimitive } from "radix-ui";
 import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/separator.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Separator as SeparatorPrimitive } from "radix-ui";
 import * as React from "react";
-import * as SeparatorPrimitive from "@radix-ui/react-separator";
 
 import { cn } from "../lib/utils";
 

package/src/components/sheet.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { Dialog as SheetPrimitive } from "radix-ui";
 import { XIcon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/sidebar.tsx

@@ -1,7 +1,7 @@
 /** biome-ignore-all lint/correctness/useExhaustiveDependencies: <any> */
 "use client";
 
-import { Slot } from "@radix-ui/react-slot";
+import { Slot as SlotPrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import * as React from "react";
@@ -398,7 +398,7 @@ function SidebarGroupLabel({
   asChild = false,
   ...props
 }: React.ComponentProps<"div"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "div";
+  const Comp = asChild ? SlotPrimitive.Slot : "div";
 
   return (
     <Comp
@@ -419,7 +419,7 @@ function SidebarGroupAction({
   asChild = false,
   ...props
 }: React.ComponentProps<"button"> & { asChild?: boolean }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
 
   return (
     <Comp
@@ -508,7 +508,7 @@ function SidebarMenuButton({
   isActive?: boolean;
   tooltip?: string | React.ComponentProps<typeof TooltipContent>;
 } & VariantProps<typeof sidebarMenuButtonVariants>) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
   const { isMobile, state } = useSidebar();
 
   const button = (
@@ -554,7 +554,7 @@ function SidebarMenuAction({
   asChild?: boolean;
   showOnHover?: boolean;
 }) {
-  const Comp = asChild ? Slot : "button";
+  const Comp = asChild ? SlotPrimitive.Slot : "button";
 
   return (
     <Comp
@@ -677,7 +677,7 @@ function SidebarMenuSubButton({
   size?: "sm" | "md";
   isActive?: boolean;
 }) {
-  const Comp = asChild ? Slot : "a";
+  const Comp = asChild ? SlotPrimitive.Slot : "a";
 
   return (
     <Comp

package/src/components/skeleton.tsx

@@ -1,3 +1,4 @@
+import * as React from "react";
 import { cn } from "../lib/utils";
 
 function Skeleton({ className, ...props }: React.ComponentProps<"div">) {

package/src/components/slider.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Slider as SliderPrimitive } from "radix-ui";
 import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
 
 import { cn } from "../lib/utils";
 

package/src/components/sonner.tsx

@@ -8,6 +8,7 @@ import {
   TriangleAlertIcon,
 } from "lucide-react";
 import { useTheme } from "next-themes";
+import * as React from "react";
 import { Toaster as Sonner, type ToasterProps } from "sonner";
 
 const Toaster = ({ ...props }: ToasterProps) => {

package/src/components/spinner.tsx

@@ -1,4 +1,5 @@
 import { Loader2Icon } from "lucide-react";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/switch.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Switch as SwitchPrimitive } from "radix-ui";
 import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
 
 import { cn } from "../lib/utils";
 

package/src/components/tabs.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Tabs as TabsPrimitive } from "radix-ui";
 import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
 
 import { cn } from "../lib/utils";
 

package/src/components/toggle-group.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
+import type { VariantProps } from "class-variance-authority";
 import * as React from "react";
-import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { type VariantProps } from "class-variance-authority";
 
 import { cn } from "../lib/utils";
 import { toggleVariants } from "./toggle";

package/src/components/toggle.tsx

@@ -1,8 +1,8 @@
 "use client";
 
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { Toggle as TogglePrimitive } from "radix-ui";
 import { cva, type VariantProps } from "class-variance-authority";
+import * as React from "react";
 
 import { cn } from "../lib/utils";
 

package/src/components/tooltip.tsx

@@ -1,7 +1,7 @@
 "use client";
 
+import { Tooltip as TooltipPrimitive } from "radix-ui";
 import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
 
 import { cn } from "../lib/utils";
 

package/src/hooks/use-user.ts

@@ -1,7 +1,7 @@
 "use client";
-
-import { AuthContext } from "../providers/auth-provider";
+import * as React from "react";
 import { useContext } from "react";
+import { AuthContext } from "../providers/auth-provider";
 
 /**
  * Hook for user management.

package/src/index.ts

@@ -1,11 +1,14 @@
+export { Icon } from "@iconify/react";
+export { toast } from "sonner";
+
+export * from "./components/badge";
 export * from "./components/button";
-export * from "./components/dropdown-menu";
 export * from "./components/card";
-export * from "./components/input";
-export * from "./components/textarea";
-export * from "./components/table";
 export * from "./components/checkbox";
+export * from "./components/dropdown-menu";
+export * from "./components/input";
 export * from "./components/label";
-export * from "./components/badge";
 export * from "./components/language-switcher";
+export * from "./components/table";
+export * from "./components/textarea";
 export * from "./lib/utils";

package/src/logo.tsx

@@ -2,6 +2,7 @@ import { Slot } from "@radix-ui/react-slot";
 import type { VariantProps } from "class-variance-authority";
 import { cva } from "class-variance-authority";
 import Image from "next/image";
+import * as React from "react";
 import { cn } from "./lib/utils";
 
 const variants = cva("", {