@nrivera-iimp/ui-kit-iimp 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,36 @@
1
+ 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).
2
+
3
+ ## Getting Started
4
+
5
+ First, run the development server:
6
+
7
+ ```bash
8
+ npm run dev
9
+ # or
10
+ yarn dev
11
+ # or
12
+ pnpm dev
13
+ # or
14
+ bun dev
15
+ ```
16
+
17
+ Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
18
+
19
+ You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
20
+
21
+ 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.
22
+
23
+ ## Learn More
24
+
25
+ To learn more about Next.js, take a look at the following resources:
26
+
27
+ - [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
28
+ - [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
29
+
30
+ You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome!
31
+
32
+ ## Deploy on Vercel
33
+
34
+ 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.
35
+
36
+ Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details.
@@ -0,0 +1,44 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
6
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
7
+
8
+ type Vertical = "proexplo" | "wmc" | "gess";
9
+ interface VerticalContextType {
10
+ vertical: Vertical;
11
+ setVertical: (vertical: Vertical) => void;
12
+ }
13
+ declare function VerticalProvider({ children, defaultVertical }: {
14
+ children: React.ReactNode;
15
+ defaultVertical?: Vertical;
16
+ }): react_jsx_runtime.JSX.Element;
17
+ declare const useVertical: () => VerticalContextType;
18
+
19
+ declare const buttonVariants: (props?: ({
20
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
21
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
22
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
23
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
24
+ asChild?: boolean;
25
+ }
26
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
27
+
28
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
29
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
30
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
31
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
32
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
33
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
34
+
35
+ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
+
37
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
38
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
39
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
40
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
+
42
+ declare function IIMPLogo(): react_jsx_runtime.JSX.Element;
43
+
44
+ export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IIMPLogo, Separator, Tabs, TabsContent, TabsList, TabsTrigger, type Vertical, VerticalProvider, buttonVariants, useVertical };
@@ -0,0 +1,44 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as React from 'react';
3
+ import * as class_variance_authority_types from 'class-variance-authority/types';
4
+ import { VariantProps } from 'class-variance-authority';
5
+ import * as SeparatorPrimitive from '@radix-ui/react-separator';
6
+ import * as TabsPrimitive from '@radix-ui/react-tabs';
7
+
8
+ type Vertical = "proexplo" | "wmc" | "gess";
9
+ interface VerticalContextType {
10
+ vertical: Vertical;
11
+ setVertical: (vertical: Vertical) => void;
12
+ }
13
+ declare function VerticalProvider({ children, defaultVertical }: {
14
+ children: React.ReactNode;
15
+ defaultVertical?: Vertical;
16
+ }): react_jsx_runtime.JSX.Element;
17
+ declare const useVertical: () => VerticalContextType;
18
+
19
+ declare const buttonVariants: (props?: ({
20
+ variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
21
+ size?: "default" | "sm" | "lg" | "icon" | null | undefined;
22
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
23
+ interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
24
+ asChild?: boolean;
25
+ }
26
+ declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
27
+
28
+ declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
29
+ declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
30
+ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
31
+ declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
32
+ declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
33
+ declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
34
+
35
+ declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
36
+
37
+ declare const Tabs: React.ForwardRefExoticComponent<TabsPrimitive.TabsProps & React.RefAttributes<HTMLDivElement>>;
38
+ declare const TabsList: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsListProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
39
+ declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
40
+ declare const TabsContent: React.ForwardRefExoticComponent<Omit<TabsPrimitive.TabsContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
41
+
42
+ declare function IIMPLogo(): react_jsx_runtime.JSX.Element;
43
+
44
+ export { Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, IIMPLogo, Separator, Tabs, TabsContent, TabsList, TabsTrigger, type Vertical, VerticalProvider, buttonVariants, useVertical };
package/dist/index.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }var _react = require('react'); var i = _interopRequireWildcard(_react); var x = _interopRequireWildcard(_react); var l = _interopRequireWildcard(_react); var V = _interopRequireWildcard(_react); var d = _interopRequireWildcard(_react); var k = _interopRequireWildcard(_react);var _navigation = require('next/navigation');var _jsxruntime = require('react/jsx-runtime');var b=i.createContext(void 0);function U({setVerticalState:e}){let t=_navigation.useRouter.call(void 0, ),r=_navigation.useSearchParams.call(void 0, ),s=_navigation.usePathname.call(void 0, );return i.useEffect(()=>{let c=r.get("theme");if(c&&["proexplo","wmc","gess"].includes(c)){e(c),localStorage.setItem("iimp-vertical",c);let a=new URLSearchParams(r.toString());a.delete("theme");let p=a.toString(),I=p?`${s}?${p}`:s;t.replace(I)}},[r,s,t,e]),null}function Z({children:e,defaultVertical:t="gess"}){let[r,s]=i.useState(t);i.useEffect(()=>{let a=localStorage.getItem("iimp-vertical");a&&["proexplo","wmc","gess"].includes(a)&&s(a)},[]);let c=a=>{s(a),localStorage.setItem("iimp-vertical",a)};return i.useEffect(()=>{let a=window.document.documentElement;a.classList.remove("vert-proexplo","vert-wmc","vert-gess"),a.classList.add(`vert-${r}`)},[r]),_jsxruntime.jsxs.call(void 0, b.Provider,{value:{vertical:r,setVertical:c},children:[_jsxruntime.jsx.call(void 0, i.Suspense,{fallback:null,children:_jsxruntime.jsx.call(void 0, U,{setVerticalState:s})}),e]})}var R=()=>{let e=i.useContext(b);if(!e)throw new Error("useVertical must be used within a VerticalProvider");return e};var _reactslot = require('@radix-ui/react-slot');var _classvarianceauthority = require('class-variance-authority');var _clsx = require('clsx');var _tailwindmerge = require('tailwind-merge');function o(...e){return _tailwindmerge.twMerge.call(void 0, _clsx.clsx.call(void 0, e))}var T=_classvarianceauthority.cva.call(void 0, "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),h= exports.Button =x.forwardRef(({className:e,variant:t,size:r,asChild:s=!1,...c},a)=>_jsxruntime.jsx.call(void 0, s?_reactslot.Slot:"button",{className:o(T({variant:t,size:r,className:e})),ref:a,...c}));h.displayName="Button";var y=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("rounded-xl border bg-card text-card-foreground shadow",e),...t}));y.displayName="Card";var C=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("flex flex-col space-y-1.5 p-6",e),...t}));C.displayName="CardHeader";var P=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("font-semibold leading-none tracking-tight",e),...t}));P.displayName="CardTitle";var w=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("text-sm text-muted-foreground",e),...t}));w.displayName="CardDescription";var L=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("p-6 pt-0",e),...t}));L.displayName="CardContent";var N=l.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, "div",{ref:r,className:o("flex items-center p-6 pt-0",e),...t}));N.displayName="CardFooter";var _reactseparator = require('@radix-ui/react-separator'); var f = _interopRequireWildcard(_reactseparator);var M=V.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...s},c)=>_jsxruntime.jsx.call(void 0, f.Root,{ref:c,decorative:r,orientation:t,className:o("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...s}));M.displayName=f.Root.displayName;var _reacttabs = require('@radix-ui/react-tabs'); var n = _interopRequireWildcard(_reacttabs);var J=n.Root,H= exports.TabsList =d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, n.List,{ref:r,className:o("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e),...t}));H.displayName=n.List.displayName;var E=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, n.Trigger,{ref:r,className:o("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",e),...t}));E.displayName=n.Trigger.displayName;var S=d.forwardRef(({className:e,...t},r)=>_jsxruntime.jsx.call(void 0, n.Content,{ref:r,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));S.displayName=n.Content.displayName;var _link = require('next/link'); var _link2 = _interopRequireDefault(_link);var _image = require('next/image'); var _image2 = _interopRequireDefault(_image);function X(){let{vertical:e}=R(),t=k.useMemo(()=>{switch(e){case"proexplo":return"/logos/logo-iimp.png";case"wmc":return"/logos/logo-wmc.png";case"gess":return"/logos/logo-gess.png";default:return"/logos/logo-iimp.png"}},[e]);return _jsxruntime.jsxs.call(void 0, _link2.default,{href:"/",className:"flex items-center gap-3 group cursor-pointer transition-transform hover:scale-[1.02]",children:[_jsxruntime.jsx.call(void 0, "div",{className:"relative h-10 w-24",children:_jsxruntime.jsx.call(void 0, _image2.default,{src:t,alt:"IIMP Logo",fill:!0,className:"object-contain",priority:!0})}),_jsxruntime.jsxs.call(void 0, "span",{className:"text-lg font-black tracking-tighter text-foreground uppercase hidden sm:block",children:["IIMP ",_jsxruntime.jsx.call(void 0, "span",{className:"text-primary",children:"UI-KIT"})]})]})}exports.Button = h; exports.Card = y; exports.CardContent = L; exports.CardDescription = w; exports.CardFooter = N; exports.CardHeader = C; exports.CardTitle = P; exports.IIMPLogo = X; exports.Separator = M; exports.Tabs = J; exports.TabsContent = S; exports.TabsList = H; exports.TabsTrigger = E; exports.VerticalProvider = Z; exports.buttonVariants = T; exports.useVertical = R;
package/dist/index.mjs ADDED
@@ -0,0 +1 @@
1
+ import*as i from"react";import{useRouter as B,useSearchParams as A,usePathname as z}from"next/navigation";import{jsx as g,jsxs as W}from"react/jsx-runtime";var b=i.createContext(void 0);function U({setVerticalState:e}){let t=B(),r=A(),s=z();return i.useEffect(()=>{let c=r.get("theme");if(c&&["proexplo","wmc","gess"].includes(c)){e(c),localStorage.setItem("iimp-vertical",c);let a=new URLSearchParams(r.toString());a.delete("theme");let p=a.toString(),I=p?`${s}?${p}`:s;t.replace(I)}},[r,s,t,e]),null}function Z({children:e,defaultVertical:t="gess"}){let[r,s]=i.useState(t);i.useEffect(()=>{let a=localStorage.getItem("iimp-vertical");a&&["proexplo","wmc","gess"].includes(a)&&s(a)},[]);let c=a=>{s(a),localStorage.setItem("iimp-vertical",a)};return i.useEffect(()=>{let a=window.document.documentElement;a.classList.remove("vert-proexplo","vert-wmc","vert-gess"),a.classList.add(`vert-${r}`)},[r]),W(b.Provider,{value:{vertical:r,setVertical:c},children:[g(i.Suspense,{fallback:null,children:g(U,{setVerticalState:s})}),e]})}var R=()=>{let e=i.useContext(b);if(!e)throw new Error("useVertical must be used within a VerticalProvider");return e};import*as x from"react";import{Slot as $}from"@radix-ui/react-slot";import{cva as q}from"class-variance-authority";import{clsx as F}from"clsx";import{twMerge as _}from"tailwind-merge";function o(...e){return _(F(e))}import{jsx as K}from"react/jsx-runtime";var T=q("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),h=x.forwardRef(({className:e,variant:t,size:r,asChild:s=!1,...c},a)=>K(s?$:"button",{className:o(T({variant:t,size:r,className:e})),ref:a,...c}));h.displayName="Button";import*as l from"react";import{jsx as m}from"react/jsx-runtime";var y=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("rounded-xl border bg-card text-card-foreground shadow",e),...t}));y.displayName="Card";var C=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("flex flex-col space-y-1.5 p-6",e),...t}));C.displayName="CardHeader";var P=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("font-semibold leading-none tracking-tight",e),...t}));P.displayName="CardTitle";var w=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("text-sm text-muted-foreground",e),...t}));w.displayName="CardDescription";var L=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("p-6 pt-0",e),...t}));L.displayName="CardContent";var N=l.forwardRef(({className:e,...t},r)=>m("div",{ref:r,className:o("flex items-center p-6 pt-0",e),...t}));N.displayName="CardFooter";import*as V from"react";import*as f from"@radix-ui/react-separator";import{jsx as G}from"react/jsx-runtime";var M=V.forwardRef(({className:e,orientation:t="horizontal",decorative:r=!0,...s},c)=>G(f.Root,{ref:c,decorative:r,orientation:t,className:o("shrink-0 bg-border",t==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",e),...s}));M.displayName=f.Root.displayName;import*as d from"react";import*as n from"@radix-ui/react-tabs";import{jsx as u}from"react/jsx-runtime";var J=n.Root,H=d.forwardRef(({className:e,...t},r)=>u(n.List,{ref:r,className:o("inline-flex h-9 items-center justify-center rounded-lg bg-muted p-1 text-muted-foreground",e),...t}));H.displayName=n.List.displayName;var E=d.forwardRef(({className:e,...t},r)=>u(n.Trigger,{ref:r,className:o("inline-flex items-center justify-center whitespace-nowrap rounded-md px-3 py-1 text-sm font-medium ring-offset-background transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:bg-background data-[state=active]:text-foreground data-[state=active]:shadow",e),...t}));E.displayName=n.Trigger.displayName;var S=d.forwardRef(({className:e,...t},r)=>u(n.Content,{ref:r,className:o("mt-2 ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",e),...t}));S.displayName=n.Content.displayName;import*as k from"react";import O from"next/link";import Q from"next/image";import{jsx as v,jsxs as D}from"react/jsx-runtime";function X(){let{vertical:e}=R(),t=k.useMemo(()=>{switch(e){case"proexplo":return"/logos/logo-iimp.png";case"wmc":return"/logos/logo-wmc.png";case"gess":return"/logos/logo-gess.png";default:return"/logos/logo-iimp.png"}},[e]);return D(O,{href:"/",className:"flex items-center gap-3 group cursor-pointer transition-transform hover:scale-[1.02]",children:[v("div",{className:"relative h-10 w-24",children:v(Q,{src:t,alt:"IIMP Logo",fill:!0,className:"object-contain",priority:!0})}),D("span",{className:"text-lg font-black tracking-tighter text-foreground uppercase hidden sm:block",children:["IIMP ",v("span",{className:"text-primary",children:"UI-KIT"})]})]})}export{h as Button,y as Card,L as CardContent,w as CardDescription,N as CardFooter,C as CardHeader,P as CardTitle,X as IIMPLogo,M as Separator,J as Tabs,S as TabsContent,H as TabsList,E as TabsTrigger,Z as VerticalProvider,T as buttonVariants,R as useVertical};
package/package.json ADDED
@@ -0,0 +1,58 @@
1
+ {
2
+ "name": "@nrivera-iimp/ui-kit-iimp",
3
+ "version": "0.1.0",
4
+ "private": false,
5
+ "main": "./dist/index.js",
6
+ "module": "./dist/index.mjs",
7
+ "types": "./dist/index.d.ts",
8
+ "exports": {
9
+ ".": {
10
+ "import": "./dist/index.mjs",
11
+ "require": "./dist/index.js",
12
+ "types": "./dist/index.d.ts"
13
+ }
14
+ },
15
+ "scripts": {
16
+ "dev": "next dev",
17
+ "build": "next build",
18
+ "build:lib": "tsup src/lib/index.ts --format cjs,esm --dts --minify --clean --minify-identifiers --minify-syntax --minify-whitespace --splitting --target es2020",
19
+ "start": "next start",
20
+ "lint": "eslint"
21
+ },
22
+ "dependencies": {
23
+ "@radix-ui/react-accordion": "^1.2.12",
24
+ "@radix-ui/react-alert-dialog": "^1.1.15",
25
+ "@radix-ui/react-avatar": "^1.1.11",
26
+ "@radix-ui/react-dialog": "^1.1.15",
27
+ "@radix-ui/react-dropdown-menu": "^2.1.16",
28
+ "@radix-ui/react-scroll-area": "^1.2.10",
29
+ "@radix-ui/react-separator": "^1.1.8",
30
+ "@radix-ui/react-slot": "^1.2.4",
31
+ "@radix-ui/react-tabs": "^1.1.13",
32
+ "class-variance-authority": "^0.7.1",
33
+ "clsx": "^2.1.1",
34
+ "lucide-react": "^0.577.0",
35
+ "next": "16.1.6",
36
+ "next-themes": "^0.4.6",
37
+ "react": "19.2.3",
38
+ "react-dom": "19.2.3",
39
+ "tailwind-merge": "^3.5.0",
40
+ "tailwindcss-animate": "^1.0.7"
41
+ },
42
+ "peerDependencies": {
43
+ "next": "^12.0.0 || ^13.0.0 || ^14.0.0 || ^15.0.0 || ^16.0.0",
44
+ "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
45
+ "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
46
+ },
47
+ "devDependencies": {
48
+ "@tailwindcss/postcss": "^4",
49
+ "@types/node": "^20",
50
+ "@types/react": "^19",
51
+ "@types/react-dom": "^19",
52
+ "eslint": "^9",
53
+ "eslint-config-next": "16.1.6",
54
+ "tailwindcss": "^4",
55
+ "tsup": "^8.5.1",
56
+ "typescript": "^5"
57
+ }
58
+ }