@stevederico/skateboard-ui 0.7.0 → 0.7.1

package/.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(git add:*)",
+      "Bash(git commit:*)"
+    ],
+    "deny": []
+  }
+}

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # CHANGELOG
 
+0.7.1
+
+  Fix import paths
+  Add utils exports
+  Update component imports
+
 0.7.0
 
   Update shadcn components

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stevederico/skateboard-ui",
   "private": false,
-  "version": "0.7.0",
+  "version": "0.7.1",
   "type": "module",
   "exports": {
     "./AppSidebar": {
@@ -60,7 +60,15 @@
       "import": "./Utilities.js",
       "default": "./Utilities.js"
     },
-    "./shadcn/ui/*": "./shadcn/ui/*.jsx"
+    "./shadcn/ui/*": "./shadcn/ui/*.jsx",
+    "./shadcn/lib/utils": {
+      "import": "./shadcn/lib/utils.js",
+      "default": "./shadcn/lib/utils.js"
+    },
+    "./shadcn/hooks/use-mobile": {
+      "import": "./shadcn/hooks/use-mobile.js",
+      "default": "./shadcn/hooks/use-mobile.js"
+    }
   },
   "scripts": {
     "prod": "npm publish"

package/shadcn/ui/accordion.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as AccordionPrimitive from "@radix-ui/react-accordion"
 import { ChevronDownIcon } from "lucide-react"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 function Accordion({
   ...props

package/shadcn/ui/alert-dialog.jsx

@@ -3,8 +3,8 @@
 import * as React from "react"
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog"
 
-import { cn } from "@/shadcn/lib/utils"
-import { buttonVariants } from "@/shadcn/ui/button"
+import { cn } from "../lib/utils"
+import { buttonVariants } from "./button"
 
 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"
 
 const alertVariants = cva(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",

package/shadcn/ui/avatar.jsx

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

package/shadcn/ui/badge.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 const badgeVariants = cva(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>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 transition-[color,box-shadow] overflow-hidden",

package/shadcn/ui/breadcrumb.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { ChevronRight, MoreHorizontal } from "lucide-react"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 function Breadcrumb({
   ...props

package/shadcn/ui/button.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import { Slot } from "@radix-ui/react-slot"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+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/shadcn/ui/calendar.jsx

@@ -6,8 +6,8 @@ import {
 } from "lucide-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"
+import { Button, buttonVariants } from "./button"
 
 function Calendar({
   className,

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"
 
 function Card({
   className,

package/shadcn/ui/carousel.jsx

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

package/shadcn/ui/checkbox.jsx

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

package/shadcn/ui/command.jsx

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

package/shadcn/ui/context-menu.jsx

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

package/shadcn/ui/dialog.jsx

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

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"
 
 function Drawer({
   ...props

package/shadcn/ui/dropdown-menu.jsx

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

package/shadcn/ui/hover-card.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as HoverCardPrimitive from "@radix-ui/react-hover-card"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 function HoverCard({
   ...props

package/shadcn/ui/input.jsx

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

package/shadcn/ui/label.jsx

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

package/shadcn/ui/menubar.jsx

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

package/shadcn/ui/navigation-menu.jsx

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

package/shadcn/ui/pagination.jsx

@@ -5,8 +5,8 @@ import {
   MoreHorizontalIcon,
 } from "lucide-react"
 
-import { cn } from "@/shadcn/lib/utils"
-import { buttonVariants } from "@/shadcn/ui/button";
+import { cn } from "../lib/utils"
+import { buttonVariants } from "./button";
 
 function Pagination({
   className,

package/shadcn/ui/popover.jsx

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

package/shadcn/ui/progress.jsx

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

package/shadcn/ui/radio-group.jsx

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

package/shadcn/ui/resizable.jsx

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

package/shadcn/ui/scroll-area.jsx

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

package/shadcn/ui/select.jsx

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

package/shadcn/ui/separator.jsx

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

package/shadcn/ui/sheet.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as SheetPrimitive from "@radix-ui/react-dialog"
 import { XIcon } from "lucide-react"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 function Sheet({
   ...props

package/shadcn/ui/sidebar.jsx

@@ -3,25 +3,25 @@ import { Slot } from "@radix-ui/react-slot"
 import { cva } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react"
 
-import { useIsMobile } from "@/shadcn/hooks/use-mobile"
-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 { 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 "@/shadcn/ui/sheet"
-import { Skeleton } from "@/shadcn/ui/skeleton"
+} from "./sheet"
+import { Skeleton } from "./skeleton"
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/shadcn/ui/tooltip"
+} from "./tooltip"
 
 const SIDEBAR_COOKIE_NAME = "sidebar_state"
 const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7

package/shadcn/ui/skeleton.jsx

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

package/shadcn/ui/slider.jsx

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

package/shadcn/ui/switch.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as SwitchPrimitive from "@radix-ui/react-switch"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 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"
 
 function Table({
   className,

package/shadcn/ui/tabs.jsx

@@ -1,7 +1,7 @@
 import * as React from "react"
 import * as TabsPrimitive from "@radix-ui/react-tabs"
 
-import { cn } from "@/shadcn/lib/utils"
+import { cn } from "../lib/utils"
 
 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"
 
 function Textarea({
   className,

package/shadcn/ui/toggle-group.jsx

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

package/shadcn/ui/toggle.jsx

@@ -2,7 +2,7 @@ import * as React from "react"
 import * as TogglePrimitive from "@radix-ui/react-toggle"
 import { cva } from "class-variance-authority";
 
-import { cn } from "@/shadcn/lib/utils"
+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/shadcn/ui/tooltip.jsx

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