@arch-cadre/ui 0.0.26 → 0.0.28

package/src/components/button.tsx

@@ -2,7 +2,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { Slot as SlotPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 const buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",

package/src/components/calendar.tsx

@@ -12,8 +12,8 @@ import {
   getDefaultClassNames,
 } from "react-day-picker";
 
-import { cn } from "../lib/utils.js";
-import { Button, buttonVariants } from "./button.js";
+import { cn } from "../lib/utils";
+import { Button, buttonVariants } from "./button";
 
 function Calendar({
   className,

package/src/components/card.tsx

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

package/src/components/checkbox.tsx

@@ -4,7 +4,7 @@ import { CheckIcon } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Checkbox({
   className,

package/src/components/command.tsx

@@ -4,14 +4,14 @@ import { Command as CommandPrimitive } from "cmdk";
 import { SearchIcon } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from "./dialog.js";
+} from "./dialog";
 
 function Command({
   className,

package/src/components/context-menu.tsx

@@ -4,7 +4,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function ContextMenu({
   ...props

package/src/components/dialog.tsx

@@ -4,7 +4,7 @@ import { XIcon } from "lucide-react";
 import { Dialog as DialogPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Dialog({
   ...props

package/src/components/drawer.tsx

@@ -3,7 +3,7 @@
 import * as React from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Drawer({
   ...props

package/src/components/dropdown-menu.tsx

@@ -4,7 +4,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function DropdownMenu({
   ...props

package/src/components/empty.tsx

@@ -1,7 +1,7 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Empty({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/components/field.tsx

@@ -6,9 +6,9 @@ import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 import { useMemo } from "react";
 
-import { cn } from "../lib/utils.js";
-import { Label } from "./label.js";
-import { Separator } from "./separator.js";
+import { cn } from "../lib/utils";
+import { Label } from "./label";
+import { Separator } from "./separator";
 
 function FieldSet({ className, ...props }: React.ComponentProps<"fieldset">) {
   return (

package/src/components/form.tsx

@@ -13,8 +13,8 @@ import {
   useFormState,
 } from "react-hook-form";
 
-import { cn } from "../lib/utils.js";
-import { Label } from "./label.js";
+import { cn } from "../lib/utils";
+import { Label } from "./label";
 
 const Form = FormProvider;
 

package/src/components/hover-card.tsx

@@ -3,7 +3,7 @@
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function HoverCard({
   ...props

package/src/components/input-group.tsx

@@ -3,10 +3,10 @@
 import { cva, type VariantProps } from "class-variance-authority";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Textarea } from "./textarea.js";
+import { cn } from "../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Textarea } from "./textarea";
 
 function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/components/input-otp.tsx

@@ -4,7 +4,7 @@ import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function InputOTP({
   className,

package/src/components/input.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Input({ className, type, ...props }: React.ComponentProps<"input">) {
   return (

package/src/components/item.tsx

@@ -2,8 +2,8 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { Slot as SlotPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
-import { Separator } from "./separator.js";
+import { cn } from "../lib/utils";
+import { Separator } from "./separator";
 
 function ItemGroup({ className, ...props }: React.ComponentProps<"div">) {
   return (

package/src/components/kbd.tsx

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

package/src/components/label.tsx

@@ -3,7 +3,7 @@
 import { Label as LabelPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Label({
   className,

package/src/components/language-switcher.tsx

@@ -4,13 +4,13 @@ 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.js";
+import { Button } from "./button";
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
-} from "./dropdown-menu.js";
+} from "./dropdown-menu";
 
 export function LanguageSwitcher() {
   const locale = useLocale();

package/src/components/menubar.tsx

@@ -4,7 +4,7 @@ import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Menubar({
   className,

package/src/components/navigation-menu.tsx

@@ -3,7 +3,7 @@ import { ChevronDownIcon } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function NavigationMenu({
   className,

package/src/components/pagination.tsx

@@ -8,8 +8,8 @@ import {
 } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
-import { type Button, buttonVariants } from "./button.js";
+import { cn } from "../lib/utils";
+import { type Button, buttonVariants } from "./button";
 
 function Pagination({ className, ...props }: React.ComponentProps<"nav">) {
   return (

package/src/components/popover.tsx

@@ -3,7 +3,7 @@
 import { Popover as PopoverPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Popover({
   ...props

package/src/components/progress.tsx

@@ -3,7 +3,7 @@
 import { Progress as ProgressPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Progress({
   className,

package/src/components/radio-group.tsx

@@ -4,7 +4,7 @@ import { CircleIcon } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function RadioGroup({
   className,

package/src/components/scroll-area.tsx

@@ -3,7 +3,7 @@
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function ScrollArea({
   className,

package/src/components/select.tsx

@@ -4,7 +4,7 @@ import { CheckIcon, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Select({
   ...props

package/src/components/separator.tsx

@@ -3,7 +3,7 @@
 import { Separator as SeparatorPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Separator({
   className,

package/src/components/sheet.tsx

@@ -4,7 +4,7 @@ import { XIcon } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
   return <SheetPrimitive.Root data-slot="sheet" {...props} />;

package/src/components/sidebar.tsx

@@ -5,25 +5,25 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
 import { Slot as SlotPrimitive } from "radix-ui";
 import * as React from "react";
-import { useIsMobile } from "../hooks/use-mobile.js";
-import { cn } from "../lib/utils.js";
-import { Button } from "./button.js";
-import { Input } from "./input.js";
-import { Separator } from "./separator.js";
+import { useIsMobile } from "../hooks/use-mobile";
+import { cn } from "../lib/utils";
+import { Button } from "./button";
+import { Input } from "./input";
+import { Separator } from "./separator";
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "./sheet.js";
-import { Skeleton } from "./skeleton.js";
+} from "./sheet";
+import { Skeleton } from "./skeleton";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "./tooltip.js";
+} from "./tooltip";
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state";
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;

package/src/components/skeleton.tsx

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

package/src/components/slider.tsx

@@ -3,7 +3,7 @@
 import { Slider as SliderPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Slider({
   className,

package/src/components/spinner.tsx

@@ -1,7 +1,7 @@
 import { Loader2Icon } from "lucide-react";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Spinner({ className, ...props }: React.ComponentProps<"svg">) {
   return (

package/src/components/switch.tsx

@@ -3,7 +3,7 @@
 import { Switch as SwitchPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Switch({
   className,

package/src/components/table.tsx

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Table({ className, ...props }: React.ComponentProps<"table">) {
   return (

package/src/components/tabs.tsx

@@ -3,7 +3,7 @@
 import { Tabs as TabsPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Tabs({
   className,

package/src/components/textarea.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function Textarea({ className, ...props }: React.ComponentProps<"textarea">) {
   return (

package/src/components/toggle-group.tsx

@@ -4,8 +4,8 @@ import type { VariantProps } from "class-variance-authority";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
-import { toggleVariants } from "./toggle.js";
+import { cn } from "../lib/utils";
+import { toggleVariants } from "./toggle";
 
 const ToggleGroupContext = React.createContext<
   VariantProps<typeof toggleVariants> & {

package/src/components/toggle.tsx

@@ -4,7 +4,7 @@ import { cva, type VariantProps } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 const toggleVariants = cva(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",

package/src/components/tooltip.tsx

@@ -3,7 +3,7 @@
 import { Tooltip as TooltipPrimitive } from "radix-ui";
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 function TooltipProvider({
   delayDuration = 0,

package/src/hooks/use-user.ts

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

package/src/index.ts

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

package/src/logo.tsx

@@ -3,7 +3,7 @@ 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.js";
+import { cn } from "./lib/utils";
 
 const variants = cva("", {
   variants: {

package/src/providers/auth-provider.tsx

@@ -4,7 +4,7 @@ import type { AuthSession } from "@arch-cadre/core";
 import * as React from "react";
 import { createContext, type ReactNode, useEffect, useState } from "react";
 import { mutate } from "swr";
-import { PageLoader } from "../shared/page-loader.js";
+import { PageLoader } from "../shared/page-loader";
 
 export const AuthContext = createContext<
   | {

package/src/providers/index.tsx

@@ -4,10 +4,10 @@ import type { AuthSession } from "@arch-cadre/core";
 import * as React from "react";
 import { useEffect, useState } from "react";
 import { SWRConfig } from "swr";
-import { Toaster } from "../components/sonner.js";
-import { TooltipProvider } from "../components/tooltip.js";
-import { PageLoader } from "../shared/page-loader.js";
-import AuthProvider from "./auth-provider.js";
+import { Toaster } from "../components/sonner";
+import { TooltipProvider } from "../components/tooltip";
+import { PageLoader } from "../shared/page-loader";
+import AuthProvider from "./auth-provider";
 
 export const AppProvider = ({
   children,
@@ -34,7 +34,7 @@ export const AppProvider = ({
     <SWRConfig
       value={{
         fetcher: (url: string) =>
-          fetch(url).then((response) => response.json()),
+          fetch(url).then((response) => responseon()),
         revalidateIfStale: true,
       }}
     >

package/src/shared/access-denied.tsx

@@ -1,6 +1,6 @@
 import { Icon } from "@iconify/react";
 import * as React from "react";
-import { Button } from "../components/button.js";
+import { Button } from "../components/button";
 
 export function AccessDenied() {
   return (

package/src/shared/loader.tsx

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

package/src/shared/page-loader.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { Logo } from "../logo.js";
-import { Loader } from "./loader.js";
+import { Logo } from "../logo";
+import { Loader } from "./loader";
 
 interface PageLoaderProps {
   withLogo?: boolean;

package/src/shared/scroll-fade-effect.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 
-import { cn } from "../lib/utils.js";
+import { cn } from "../lib/utils";
 
 export function ScrollFadeEffect({
   className,