@stevederico/skateboard-ui 1.3.1 → 1.3.2

package/App.jsx

@@ -8,8 +8,6 @@ import {
 } from 'react-router-dom';
 import { useEffect } from 'react';
 import { ThemeProvider } from 'next-themes';
-import 'geist/font/sans/style.css';
-import 'geist/font/mono/style.css';
 import Layout from './Layout.jsx';
 import LandingView from './LandingView.jsx';
 import TextView from './TextView.jsx';

package/AppSidebar.jsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { useNavigate, useLocation } from "react-router-dom";
-import constants from "@/constants.json";
 import DynamicIcon from "./DynamicIcon.jsx";
 import { getState } from "./Context.jsx";
 import { Avatar, AvatarFallback } from "./shadcn/ui/avatar.jsx";
@@ -25,6 +24,7 @@ export default function AppSidebar() {
   const location = useLocation();
   const currentPage = (location.pathname.split("/")[2] || "").toLowerCase();
   const { state } = getState();
+  const constants = state.constants;
 
   const handleNavigation = (url) => {
     navigate(url);

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+1.3.2
+
+  Remove Geist font imports
+  Replace path aliases with relative
+  Add constants to Context state
+
 1.3.1
 
   Add Geist font

package/Context.jsx

@@ -115,7 +115,8 @@ export function ContextProvider({ children, constants }) {
     ui: {
       sidebarVisible: true,
       tabBarVisible: true
-    }
+    },
+    constants
   };
 
   function reducer(state, action) {
@@ -173,6 +174,7 @@ export function ContextProvider({ children, constants }) {
  * Returns { state, dispatch } where state contains:
  * - user: Current user object or null
  * - ui: { sidebarVisible, tabBarVisible }
+ * - constants: App configuration constants
  *
  * @returns {{ state: Object, dispatch: Function }}
  *

package/LandingView.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { useTheme } from 'next-themes';
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 import * as LucideIcons from "lucide-react";
 import ThemeToggle from './ThemeToggle.jsx';
 
@@ -14,6 +14,8 @@ const DynamicIcon = ({ name, size = 24, color = 'currentColor', strokeWidth = 2,
 };
 
 export default function LandingView() {
+  const { state } = getState();
+  const constants = state.constants;
   const navigate = useNavigate();
   const { theme } = useTheme();
   const isDarkMode = theme === 'dark';

package/Layout.jsx

@@ -3,12 +3,12 @@ import TabBar from './TabBar.jsx'
 import { SidebarProvider, SidebarTrigger } from "./shadcn/ui/sidebar"
 import AppSidebar from "./AppSidebar"
 import { useEffect } from 'react';
-import constants from "@/constants.json";
 import { getState } from './Context.jsx';
 
 export default function Layout({ children }) {
   const { state } = getState();
   const { sidebarVisible, tabBarVisible } = state.ui;
+  const constants = state.constants;
 
   // Combine constants (static config) with context state (programmatic control)
   const showSidebar = !constants.hideSidebar && sidebarVisible;

package/PaymentView.jsx

@@ -2,7 +2,7 @@ import React, { useEffect, useCallback } from 'react';
 import { useNavigate, useSearchParams } from 'react-router-dom';
 import { getState } from './Context.jsx';
 import { getCurrentUser } from './Utilities.js'
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 
 // Whitelist of allowed redirect paths to prevent open redirect vulnerabilities
 const ALLOWED_REDIRECT_PREFIXES = ['/app/', '/'];
@@ -15,6 +15,8 @@ function isAllowedRedirect(path) {
 }
 
 export default function PaymentView() {
+  const { state } = getState();
+  const constants = state.constants;
   const navigate = useNavigate();
   const { dispatch } = getState();
   const [searchParams] = useSearchParams();

package/SettingsView.jsx

@@ -15,11 +15,13 @@ import {
   AlertDialogTitle,
   AlertDialogTrigger,
 } from './shadcn/ui/alert-dialog.jsx';
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 import pkg from '@package';
 import { showCheckout, showManage } from './Utilities';
 
 export default function SettingsView() {
+  const { state } = getState();
+  const constants = state.constants;
   const navigate = useNavigate();
   const { state, dispatch } = getState();
 

package/SignInView.jsx

@@ -14,10 +14,12 @@ import DynamicIcon from './DynamicIcon';
 import { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { getState } from './Context.jsx';
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 import { getBackendURL } from './Utilities'
 
 export default function LoginForm({
+  const { state } = getState();
+  const constants = state.constants;
   className,
   ...props
 }) {

package/SignUpView.jsx

@@ -12,11 +12,13 @@ import { Checkbox } from "./shadcn/ui/checkbox.jsx"
 import DynamicIcon from './DynamicIcon';
 import { useState, useEffect, useRef } from 'react';
 import { useNavigate } from 'react-router-dom';
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 import { getState } from './Context.jsx';
 import { getBackendURL } from './Utilities'
 
 export default function LoginForm({
+  const { state } = getState();
+  const constants = state.constants;
   className,
   ...props
 }) {

package/TabBar.jsx

@@ -1,10 +1,12 @@
 import React from 'react';
-import constants from "@/constants.json";
 import { Link, useLocation } from 'react-router-dom';
 import DynamicIcon from './DynamicIcon';
+import { getState } from './Context.jsx';
 
 export default function TabBar() {
   const location = useLocation();
+  const { state } = getState();
+  const constants = state.constants;
 
   return (
     <nav

package/TextView.jsx

@@ -1,7 +1,9 @@
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 
 
 export default function TextView({ details }) {
+  const { state } = getState();
+  const constants = state.constants;
   // Function to replace placeholders with actual values
   const replacePlaceholders = (text) => {
     return text

package/UpgradeSheet.jsx

@@ -5,7 +5,7 @@ import {
   DrawerHeader,
   DrawerTitle,
 } from "./shadcn/ui/drawer"
-import constants from "@/constants.json";
+import { getState } from "./Context.jsx";
 import { showCheckout } from './Utilities.js';
 import { Sparkles } from 'lucide-react';
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stevederico/skateboard-ui",
   "private": false,
-  "version": "1.3.1",
+  "version": "1.3.2",
   "type": "module",
   "exports": {
     "./AppSidebar": {

package/shadcn/ui/accordion.jsx

@@ -1,6 +1,6 @@
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react"
 
 function Accordion({

package/shadcn/ui/alert-dialog.jsx

@@ -3,8 +3,8 @@
 import * as React from "react"
 import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog"
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
 
 function AlertDialog({
   ...props

package/shadcn/ui/alert.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 const alertVariants = cva(
   "grid gap-0.5 rounded-lg border px-4 py-3 text-left text-sm has-data-[slot=alert-action]:relative has-data-[slot=alert-action]:pr-18 has-[>svg]:grid-cols-[auto_1fr] has-[>svg]:gap-x-2.5 *:[svg]:row-span-2 *:[svg]:translate-y-0.5 *:[svg]:text-current *:[svg:not([class*='size-'])]:size-4 w-full relative group/alert",

package/shadcn/ui/aspect-ratio.jsx

@@ -1,4 +1,4 @@
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function AspectRatio({
   ratio,

package/shadcn/ui/avatar.jsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Avatar({
   className,

package/shadcn/ui/badge.jsx

@@ -2,7 +2,7 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 const badgeVariants = cva(
   "h-5 gap-1 rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium transition-all has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&>svg]:size-3! inline-flex items-center justify-center w-fit whitespace-nowrap shrink-0 [&>svg]:pointer-events-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 overflow-hidden group/badge",

package/shadcn/ui/breadcrumb.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
 
 function Breadcrumb({

package/shadcn/ui/button-group.jsx

@@ -2,8 +2,8 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Separator } from "@/shadcn/ui/separator"
+import { cn } from "../lib/utils.js"
+import { Separator } from "./separator.jsx"
 
 const buttonGroupVariants = cva(
   "has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",

package/shadcn/ui/button.jsx

@@ -1,7 +1,7 @@
 import { Button as ButtonPrimitive } from "@base-ui/react/button"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 const buttonVariants = cva(
   "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-md border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none",

package/shadcn/ui/calendar.jsx

@@ -1,8 +1,8 @@
 import * as React from "react"
 import { DayPicker, getDefaultClassNames } from "react-day-picker";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button, buttonVariants } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button, buttonVariants } from "./button.jsx"
 import { ChevronLeftIcon, ChevronRightIcon, ChevronDownIcon } from "lucide-react"
 
 function Calendar({

package/shadcn/ui/card.jsx

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

package/shadcn/ui/carousel.jsx

@@ -2,8 +2,8 @@
 import * as React from "react"
 import useEmblaCarousel from "embla-carousel-react";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
 import { ChevronLeftIcon, ChevronRightIcon } from "lucide-react"
 
 const CarouselContext = React.createContext(null)

package/shadcn/ui/chart.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as RechartsPrimitive from "recharts"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 // Format: { THEME_NAME: CSS_SELECTOR }
 const THEMES = {

package/shadcn/ui/checkbox.jsx

@@ -2,7 +2,7 @@
 
 import { Checkbox as CheckboxPrimitive } from "@base-ui/react/checkbox"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { CheckIcon } from "lucide-react"
 
 function Checkbox({

package/shadcn/ui/command.jsx

@@ -1,18 +1,18 @@
 import * as React from "react"
 import { Command as CommandPrimitive } from "cmdk"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from "@/shadcn/ui/dialog"
+} from "./dialog.jsx"
 import {
   InputGroup,
   InputGroupAddon,
-} from "@/shadcn/ui/input-group"
+} from "./input-group.jsx"
 import { SearchIcon, CheckIcon } from "lucide-react"
 
 function Command({

package/shadcn/ui/context-menu.jsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronRightIcon, CheckIcon } from "lucide-react"
 
 function ContextMenu({

package/shadcn/ui/dialog.jsx

@@ -1,8 +1,8 @@
 import * as React from "react"
 import { Dialog as DialogPrimitive } from "@base-ui/react/dialog"
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
 import { XIcon } from "lucide-react"
 
 function Dialog({

package/shadcn/ui/drawer.jsx

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

package/shadcn/ui/dropdown-menu.jsx

@@ -3,7 +3,7 @@
 import * as React from "react"
 import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronRightIcon, CheckIcon } from "lucide-react"
 
 function DropdownMenu({

package/shadcn/ui/empty.jsx

@@ -1,6 +1,6 @@
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Empty({
   className,

package/shadcn/ui/field.jsx

@@ -1,9 +1,9 @@
 import { useMemo } from "react"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Label } from "@/shadcn/ui/label"
-import { Separator } from "@/shadcn/ui/separator"
+import { cn } from "../lib/utils.js"
+import { Label } from "./label.jsx"
+import { Separator } from "./separator.jsx"
 
 function FieldSet({
   className,

package/shadcn/ui/hover-card.jsx

@@ -1,6 +1,6 @@
 import { PreviewCard as PreviewCardPrimitive } from "@base-ui/react/preview-card"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function HoverCard({
   ...props

package/shadcn/ui/input-group.jsx

@@ -3,10 +3,10 @@
 import * as React from "react"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
-import { Input } from "@/shadcn/ui/input"
-import { Textarea } from "@/shadcn/ui/textarea"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
+import { Input } from "./input.jsx"
+import { Textarea } from "./textarea.jsx"
 
 function InputGroup({
   className,

package/shadcn/ui/input.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Input as InputPrimitive } from "@base-ui/react/input"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Input({
   className,

package/shadcn/ui/item.jsx

@@ -3,8 +3,8 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Separator } from "@/shadcn/ui/separator"
+import { cn } from "../lib/utils.js"
+import { Separator } from "./separator.jsx"
 
 function ItemGroup({
   className,

package/shadcn/ui/kbd.jsx

@@ -1,4 +1,4 @@
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Kbd({
   className,

package/shadcn/ui/label.jsx

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

package/shadcn/ui/menubar.jsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import { Menu as MenuPrimitive } from "@base-ui/react/menu"
 import { Menubar as MenubarPrimitive } from "@base-ui/react/menubar"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import {
   DropdownMenu,
   DropdownMenuContent,
@@ -19,7 +19,7 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger,
-} from "@/shadcn/ui/dropdown-menu"
+} from "./dropdown-menu.jsx"
 import { CheckIcon } from "lucide-react"
 
 function Menubar({

package/shadcn/ui/navigation-menu.jsx

@@ -1,7 +1,7 @@
 import { NavigationMenu as NavigationMenuPrimitive } from "@base-ui/react/navigation-menu"
 import { cva } from "class-variance-authority"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronDownIcon } from "lucide-react"
 
 function NavigationMenu({

package/shadcn/ui/pagination.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
 import { ChevronLeftIcon, ChevronRightIcon, MoreHorizontalIcon } from "lucide-react"
 
 function Pagination({

package/shadcn/ui/popover.jsx

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

package/shadcn/ui/progress.jsx

@@ -1,6 +1,6 @@
 import { Progress as ProgressPrimitive } from "@base-ui/react/progress"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Progress({
   className,

package/shadcn/ui/radio-group.jsx

@@ -3,7 +3,7 @@
 import { Radio as RadioPrimitive } from "@base-ui/react/radio"
 import { RadioGroup as RadioGroupPrimitive } from "@base-ui/react/radio-group"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { CircleIcon } from "lucide-react"
 
 function RadioGroup({

package/shadcn/ui/resizable.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as ResizablePrimitive from "react-resizable-panels"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function ResizablePanelGroup({
   className,

package/shadcn/ui/scroll-area.jsx

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

package/shadcn/ui/select.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Select as SelectPrimitive } from "@base-ui/react/select"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { ChevronDownIcon, CheckIcon, ChevronUpIcon } from "lucide-react"
 
 const Select = SelectPrimitive.Root

package/shadcn/ui/separator.jsx

@@ -2,7 +2,7 @@
 
 import { Separator as SeparatorPrimitive } from "@base-ui/react/separator"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Separator({
   className,

package/shadcn/ui/sheet.jsx

@@ -3,8 +3,8 @@
 import * as React from "react"
 import { Dialog as SheetPrimitive } from "@base-ui/react/dialog"
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
 import { XIcon } from "lucide-react"
 
 function Sheet({

package/shadcn/ui/sidebar.jsx

@@ -4,24 +4,24 @@ import { mergeProps } from "@base-ui/react/merge-props"
 import { useRender } from "@base-ui/react/use-render"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
-import { Button } from "@/shadcn/ui/button"
-import { Input } from "@/shadcn/ui/input"
-import { Separator } from "@/shadcn/ui/separator"
+import { cn } from "../lib/utils.js"
+import { Button } from "./button.jsx"
+import { Input } from "./input.jsx"
+import { Separator } from "./separator.jsx"
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/shadcn/ui/sheet"
-import { Skeleton } from "@/shadcn/ui/skeleton"
+} from "./sheet.jsx"
+import { Skeleton } from "./skeleton.jsx"
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/shadcn/ui/tooltip"
-import { useIsMobile } from "@/shadcn/hooks/use-mobile"
+} from "./tooltip.jsx"
+import { useIsMobile } from "../hooks/use-mobile.js"
 import { PanelLeftIcon } from "lucide-react"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"

package/shadcn/ui/skeleton.jsx

@@ -1,4 +1,4 @@
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Skeleton({
   className,

package/shadcn/ui/slider.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import { Slider as SliderPrimitive } from "@base-ui/react/slider"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Slider({
   className,

package/shadcn/ui/spinner.jsx

@@ -1,4 +1,4 @@
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 import { Loader2Icon } from "lucide-react"
 
 function Spinner({

package/shadcn/ui/switch.jsx

@@ -1,6 +1,6 @@
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Switch({
   className,

package/shadcn/ui/table.jsx

@@ -2,7 +2,7 @@
 
 import * as React from "react"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Table({
   className,

package/shadcn/ui/tabs.jsx

@@ -1,7 +1,7 @@
 import { Tabs as TabsPrimitive } from "@base-ui/react/tabs"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function Tabs({
   className,

package/shadcn/ui/textarea.jsx

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

package/shadcn/ui/toggle-group.jsx

@@ -2,8 +2,8 @@ import * as React from "react"
 import { Toggle as TogglePrimitive } from "@base-ui/react/toggle"
 import { ToggleGroup as ToggleGroupPrimitive } from "@base-ui/react/toggle-group"
 
-import { cn } from "@/shadcn/lib/utils"
-import { toggleVariants } from "@/shadcn/ui/toggle"
+import { cn } from "../lib/utils.js"
+import { toggleVariants } from "./toggle.jsx"
 
 const ToggleGroupContext = React.createContext({
   size: "default",

package/shadcn/ui/toggle.jsx

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

package/shadcn/ui/tooltip.jsx

@@ -1,6 +1,6 @@
 import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils.js"
 
 function TooltipProvider({
   delay = 0,