utscopy 1.1.2 → 1.1.4

package/README.md

@@ -1,36 +1,57 @@
 This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app).
 
+
 ## Getting Started
 
 First, run the development server:
 
 ```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
+#cara install
+npm i utscopy
+
+#setelah di install import komponen
+import { Button, Card, Header, Footer, Sidebar } from "utscopy";
+
+#contoh pemanggilan komponen
+1.  <Button variant="primary" size="medium" shape="default">
+        Primary Button
+    </Button>
+
+2.  <Card
+        title="YG U Soul"
+        content="Interior Gedung Entertainment Big 3 di Korea Selatan"
+        variant="image"
+        imageUrl="https://img.era.id/mHAIL0nV-JsK2GBVfNKEOxdSAj3AUgIvThE38LKX9cM/rs:fill:1280:720/g:sm/bG9jYWw6Ly8vcHVibGlzaGVycy8zODY5MS8yMDIwMDkyMzE1MDUtbWFpbi5qcGVn.jpg"
+        footerText="@ygofficial"
+        style={{ width: '100%' }}
+    />
+
+3.  <Header 
+        variant="default"
+        currentTheme="${currentTheme}"
+        onThemeChange={handleThemeChange}
+        logoSrc="https://upload.wikimedia.org/wikipedia/commons/3/31/YG_Entertainment_logo.png"
+        logoAlt="YG Logo"
+    />
+
+4.  <Sidebar 
+        variant="grouped" 
+        groups={[
+          { title: 'UI Components', items: ['Button', 'Card'] },
+          { title: 'Layout', items: ['Header', 'Footer'] },
+        ]}
+    />
+
+5.  <Footer variant="social" />
 ```
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.js`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
+## Components
 
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+```bash
+Button (primary, secondary, danger, outline)
+Card (basic, featured, image, accent)
+Header (default, center, color, gradient)
+Sidebar (default, compact, grouped, collapsible)
+Footer (default, simple, social, darkSplit)
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
+```

package/app/page.js

@@ -525,17 +525,18 @@ export default function Page() {
                 <SingleCardDemo>
                   <Card
                     title="Yang Hyun-Suk"
-                    content="CEO YG Entertainment"
+                    content="CEO YG"
                     variant="basic"
-                    style={{ width: '100%' }}
-                  />
+                    footerText="Basic Footer"
+                />
                 </SingleCardDemo>
 
                 <CodeBlock style={{ width: '100%' }}>{`
               <Card
-                title="Yang Hyun-Suk"
-                content="CEO YG Entertainment"
-                variant="basic"
+                  title="Yang Hyun-Suk"
+                  content="CEO YG"
+                  variant="basic"
+                  footerText="Basic Footer"
               />
                 `}</CodeBlock>
               </DemoSection>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utscopy",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "type": "module",
   "main": "index.js",
   "private": false,