ui-arreya-components 0.0.9 → 0.0.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ui-arreya-components",
-  "version": "0.0.9",
+  "version": "0.0.10",
   "type": "module",
   "types": "dist/index.d.ts",
   "exports": {
@@ -23,8 +23,7 @@
     "storybook:css": "tailwindcss -w -i ./src/styles/tailwind.css -o ./src/index.css",
     "build-storybook": "concurrently 'npm run build-storybook:css' 'storybook build'",
     "build-storybook:css": "tailwindcss -m -i ./src/styles/tailwind.css -o ./src/index.css",
-    "prepublish": "npm run build",
-    "publish": "npm publish"
+    "prepublish": "npm run build"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/scripts/build-index-ts.sh

@@ -0,0 +1,16 @@
+#!/bin/bash
+
+# Starting fresh
+rm src/index.ts
+
+# Add Components
+for import in `ls src/components/ui/ | grep -v '.stories.' | cut -f1 -d\.`;
+do 
+  echo 'export * from "./components/ui/'$import'"' >> src/index.ts 
+done
+
+# Add Features
+for import in `ls src/components/feature/ | grep -v '.stories.' | cut -f1 -d\.`;
+do 
+  echo 'export * from "./components/feature/'${import}'"' >> src/index.ts 
+done

package/src/components/feature/header.stories.tsx

@@ -2,7 +2,7 @@ import type { Meta, StoryObj } from "@storybook/react"
 import { Header } from "./header"
 
 const meta: Meta<typeof Header> = {
-  title: "Components/Header",
+  title: "Feature/Header",
   component: Header,
   parameters: {
     layout: "fullscreen",

package/src/components/feature/header.tsx

@@ -9,7 +9,7 @@ import {
 } from "@/components/ui/breadcrumb"
 import { ChevronRight, Home } from "lucide-react"
 
-export type BreadcrumbItem = {
+type BreadcrumbItem = {
   label: string
   href?: string
   isCurrentPage?: boolean
@@ -26,7 +26,7 @@ interface HeaderProps {
 export function Header({ title, breadcrumbItems = [], showHomeLink = true, className = "", children }: HeaderProps) {
   return (
     <header className={`border-b pb-4 ${className}`}>
-      <div className="container mx-auto px-4">
+      <div className="container mx-auto py-4">
         {(breadcrumbItems.length > 0 || showHomeLink) && (
           <Breadcrumb className="mb-2">
             <BreadcrumbList>

package/src/components/ui/input.tsx

@@ -8,7 +8,7 @@ const Input = React.forwardRef<HTMLInputElement, React.ComponentProps<"input">>(
       <input
         type={type}
         className={cn(
-          "flex h-9 w-full rounded-md border focus:border-[--primary] border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
           className
         )}
         ref={ref}

package/src/components/ui/sonner.tsx

@@ -3,7 +3,7 @@ import { Toaster as Sonner } from "sonner"
 
 type ToasterProps = React.ComponentProps<typeof Sonner>
 
-const Toaster = ({ ...props }: ToasterProps) => {
+const SonnerToaster = ({ ...props }: ToasterProps) => {
   const { theme = "system" } = useTheme()
 
   return (
@@ -26,4 +26,4 @@ const Toaster = ({ ...props }: ToasterProps) => {
   )
 }
 
-export { Toaster }
+export { SonnerToaster }

package/src/index.css

@@ -2377,10 +2377,6 @@ h1, h2, h3, h4 {
   background-color: hsl(var(--sidebar-border));
 }
 
-.focus\:border-\[--primary\]:focus{
-  border-color: var(--primary);
-}
-
 .focus\:bg-accent:focus{
   background-color: var(--accent);
 }
@@ -2455,10 +2451,6 @@ h1, h2, h3, h4 {
   --tw-ring-offset-color: var(--background);
 }
 
-.active\:border-\[--primary\]:active{
-  border-color: var(--primary);
-}
-
 .active\:bg-sidebar-accent:active{
   background-color: hsl(var(--sidebar-accent));
 }

package/src/index.ts

@@ -1,51 +1,49 @@
-export { Button } from './components/ui/button';
-export { 
-  Dialog,
-  DialogPortal,
-  DialogOverlay,
-  DialogTrigger,
-  DialogClose,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription,
-} from './components/ui/dialog';
-export {
-  Sidebar,
-  SidebarContent,
-  SidebarFooter,
-  SidebarGroup,
-  SidebarGroupAction,
-  SidebarGroupContent,
-  SidebarGroupLabel,
-  SidebarHeader,
-  SidebarInput,
-  SidebarInset,
-  SidebarMenu,
-  SidebarMenuAction,
-  SidebarMenuBadge,
-  SidebarMenuButton,
-  SidebarMenuItem,
-  SidebarMenuSkeleton,
-  SidebarMenuSub,
-  SidebarMenuSubButton,
-  SidebarMenuSubItem,
-  SidebarProvider,
-  SidebarRail,
-  SidebarSeparator,
-  SidebarTrigger,
-  useSidebar,
-} from './components/ui/sidebar';
-export {
-  Breadcrumb,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis,
-} from './components/ui/breadcrumb';
-export {
-  Header
-} from './components/feature/header'
+export * from "./components/ui/accordion"
+export * from "./components/ui/alert-dialog"
+export * from "./components/ui/alert"
+export * from "./components/ui/aspect-ratio"
+export * from "./components/ui/avatar"
+export * from "./components/ui/badge"
+export * from "./components/ui/breadcrumb"
+export * from "./components/ui/button"
+export * from "./components/ui/card"
+export * from "./components/ui/carousel"
+export * from "./components/ui/chart"
+export * from "./components/ui/checkbox"
+export * from "./components/ui/collapsible"
+export * from "./components/ui/context-menu"
+export * from "./components/ui/dialog"
+export * from "./components/ui/drawer"
+export * from "./components/ui/dropdown-menu"
+export * from "./components/ui/form"
+export * from "./components/ui/hover-card"
+export * from "./components/ui/index"
+export * from "./components/ui/input-otp"
+export * from "./components/ui/input"
+export * from "./components/ui/label"
+export * from "./components/ui/menubar"
+export * from "./components/ui/navigation-menu"
+export * from "./components/ui/pagination"
+export * from "./components/ui/popover"
+export * from "./components/ui/progress"
+export * from "./components/ui/radio-group"
+export * from "./components/ui/resizable"
+export * from "./components/ui/scroll-area"
+export * from "./components/ui/select"
+export * from "./components/ui/separator"
+export * from "./components/ui/sheet"
+export * from "./components/ui/sidebar"
+export * from "./components/ui/skeleton"
+export * from "./components/ui/slider"
+export * from "./components/ui/sonner"
+export * from "./components/ui/switch"
+export * from "./components/ui/table"
+export * from "./components/ui/tabs"
+export * from "./components/ui/textarea"
+export * from "./components/ui/toast"
+export * from "./components/ui/toaster"
+export * from "./components/ui/toggle-group"
+export * from "./components/ui/toggle"
+export * from "./components/ui/tooltip"
+export * from "./components/feature/header"
+export * from "./components/feature/login-form"

package/tailwind.config.js

@@ -92,5 +92,3 @@ const config: Config = {
 }
 
 export default config
-
-