@banhosdev/moldsoft-ui 0.2.0 → 1.0.0

package/dist/index.d.mts

@@ -1,5 +1,5 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
+import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -7,28 +7,40 @@ declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-interface SidebarProps {
-    children?: React.ReactNode;
-    className?: string;
-    items: SidebarItem[];
+interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    size?: number;
 }
+declare function Logo({ size, className, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarItem {
     label: string;
     href: string;
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
+    active?: boolean;
+    items?: SidebarItem[];
+}
+interface SidebarProps {
+    children?: React.ReactNode;
+    logo?: React.ReactNode;
+    collapsedLogo?: React.ReactNode;
+    className?: string;
+    items: SidebarItem[];
+    footerItems?: SidebarItem[];
+    showBackground?: boolean;
+    activePath?: string;
 }
-declare function Sidebar({ children, items }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ children, logo, collapsedLogo, items, footerItems, showBackground, className, activePath, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Sidebar, type SidebarItem, type SidebarProps, buttonVariants };
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Logo, type LogoProps, Sidebar, type SidebarItem, type SidebarProps, buttonVariants };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as class_variance_authority_types from 'class-variance-authority/types';
-import * as React$1 from 'react';
+import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
@@ -7,28 +7,40 @@ declare const buttonVariants: (props?: ({
     variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
-interface ButtonProps extends React$1.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
+interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {
     asChild?: boolean;
 }
-declare const Button: React$1.ForwardRefExoticComponent<ButtonProps & React$1.RefAttributes<HTMLButtonElement>>;
+declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 
-declare const Card: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardHeader: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardTitle: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardDescription: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardContent: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
-declare const CardFooter: React$1.ForwardRefExoticComponent<React$1.HTMLAttributes<HTMLDivElement> & React$1.RefAttributes<HTMLDivElement>>;
+declare const Card: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardHeader: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardDescription: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
 
-interface SidebarProps {
-    children?: React.ReactNode;
-    className?: string;
-    items: SidebarItem[];
+interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {
+    size?: number;
 }
+declare function Logo({ size, className, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
+
 interface SidebarItem {
     label: string;
     href: string;
-    icon: React.ReactNode;
+    icon?: React.ReactNode;
+    active?: boolean;
+    items?: SidebarItem[];
+}
+interface SidebarProps {
+    children?: React.ReactNode;
+    logo?: React.ReactNode;
+    collapsedLogo?: React.ReactNode;
+    className?: string;
+    items: SidebarItem[];
+    footerItems?: SidebarItem[];
+    showBackground?: boolean;
+    activePath?: string;
 }
-declare function Sidebar({ children, items }: SidebarProps): react_jsx_runtime.JSX.Element;
+declare function Sidebar({ children, logo, collapsedLogo, items, footerItems, showBackground, className, activePath, }: SidebarProps): react_jsx_runtime.JSX.Element;
 
-export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Sidebar, type SidebarItem, type SidebarProps, buttonVariants };
+export { Button, type ButtonProps, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Logo, type LogoProps, Sidebar, type SidebarItem, type SidebarProps, buttonVariants };

package/dist/index.js

@@ -1,175 +1,2 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/index.ts
-var index_exports = {};
-__export(index_exports, {
-  Button: () => Button,
-  Card: () => Card,
-  CardContent: () => CardContent,
-  CardDescription: () => CardDescription,
-  CardFooter: () => CardFooter,
-  CardHeader: () => CardHeader,
-  CardTitle: () => CardTitle,
-  Sidebar: () => Sidebar,
-  buttonVariants: () => buttonVariants
-});
-module.exports = __toCommonJS(index_exports);
-
-// src/components/ui/button.tsx
-var React = __toESM(require("react"));
-var import_react_slot = require("@radix-ui/react-slot");
-var import_class_variance_authority = require("class-variance-authority");
-
-// src/lib/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
-}
-
-// src/components/ui/button.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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 hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? import_react_slot.Slot : "button";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/components/ui/card.tsx
-var React2 = __toESM(require("react"));
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    ref,
-    className: cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-
-// src/components/app/sidebar.tsx
-var import_jsx_runtime3 = require("react/jsx-runtime");
-function Sidebar({ children, items = [] }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("aside", { className: "w-full h-full p-4", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("main", { className: "bg-primary rounded-3xl h-full", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("div", { className: "p-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("h1", { children: "Sidebar" }),
-    /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("ul", { children: items?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("a", { href: item.href, children: item.label }) }, item.href)) })
-  ] }) }) });
-}
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Sidebar,
-  buttonVariants
-});
+"use strict";var q=Object.create;var R=Object.defineProperty;var O=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var X=Object.getPrototypeOf,E=Object.prototype.hasOwnProperty;var Y=(t,i)=>{for(var h in i)R(t,h,{get:i[h],enumerable:!0})},r=(t,i,h,m)=>{if(i&&typeof i=="object"||typeof i=="function")for(let s of D(i))!E.call(t,s)&&s!==h&&R(t,s,{get:()=>i[s],enumerable:!(m=O(i,s))||m.enumerable});return t};var z=(t,i,h)=>(h=t!=null?q(X(t)):{},r(i||!t||!t.__esModule?R(h,"default",{value:t,enumerable:!0}):h,t)),b=t=>r(R({},"__esModule",{value:!0}),t);var nt={};Y(nt,{Button:()=>j,Card:()=>S,CardContent:()=>k,CardDescription:()=>T,CardFooter:()=>_,CardHeader:()=>p,CardTitle:()=>y,Logo:()=>$,Sidebar:()=>ht,buttonVariants:()=>d});module.exports=b(nt);var B=z(require("react")),V=require("@radix-ui/react-slot"),I=require("class-variance-authority");var K=require("clsx"),N=require("tailwind-merge");function J(...t){return(0,N.twMerge)((0,K.clsx)(t))}var a=require("react/jsx-runtime"),d=(0,I.cva)("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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 hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),j=B.forwardRef(({className:t,variant:i,size:h,asChild:m=!1,...s},Z)=>(0,a.jsx)(m?V.Slot:"button",{className:J(d({variant:i,size:h,className:t})),ref:Z,...s}));j.displayName="Button";var c=z(require("react"));var e=require("react/jsx-runtime"),S=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("rounded-lg border bg-card text-card-foreground shadow-sm",t),...i}));S.displayName="Card";var p=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("flex flex-col space-y-1.5 p-6",t),...i}));p.displayName="CardHeader";var y=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("text-2xl font-semibold leading-none tracking-tight",t),...i}));y.displayName="CardTitle";var T=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("text-sm text-muted-foreground",t),...i}));T.displayName="CardDescription";var k=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("p-6 pt-0",t),...i}));k.displayName="CardContent";var _=c.forwardRef(({className:t,...i},h)=>(0,e.jsx)("div",{ref:h,className:J("flex items-center p-6 pt-0",t),...i}));_.displayName="CardFooter";var U="./logo-REBN3NUO.png";var f=require("react/jsx-runtime");function $({size:t=40,className:i,...h}){return(0,f.jsx)("img",{src:U,alt:"Moldsoft Logo",width:t,height:t,className:i,...h})}var M=z(require("react"));var o="./white-icon-Z722HHZN.png";var P="./bg-blue-H7S5ODI7.png";var A=z(require("react")),g=z(require("@radix-ui/react-separator"));var x=require("react/jsx-runtime"),H=A.forwardRef(({className:t,orientation:i="horizontal",decorative:h=!0,...m},s)=>(0,x.jsx)(g.Root,{ref:s,decorative:h,orientation:i,className:J("shrink-0 bg-border",i==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...m}));H.displayName=g.Root.displayName;var n=require("react/jsx-runtime");function ht({children:t,logo:i,collapsedLogo:h,items:m=[],footerItems:s=[],showBackground:Z=!0,className:C,activePath:v}){let[u,w]=M.useState(!1),L=F=>F.active?!0:v?v===F.href||F.href!=="/"&&v.startsWith(F.href)?!0:F.items?F.items.some(L):!1:!1,W=typeof P=="object"?P.src:P,G=typeof o=="object"?o.src:o;return(0,n.jsx)("aside",{onMouseEnter:()=>w(!0),onMouseLeave:()=>w(!1),className:J("h-full p-2 transition-all duration-500 ease-in-out",u?"w-72":"w-24",C),children:(0,n.jsxs)("main",{className:J("h-full relative overflow-hidden flex flex-col shadow-xl transition-all duration-500",!Z&&"bg-primary","rounded-3xl"),children:[Z&&(0,n.jsx)("div",{className:"absolute inset-0 z-0 transition-transform duration-500",style:{backgroundImage:`url(${W})`,backgroundSize:"300%",backgroundPosition:"center",width:"18rem"}}),(0,n.jsx)("div",{className:"absolute inset-0 z-0 bg-primary/20"}),(0,n.jsxs)("div",{className:"flex flex-col h-full relative z-10 p-2",children:[(0,n.jsxs)("div",{className:J("flex flex-col items-center justify-center transition-all duration-500","h-24 py-4"),children:[u?i?(0,n.jsx)("div",{className:"flex items-center gap-2",children:i}):(0,n.jsx)("img",{src:G,alt:"Logo",className:"h-10 opacity-100 scale-100 transition-all duration-500 object-contain"}):h?(0,n.jsx)("div",{className:"flex items-center gap-2 w-8",children:h}):(0,n.jsx)("img",{src:G,alt:"Logo",className:"h-7 opacity-90 transition-all duration-500 object-contain"}),u&&!i&&(0,n.jsx)("span",{className:"text-white/60 text-[10px] mt-1 font-medium tracking-wider uppercase",children:"Moldsoft"})]}),(0,n.jsx)("div",{className:"px-4 mb-4",children:(0,n.jsx)(H,{className:"bg-white/20"})}),(0,n.jsx)("nav",{className:"flex-1 px-1 space-y-1 overflow-y-auto no-scrollbar scroll-smooth",children:m.map(F=>(0,n.jsx)(l,{item:F,isSidebarExpanded:u,isActive:L(F),checkActive:L},F.href))}),(0,n.jsxs)("div",{className:"mt-auto px-1 pb-2 space-y-1",children:[s.map(F=>(0,n.jsx)(l,{item:F,isSidebarExpanded:u,isActive:L(F),checkActive:L},F.href)),t&&(0,n.jsx)("div",{className:J("transition-all duration-500 overflow-hidden",u?"opacity-100 mt-2":"opacity-0 h-0"),children:t})]})]})]})})}function l({item:t,isSidebarExpanded:i,isActive:h,checkActive:m,depth:s=0}){let[Z,C]=M.useState(h),v=t.items&&t.items.length>0;M.useEffect(()=>{h&&C(!0)},[h]);let u=v&&i&&Z;return(0,n.jsxs)("div",{className:"flex flex-col",children:[(0,n.jsxs)("a",{href:t.href,onClick:w=>{v&&(w.preventDefault(),C(!Z))},className:J("flex items-center h-12 rounded-2xl transition-all duration-500 px-3 relative group overflow-hidden",h?"bg-[#092a5e] text-white":"text-white/80 hover:bg-white/10 hover:text-white"),children:[(0,n.jsx)("div",{className:J("transition-all duration-500 ease-in-out h-1",i?"w-0 opacity-0":"flex-1")}),t.icon&&(0,n.jsx)("div",{className:J("shrink-0 w-8 h-8 flex items-center justify-center transition-all duration-500"),children:t.icon}),(0,n.jsx)("span",{className:J("font-medium whitespace-nowrap transition-all duration-500 ease-in-out overflow-hidden text-sm",i?"opacity-100 w-auto":"opacity-0 w-0 pointer-events-none",t.icon?"ml-3":""),children:t.label}),(0,n.jsx)("div",{className:"flex-1 transition-all duration-500"}),v&&i&&(0,n.jsx)("div",{className:J("transition-transform duration-300",Z?"rotate-180":""),children:(0,n.jsx)("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:(0,n.jsx)("path",{d:"M1 1L5 5L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),v&&i&&(0,n.jsx)("div",{className:J("overflow-hidden transition-all duration-300 ease-in-out",Z?"max-h-96 opacity-100 mt-1":"max-h-0 opacity-0"),children:(0,n.jsx)("div",{className:"ml-7 border-l border-white/10 pl-3 py-1 space-y-1",children:t.items?.map(w=>(0,n.jsx)(l,{item:w,isSidebarExpanded:i,isActive:m(w),checkActive:m,depth:s+1},w.href))})})]})}0&&(module.exports={Button,Card,CardContent,CardDescription,CardFooter,CardHeader,CardTitle,Logo,Sidebar,buttonVariants});
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/ui/card.tsx","../src/components/ui/logo.tsx","../src/components/app/sidebar.tsx","../src/components/ui/separator.tsx"],"sourcesContent":["// UI Components\nexport * from \"./components/ui/button\"\nexport * from \"./components/ui/card\"\nexport * from \"./components/ui/logo\"\n\n// App Components\nexport * from \"./components/app/sidebar\"\n","import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"text-2xl font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import * as React from \"react\"\nimport logo from \"../../assets/logo.png\"\n\nexport interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  size?: number\n}\n\nexport function Logo({ size = 40, className, ...props }: LogoProps) {\n  return (\n    <img\n      src={logo}\n      alt=\"Moldsoft Logo\"\n      width={size}\n      height={size}\n      className={className}\n      {...props}\n    />\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport logoImg from \"../../assets/icons/white-icon.png\"\nimport sidebarBg from \"../../assets/textures/bg-blue.png\"\nimport { Separator } from \"../ui/separator\"\nimport { cn } from \"../../lib/utils\"\n\nexport interface SidebarItem {\n    label: string\n    href: string\n    icon?: React.ReactNode\n    active?: boolean\n    items?: SidebarItem[]\n}\n\nexport interface SidebarProps {\n    children?: React.ReactNode\n    logo?: React.ReactNode\n    collapsedLogo?: React.ReactNode\n    className?: string\n    items: SidebarItem[]\n    footerItems?: SidebarItem[]\n    showBackground?: boolean\n    activePath?: string\n}\n\nexport function Sidebar({\n    children,\n    logo,\n    collapsedLogo,\n    items = [],\n    footerItems = [],\n    showBackground = true,\n    className,\n    activePath,\n}: SidebarProps) {\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    const checkActive = (item: SidebarItem): boolean => {\n        if (item.active) return true\n        if (!activePath) return false\n\n        // Exact match for root or specific paths\n        if (activePath === item.href) return true\n\n        // Prefix match for sub-paths (avoiding matching '/' to everything)\n        if (item.href !== \"/\" && activePath.startsWith(item.href)) return true\n\n        // Recursive check for sub-items\n        if (item.items) {\n            return item.items.some(checkActive)\n        }\n\n        return false\n    }\n\n    const bgUrl = typeof sidebarBg === \"object\" ? (sidebarBg as any).src : sidebarBg\n    const logoUrl = typeof logoImg === \"object\" ? (logoImg as any).src : logoImg\n\n    return (\n        <aside\n            onMouseEnter={() => setIsExpanded(true)}\n            onMouseLeave={() => setIsExpanded(false)}\n            className={cn(\n                \"h-full p-2 transition-all duration-500 ease-in-out\",\n                isExpanded ? \"w-72\" : \"w-24\",\n                className\n            )}\n        >\n            <main\n                className={cn(\n                    \"h-full relative overflow-hidden flex flex-col shadow-xl transition-all duration-500\",\n                    !showBackground && \"bg-primary\",\n                    isExpanded ? \"rounded-3xl\" : \"rounded-3xl\"\n                )}\n            >\n                {showBackground && (\n                    <div\n                        className=\"absolute inset-0 z-0 transition-transform duration-500\"\n                        style={{\n                            backgroundImage: `url(${bgUrl})`,\n                            backgroundSize: \"300%\", // Increased scale\n                            backgroundPosition: \"center\",\n                            width: \"18rem\", // Expanded width (w-72 = 18rem) to keep it \"fixed\"\n                        }}\n                    />\n                )}\n                <div className=\"absolute inset-0 z-0 bg-primary/20\" />\n\n                <div className=\"flex flex-col h-full relative z-10 p-2\">\n                    <div className={cn(\n                        \"flex flex-col items-center justify-center transition-all duration-500\",\n                        isExpanded ? \"h-24 py-4\" : \"h-24 py-4\"\n                    )}>\n                        {isExpanded ? (\n                            logo ? (\n                                <div className=\"flex items-center gap-2\">\n                                    {logo}\n                                </div>\n                            ) : (\n                                <img\n                                    src={logoUrl}\n                                    alt=\"Logo\"\n                                    className=\"h-10 opacity-100 scale-100 transition-all duration-500 object-contain\"\n                                />\n                            )\n                        ) : (\n                            collapsedLogo ? (\n                                <div className=\"flex items-center gap-2 w-8\">\n                                    {collapsedLogo}\n                                </div>\n                            ) : (\n                                <img\n                                    src={logoUrl}\n                                    alt=\"Logo\"\n                                    className=\"h-7 opacity-90 transition-all duration-500 object-contain\"\n                                />\n                            )\n                        )}\n                        {isExpanded && !logo && (\n                            <span className=\"text-white/60 text-[10px] mt-1 font-medium tracking-wider uppercase\">\n                                Moldsoft\n                            </span>\n                        )}\n                    </div>\n\n                    <div className=\"px-4 mb-4\">\n                        <Separator className=\"bg-white/20\" />\n                    </div>\n\n                    {/* Nav Items */}\n                    <nav className=\"flex-1 px-1 space-y-1 overflow-y-auto no-scrollbar scroll-smooth\">\n                        {items.map((item) => (\n                            <SidebarNavLink\n                                key={item.href}\n                                item={item}\n                                isSidebarExpanded={isExpanded}\n                                isActive={checkActive(item)}\n                                checkActive={checkActive}\n                            />\n                        ))}\n                    </nav>\n\n                    {/* Footer Section */}\n                    <div className=\"mt-auto px-1 pb-2 space-y-1\">\n                        {footerItems.map((item) => (\n                            <SidebarNavLink\n                                key={item.href}\n                                item={item}\n                                isSidebarExpanded={isExpanded}\n                                isActive={checkActive(item)}\n                                checkActive={checkActive}\n                            />\n                        ))}\n                        {children && (\n                            <div className={cn(\n                                \"transition-all duration-500 overflow-hidden\",\n                                isExpanded ? \"opacity-100 mt-2\" : \"opacity-0 h-0\"\n                            )}>\n                                {children}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </main>\n        </aside>\n    )\n}\n\nfunction SidebarNavLink({\n    item,\n    isSidebarExpanded,\n    isActive,\n    checkActive,\n    depth = 0\n}: {\n    item: SidebarItem\n    isSidebarExpanded: boolean\n    isActive: boolean\n    checkActive: (item: SidebarItem) => boolean\n    depth?: number\n}) {\n    const [isOpen, setIsOpen] = React.useState(isActive)\n    const hasSubItems = item.items && item.items.length > 0\n\n    // Update isOpen if isActive changes (to auto-expand when navigating)\n    React.useEffect(() => {\n        if (isActive) setIsOpen(true)\n    }, [isActive])\n\n    // Only allow sub-items to be visible if sidebar is expanded\n    const isSubItemsVisible = hasSubItems && isSidebarExpanded && isOpen\n\n    return (\n        <div className=\"flex flex-col\">\n            <a\n                href={item.href}\n                onClick={(e) => {\n                    if (hasSubItems) {\n                        e.preventDefault()\n                        setIsOpen(!isOpen)\n                    }\n                }}\n                className={cn(\n                    \"flex items-center h-12 rounded-2xl transition-all duration-500 px-3 relative group overflow-hidden\",\n                    isActive\n                        ? \"bg-[#092a5e] text-white\"\n                        : \"text-white/80 hover:bg-white/10 hover:text-white\"\n                )}\n            >\n                {/* Smooth Centering Spacer - Only active when collapsed */}\n                <div className={cn(\n                    \"transition-all duration-500 ease-in-out h-1\",\n                    isSidebarExpanded ? \"w-0 opacity-0\" : \"flex-1\"\n                )} />\n\n                {\n                    item.icon && (\n                        <div className={cn(\n                            \"shrink-0 w-8 h-8 flex items-center justify-center transition-all duration-500\"\n                        )}>\n                            {item.icon}\n                        </div>\n                    )\n                }\n\n\n                <span\n                    className={cn(\n                        \"font-medium whitespace-nowrap transition-all duration-500 ease-in-out overflow-hidden text-sm\",\n                        isSidebarExpanded ? \"opacity-100 w-auto\" : \"opacity-0 w-0 pointer-events-none\",\n                        item.icon ? \"ml-3\" : \"\"\n                    )}\n                >\n                    {item.label}\n                </span>\n\n                {/* Right Spacer - Always pushes items to left when expanded, centers when combined with left spacer when collapsed */}\n                <div className=\"flex-1 transition-all duration-500\" />\n\n                {hasSubItems && isSidebarExpanded && (\n                    <div className={cn(\n                        \"transition-transform duration-300\",\n                        isOpen ? \"rotate-180\" : \"\"\n                    )}>\n                        <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                        </svg>\n                    </div>\n                )}\n            </a>\n\n            {/* Sub Items rendering */}\n            {hasSubItems && isSidebarExpanded && (\n                <div className={cn(\n                    \"overflow-hidden transition-all duration-300 ease-in-out\",\n                    isOpen ? \"max-h-96 opacity-100 mt-1\" : \"max-h-0 opacity-0\"\n                )}>\n                    <div className=\"ml-7 border-l border-white/10 pl-3 py-1 space-y-1\">\n                        {item.items?.map((subItem) => (\n                            <SidebarNavLink\n                                key={subItem.href}\n                                item={subItem}\n                                isSidebarExpanded={isSidebarExpanded}\n                                isActive={checkActive(subItem)}\n                                checkActive={checkActive}\n                                depth={depth + 1}\n                            />\n                        ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"mappings":"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","names":["index_exports","__export","Button","Card","CardContent","CardDescription","CardFooter","CardHeader","CardTitle","Logo","Sidebar","buttonVariants","__toCommonJS","React","import_react_slot","import_class_variance_authority","import_clsx","import_tailwind_merge","cn","inputs","import_jsx_runtime","buttonVariants","Button","className","variant","size","asChild","props","ref","cn","React","import_jsx_runtime","Card","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","import_jsx_runtime","Logo","size","className","props","logo_default","React","React","SeparatorPrimitive","import_jsx_runtime","Separator","className","orientation","decorative","props","ref","cn","import_jsx_runtime","Sidebar","children","logo","collapsedLogo","items","footerItems","showBackground","className","activePath","isExpanded","setIsExpanded","checkActive","item","bgUrl","bg_blue_default","logoUrl","white_icon_default","cn","Separator","SidebarNavLink","isSidebarExpanded","isActive","depth","isOpen","setIsOpen","hasSubItems","isSubItemsVisible","e","subItem"]}

package/dist/index.mjs

@@ -1,130 +1,2 @@
-// src/components/ui/button.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-
-// src/lib/utils.ts
-import { clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-function cn(...inputs) {
-  return twMerge(clsx(inputs));
-}
-
-// src/components/ui/button.tsx
-import { jsx } from "react/jsx-runtime";
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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 hover:bg-primary/90",
-        destructive: "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button";
-    return /* @__PURE__ */ jsx(
-      Comp,
-      {
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Button.displayName = "Button";
-
-// src/components/ui/card.tsx
-import * as React2 from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var Card = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  "div",
-  {
-    ref,
-    className: cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    ),
-    ...props
-  }
-));
-Card.displayName = "Card";
-var CardHeader = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  "div",
-  {
-    ref,
-    className: cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  "div",
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-
-// src/components/app/sidebar.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-function Sidebar({ children, items = [] }) {
-  return /* @__PURE__ */ jsx3("aside", { className: "w-full h-full p-4", children: /* @__PURE__ */ jsx3("main", { className: "bg-primary rounded-3xl h-full", children: /* @__PURE__ */ jsxs("div", { className: "p-4", children: [
-    /* @__PURE__ */ jsx3("h1", { children: "Sidebar" }),
-    /* @__PURE__ */ jsx3("ul", { children: items?.map((item) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3("a", { href: item.href, children: item.label }) }, item.href)) })
-  ] }) }) });
-}
-export {
-  Button,
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle,
-  Sidebar,
-  buttonVariants
-};
+import*as G from"react";import{Slot as I}from"@radix-ui/react-slot";import{cva as d}from"class-variance-authority";import{clsx as B}from"clsx";import{twMerge as V}from"tailwind-merge";function J(...t){return V(B(t))}import{jsx as S}from"react/jsx-runtime";var j=d("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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 hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground hover:bg-destructive/90",outline:"border border-input bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),a=G.forwardRef(({className:t,variant:i,size:h,asChild:Z=!1,...w},s)=>S(Z?I:"button",{className:J(j({variant:i,size:h,className:t})),ref:s,...w}));a.displayName="Button";import*as c from"react";import{jsx as e}from"react/jsx-runtime";var p=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("rounded-lg border bg-card text-card-foreground shadow-sm",t),...i}));p.displayName="Card";var y=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("flex flex-col space-y-1.5 p-6",t),...i}));y.displayName="CardHeader";var T=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("text-2xl font-semibold leading-none tracking-tight",t),...i}));T.displayName="CardTitle";var k=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("text-sm text-muted-foreground",t),...i}));k.displayName="CardDescription";var _=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("p-6 pt-0",t),...i}));_.displayName="CardContent";var U=c.forwardRef(({className:t,...i},h)=>e("div",{ref:h,className:J("flex items-center p-6 pt-0",t),...i}));U.displayName="CardFooter";var r="./logo-REBN3NUO.png";import{jsx as A}from"react/jsx-runtime";function Ft({size:t=40,className:i,...h}){return A("img",{src:r,alt:"Moldsoft Logo",width:t,height:t,className:i,...h})}import*as M from"react";var R="./white-icon-Z722HHZN.png";var o="./bg-blue-H7S5ODI7.png";import*as K from"react";import*as P from"@radix-ui/react-separator";import{jsx as q}from"react/jsx-runtime";var g=K.forwardRef(({className:t,orientation:i="horizontal",decorative:h=!0,...Z},w)=>q(P.Root,{ref:w,decorative:h,orientation:i,className:J("shrink-0 bg-border",i==="horizontal"?"h-[1px] w-full":"h-full w-[1px]",t),...Z}));g.displayName=P.Root.displayName;import{jsx as n,jsxs as C}from"react/jsx-runtime";function Mt({children:t,logo:i,collapsedLogo:h,items:Z=[],footerItems:w=[],showBackground:s=!0,className:L,activePath:u}){let[m,v]=M.useState(!1),z=F=>F.active?!0:u?u===F.href||F.href!=="/"&&u.startsWith(F.href)?!0:F.items?F.items.some(z):!1:!1,N=typeof o=="object"?o.src:o,l=typeof R=="object"?R.src:R;return n("aside",{onMouseEnter:()=>v(!0),onMouseLeave:()=>v(!1),className:J("h-full p-2 transition-all duration-500 ease-in-out",m?"w-72":"w-24",L),children:C("main",{className:J("h-full relative overflow-hidden flex flex-col shadow-xl transition-all duration-500",!s&&"bg-primary","rounded-3xl"),children:[s&&n("div",{className:"absolute inset-0 z-0 transition-transform duration-500",style:{backgroundImage:`url(${N})`,backgroundSize:"300%",backgroundPosition:"center",width:"18rem"}}),n("div",{className:"absolute inset-0 z-0 bg-primary/20"}),C("div",{className:"flex flex-col h-full relative z-10 p-2",children:[C("div",{className:J("flex flex-col items-center justify-center transition-all duration-500","h-24 py-4"),children:[m?i?n("div",{className:"flex items-center gap-2",children:i}):n("img",{src:l,alt:"Logo",className:"h-10 opacity-100 scale-100 transition-all duration-500 object-contain"}):h?n("div",{className:"flex items-center gap-2 w-8",children:h}):n("img",{src:l,alt:"Logo",className:"h-7 opacity-90 transition-all duration-500 object-contain"}),m&&!i&&n("span",{className:"text-white/60 text-[10px] mt-1 font-medium tracking-wider uppercase",children:"Moldsoft"})]}),n("div",{className:"px-4 mb-4",children:n(g,{className:"bg-white/20"})}),n("nav",{className:"flex-1 px-1 space-y-1 overflow-y-auto no-scrollbar scroll-smooth",children:Z.map(F=>n(H,{item:F,isSidebarExpanded:m,isActive:z(F),checkActive:z},F.href))}),C("div",{className:"mt-auto px-1 pb-2 space-y-1",children:[w.map(F=>n(H,{item:F,isSidebarExpanded:m,isActive:z(F),checkActive:z},F.href)),t&&n("div",{className:J("transition-all duration-500 overflow-hidden",m?"opacity-100 mt-2":"opacity-0 h-0"),children:t})]})]})]})})}function H({item:t,isSidebarExpanded:i,isActive:h,checkActive:Z,depth:w=0}){let[s,L]=M.useState(h),u=t.items&&t.items.length>0;M.useEffect(()=>{h&&L(!0)},[h]);let m=u&&i&&s;return C("div",{className:"flex flex-col",children:[C("a",{href:t.href,onClick:v=>{u&&(v.preventDefault(),L(!s))},className:J("flex items-center h-12 rounded-2xl transition-all duration-500 px-3 relative group overflow-hidden",h?"bg-[#092a5e] text-white":"text-white/80 hover:bg-white/10 hover:text-white"),children:[n("div",{className:J("transition-all duration-500 ease-in-out h-1",i?"w-0 opacity-0":"flex-1")}),t.icon&&n("div",{className:J("shrink-0 w-8 h-8 flex items-center justify-center transition-all duration-500"),children:t.icon}),n("span",{className:J("font-medium whitespace-nowrap transition-all duration-500 ease-in-out overflow-hidden text-sm",i?"opacity-100 w-auto":"opacity-0 w-0 pointer-events-none",t.icon?"ml-3":""),children:t.label}),n("div",{className:"flex-1 transition-all duration-500"}),u&&i&&n("div",{className:J("transition-transform duration-300",s?"rotate-180":""),children:n("svg",{width:"10",height:"6",viewBox:"0 0 10 6",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n("path",{d:"M1 1L5 5L9 1",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),u&&i&&n("div",{className:J("overflow-hidden transition-all duration-300 ease-in-out",s?"max-h-96 opacity-100 mt-1":"max-h-0 opacity-0"),children:n("div",{className:"ml-7 border-l border-white/10 pl-3 py-1 space-y-1",children:t.items?.map(v=>n(H,{item:v,isSidebarExpanded:i,isActive:Z(v),checkActive:Z,depth:w+1},v.href))})})]})}export{a as Button,p as Card,_ as CardContent,k as CardDescription,U as CardFooter,y as CardHeader,T as CardTitle,Ft as Logo,Mt as Sidebar,j as buttonVariants};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/button.tsx","../src/lib/utils.ts","../src/components/ui/card.tsx","../src/components/ui/logo.tsx","../src/components/app/sidebar.tsx","../src/components/ui/separator.tsx"],"sourcesContent":["import * as React from \"react\"\nimport { Slot } from \"@radix-ui/react-slot\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0\",\n  {\n    variants: {\n      variant: {\n        default: \"bg-primary text-primary-foreground hover:bg-primary/90\",\n        destructive:\n          \"bg-destructive text-destructive-foreground hover:bg-destructive/90\",\n        outline:\n          \"border border-input bg-background hover:bg-accent hover:text-accent-foreground\",\n        secondary:\n          \"bg-secondary text-secondary-foreground hover:bg-secondary/80\",\n        ghost: \"hover:bg-accent hover:text-accent-foreground\",\n        link: \"text-primary underline-offset-4 hover:underline\",\n      },\n      size: {\n        default: \"h-10 px-4 py-2\",\n        sm: \"h-9 rounded-md px-3\",\n        lg: \"h-11 rounded-md px-8\",\n        icon: \"h-10 w-10\",\n      },\n    },\n    defaultVariants: {\n      variant: \"default\",\n      size: \"default\",\n    },\n  }\n)\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  VariantProps<typeof buttonVariants> {\n  asChild?: boolean\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ className, variant, size, asChild = false, ...props }, ref) => {\n    const Comp = asChild ? Slot : \"button\"\n    return (\n      <Comp\n        className={cn(buttonVariants({ variant, size, className }))}\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\nButton.displayName = \"Button\"\n\nexport { Button, buttonVariants }\n","import { clsx, type ClassValue } from \"clsx\"\nimport { twMerge } from \"tailwind-merge\"\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs))\n}\n","import * as React from \"react\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Card = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"rounded-lg border bg-card text-card-foreground shadow-sm\",\n      className\n    )}\n    {...props}\n  />\n))\nCard.displayName = \"Card\"\n\nconst CardHeader = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\n    {...props}\n  />\n))\nCardHeader.displayName = \"CardHeader\"\n\nconst CardTitle = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\n      \"text-2xl font-semibold leading-none tracking-tight\",\n      className\n    )}\n    {...props}\n  />\n))\nCardTitle.displayName = \"CardTitle\"\n\nconst CardDescription = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"text-sm text-muted-foreground\", className)}\n    {...props}\n  />\n))\nCardDescription.displayName = \"CardDescription\"\n\nconst CardContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn(\"p-6 pt-0\", className)} {...props} />\n))\nCardContent.displayName = \"CardContent\"\n\nconst CardFooter = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn(\"flex items-center p-6 pt-0\", className)}\n    {...props}\n  />\n))\nCardFooter.displayName = \"CardFooter\"\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }\n","import * as React from \"react\"\nimport logo from \"../../assets/logo.png\"\n\nexport interface LogoProps extends React.ImgHTMLAttributes<HTMLImageElement> {\n  size?: number\n}\n\nexport function Logo({ size = 40, className, ...props }: LogoProps) {\n  return (\n    <img\n      src={logo}\n      alt=\"Moldsoft Logo\"\n      width={size}\n      height={size}\n      className={className}\n      {...props}\n    />\n  )\n}\n","\"use client\"\n\nimport * as React from \"react\"\nimport logoImg from \"../../assets/icons/white-icon.png\"\nimport sidebarBg from \"../../assets/textures/bg-blue.png\"\nimport { Separator } from \"../ui/separator\"\nimport { cn } from \"../../lib/utils\"\n\nexport interface SidebarItem {\n    label: string\n    href: string\n    icon?: React.ReactNode\n    active?: boolean\n    items?: SidebarItem[]\n}\n\nexport interface SidebarProps {\n    children?: React.ReactNode\n    logo?: React.ReactNode\n    collapsedLogo?: React.ReactNode\n    className?: string\n    items: SidebarItem[]\n    footerItems?: SidebarItem[]\n    showBackground?: boolean\n    activePath?: string\n}\n\nexport function Sidebar({\n    children,\n    logo,\n    collapsedLogo,\n    items = [],\n    footerItems = [],\n    showBackground = true,\n    className,\n    activePath,\n}: SidebarProps) {\n    const [isExpanded, setIsExpanded] = React.useState(false)\n\n    const checkActive = (item: SidebarItem): boolean => {\n        if (item.active) return true\n        if (!activePath) return false\n\n        // Exact match for root or specific paths\n        if (activePath === item.href) return true\n\n        // Prefix match for sub-paths (avoiding matching '/' to everything)\n        if (item.href !== \"/\" && activePath.startsWith(item.href)) return true\n\n        // Recursive check for sub-items\n        if (item.items) {\n            return item.items.some(checkActive)\n        }\n\n        return false\n    }\n\n    const bgUrl = typeof sidebarBg === \"object\" ? (sidebarBg as any).src : sidebarBg\n    const logoUrl = typeof logoImg === \"object\" ? (logoImg as any).src : logoImg\n\n    return (\n        <aside\n            onMouseEnter={() => setIsExpanded(true)}\n            onMouseLeave={() => setIsExpanded(false)}\n            className={cn(\n                \"h-full p-2 transition-all duration-500 ease-in-out\",\n                isExpanded ? \"w-72\" : \"w-24\",\n                className\n            )}\n        >\n            <main\n                className={cn(\n                    \"h-full relative overflow-hidden flex flex-col shadow-xl transition-all duration-500\",\n                    !showBackground && \"bg-primary\",\n                    isExpanded ? \"rounded-3xl\" : \"rounded-3xl\"\n                )}\n            >\n                {showBackground && (\n                    <div\n                        className=\"absolute inset-0 z-0 transition-transform duration-500\"\n                        style={{\n                            backgroundImage: `url(${bgUrl})`,\n                            backgroundSize: \"300%\", // Increased scale\n                            backgroundPosition: \"center\",\n                            width: \"18rem\", // Expanded width (w-72 = 18rem) to keep it \"fixed\"\n                        }}\n                    />\n                )}\n                <div className=\"absolute inset-0 z-0 bg-primary/20\" />\n\n                <div className=\"flex flex-col h-full relative z-10 p-2\">\n                    <div className={cn(\n                        \"flex flex-col items-center justify-center transition-all duration-500\",\n                        isExpanded ? \"h-24 py-4\" : \"h-24 py-4\"\n                    )}>\n                        {isExpanded ? (\n                            logo ? (\n                                <div className=\"flex items-center gap-2\">\n                                    {logo}\n                                </div>\n                            ) : (\n                                <img\n                                    src={logoUrl}\n                                    alt=\"Logo\"\n                                    className=\"h-10 opacity-100 scale-100 transition-all duration-500 object-contain\"\n                                />\n                            )\n                        ) : (\n                            collapsedLogo ? (\n                                <div className=\"flex items-center gap-2 w-8\">\n                                    {collapsedLogo}\n                                </div>\n                            ) : (\n                                <img\n                                    src={logoUrl}\n                                    alt=\"Logo\"\n                                    className=\"h-7 opacity-90 transition-all duration-500 object-contain\"\n                                />\n                            )\n                        )}\n                        {isExpanded && !logo && (\n                            <span className=\"text-white/60 text-[10px] mt-1 font-medium tracking-wider uppercase\">\n                                Moldsoft\n                            </span>\n                        )}\n                    </div>\n\n                    <div className=\"px-4 mb-4\">\n                        <Separator className=\"bg-white/20\" />\n                    </div>\n\n                    {/* Nav Items */}\n                    <nav className=\"flex-1 px-1 space-y-1 overflow-y-auto no-scrollbar scroll-smooth\">\n                        {items.map((item) => (\n                            <SidebarNavLink\n                                key={item.href}\n                                item={item}\n                                isSidebarExpanded={isExpanded}\n                                isActive={checkActive(item)}\n                                checkActive={checkActive}\n                            />\n                        ))}\n                    </nav>\n\n                    {/* Footer Section */}\n                    <div className=\"mt-auto px-1 pb-2 space-y-1\">\n                        {footerItems.map((item) => (\n                            <SidebarNavLink\n                                key={item.href}\n                                item={item}\n                                isSidebarExpanded={isExpanded}\n                                isActive={checkActive(item)}\n                                checkActive={checkActive}\n                            />\n                        ))}\n                        {children && (\n                            <div className={cn(\n                                \"transition-all duration-500 overflow-hidden\",\n                                isExpanded ? \"opacity-100 mt-2\" : \"opacity-0 h-0\"\n                            )}>\n                                {children}\n                            </div>\n                        )}\n                    </div>\n                </div>\n            </main>\n        </aside>\n    )\n}\n\nfunction SidebarNavLink({\n    item,\n    isSidebarExpanded,\n    isActive,\n    checkActive,\n    depth = 0\n}: {\n    item: SidebarItem\n    isSidebarExpanded: boolean\n    isActive: boolean\n    checkActive: (item: SidebarItem) => boolean\n    depth?: number\n}) {\n    const [isOpen, setIsOpen] = React.useState(isActive)\n    const hasSubItems = item.items && item.items.length > 0\n\n    // Update isOpen if isActive changes (to auto-expand when navigating)\n    React.useEffect(() => {\n        if (isActive) setIsOpen(true)\n    }, [isActive])\n\n    // Only allow sub-items to be visible if sidebar is expanded\n    const isSubItemsVisible = hasSubItems && isSidebarExpanded && isOpen\n\n    return (\n        <div className=\"flex flex-col\">\n            <a\n                href={item.href}\n                onClick={(e) => {\n                    if (hasSubItems) {\n                        e.preventDefault()\n                        setIsOpen(!isOpen)\n                    }\n                }}\n                className={cn(\n                    \"flex items-center h-12 rounded-2xl transition-all duration-500 px-3 relative group overflow-hidden\",\n                    isActive\n                        ? \"bg-[#092a5e] text-white\"\n                        : \"text-white/80 hover:bg-white/10 hover:text-white\"\n                )}\n            >\n                {/* Smooth Centering Spacer - Only active when collapsed */}\n                <div className={cn(\n                    \"transition-all duration-500 ease-in-out h-1\",\n                    isSidebarExpanded ? \"w-0 opacity-0\" : \"flex-1\"\n                )} />\n\n                {\n                    item.icon && (\n                        <div className={cn(\n                            \"shrink-0 w-8 h-8 flex items-center justify-center transition-all duration-500\"\n                        )}>\n                            {item.icon}\n                        </div>\n                    )\n                }\n\n\n                <span\n                    className={cn(\n                        \"font-medium whitespace-nowrap transition-all duration-500 ease-in-out overflow-hidden text-sm\",\n                        isSidebarExpanded ? \"opacity-100 w-auto\" : \"opacity-0 w-0 pointer-events-none\",\n                        item.icon ? \"ml-3\" : \"\"\n                    )}\n                >\n                    {item.label}\n                </span>\n\n                {/* Right Spacer - Always pushes items to left when expanded, centers when combined with left spacer when collapsed */}\n                <div className=\"flex-1 transition-all duration-500\" />\n\n                {hasSubItems && isSidebarExpanded && (\n                    <div className={cn(\n                        \"transition-transform duration-300\",\n                        isOpen ? \"rotate-180\" : \"\"\n                    )}>\n                        <svg width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                            <path d=\"M1 1L5 5L9 1\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n                        </svg>\n                    </div>\n                )}\n            </a>\n\n            {/* Sub Items rendering */}\n            {hasSubItems && isSidebarExpanded && (\n                <div className={cn(\n                    \"overflow-hidden transition-all duration-300 ease-in-out\",\n                    isOpen ? \"max-h-96 opacity-100 mt-1\" : \"max-h-0 opacity-0\"\n                )}>\n                    <div className=\"ml-7 border-l border-white/10 pl-3 py-1 space-y-1\">\n                        {item.items?.map((subItem) => (\n                            <SidebarNavLink\n                                key={subItem.href}\n                                item={subItem}\n                                isSidebarExpanded={isSidebarExpanded}\n                                isActive={checkActive(subItem)}\n                                checkActive={checkActive}\n                                depth={depth + 1}\n                            />\n                        ))}\n                    </div>\n                </div>\n            )}\n        </div>\n    )\n}","import * as React from \"react\"\nimport * as SeparatorPrimitive from \"@radix-ui/react-separator\"\n\nimport { cn } from \"../../lib/utils\"\n\nconst Separator = React.forwardRef<\n  React.ElementRef<typeof SeparatorPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof SeparatorPrimitive.Root>\n>(\n  (\n    { className, orientation = \"horizontal\", decorative = true, ...props },\n    ref\n  ) => (\n    <SeparatorPrimitive.Root\n      ref={ref}\n      decorative={decorative}\n      orientation={orientation}\n      className={cn(\n        \"shrink-0 bg-border\",\n        orientation === \"horizontal\" ? \"h-[1px] w-full\" : \"h-full w-[1px]\",\n        className\n      )}\n      {...props}\n    />\n  )\n)\nSeparator.displayName = SeparatorPrimitive.Root.displayName\n\nexport { Separator }\n"],"mappings":"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","names":["React","Slot","cva","clsx","twMerge","cn","inputs","jsx","buttonVariants","cva","Button","className","variant","size","asChild","props","ref","Slot","cn","React","jsx","Card","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","jsx","Logo","size","className","props","logo_default","React","React","SeparatorPrimitive","jsx","Separator","className","orientation","decorative","props","ref","cn","jsx","jsxs","Sidebar","children","logo","collapsedLogo","items","footerItems","showBackground","className","activePath","isExpanded","setIsExpanded","checkActive","item","bgUrl","bg_blue_default","logoUrl","white_icon_default","cn","Separator","SidebarNavLink","isSidebarExpanded","isActive","depth","isOpen","setIsOpen","hasSubItems","isSubItemsVisible","e","subItem"]}

package/package.json

@@ -1,23 +1,40 @@
 {
   "name": "@banhosdev/moldsoft-ui",
-  "version": "0.2.0",
+  "version": "1.0.0",
   "private": false,
-  "main": "./src/index.ts",
-  "types": "./src/index.ts",
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./styles": "./src/styles/globals.css"
+  },
+  "files": [
+    "dist",
+    "src/styles/globals.css",
+    "src/assets"
+  ],
   "scripts": {
-    "build": "tsup src/index.ts --format cjs,esm --dts",
-    "dev": "tsup src/index.ts --format cjs,esm --watch --dts",
+    "build": "tsup",
+    "dev": "tsup --watch",
     "lint": "eslint src"
   },
   "dependencies": {
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "lucide-react": "^0.454.0",
-    "react": "19.2.3",
-    "react-dom": "19.2.3",
     "tailwind-merge": "^2.5.4"
   },
+  "peerDependencies": {
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0"
+  },
   "devDependencies": {
     "@tailwindcss/postcss": "4",
     "@types/react": "^19",

package/components.json

@@ -1,21 +0,0 @@
-{
-  "$schema": "https://ui.shadcn.com/schema.json",
-  "style": "default",
-  "rsc": false,
-  "tsx": true,
-  "tailwind": {
-    "config": "",
-    "css": "src/styles/globals.css",
-    "baseColor": "slate",
-    "cssVariables": true,
-    "prefix": ""
-  },
-  "aliases": {
-    "components": "@/components",
-    "utils": "@/lib/utils",
-    "ui": "@/components/ui",
-    "lib": "@/lib",
-    "hooks": "@/hooks"
-  },
-  "iconLibrary": "lucide"
-}

package/src/components/app/sidebar.tsx

@@ -1,32 +0,0 @@
-
-export interface SidebarProps {
-    children?: React.ReactNode;
-    className?: string;
-    items: SidebarItem[];
-
-}
-
-export interface SidebarItem {
-    label: string;
-    href: string;
-    icon: React.ReactNode;
-}
-
-export function Sidebar({ children, items = [] }: SidebarProps) {
-    return (
-        <aside className="w-full h-full p-4">
-            <main className="bg-primary rounded-3xl h-full">
-                <div className="p-4">
-                    <h1>Sidebar</h1>
-                    <ul>
-                        {items?.map((item) => (
-                            <li key={item.href}>
-                                <a href={item.href}>{item.label}</a>
-                            </li>
-                        ))}
-                    </ul>
-                </div>
-            </main>
-        </aside>
-    );
-}

package/src/components/ui/button.tsx

@@ -1,56 +0,0 @@
-import * as React from "react"
-import { Slot } from "@radix-ui/react-slot"
-import { cva, type VariantProps } from "class-variance-authority"
-
-import { cn } from "../../lib/utils"
-
-const buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 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 hover:bg-primary/90",
-        destructive:
-          "bg-destructive text-destructive-foreground hover:bg-destructive/90",
-        outline:
-          "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
-        secondary:
-          "bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline",
-      },
-      size: {
-        default: "h-10 px-4 py-2",
-        sm: "h-9 rounded-md px-3",
-        lg: "h-11 rounded-md px-8",
-        icon: "h-10 w-10",
-      },
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default",
-    },
-  }
-)
-
-export interface ButtonProps
-  extends React.ButtonHTMLAttributes<HTMLButtonElement>,
-  VariantProps<typeof buttonVariants> {
-  asChild?: boolean
-}
-
-const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
-  ({ className, variant, size, asChild = false, ...props }, ref) => {
-    const Comp = asChild ? Slot : "button"
-    return (
-      <Comp
-        className={cn(buttonVariants({ variant, size, className }))}
-        ref={ref}
-        {...props}
-      />
-    )
-  }
-)
-Button.displayName = "Button"
-
-export { Button, buttonVariants }

package/src/components/ui/card.tsx

@@ -1,79 +0,0 @@
-import * as React from "react"
-
-import { cn } from "../../lib/utils"
-
-const Card = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "rounded-lg border bg-card text-card-foreground shadow-sm",
-      className
-    )}
-    {...props}
-  />
-))
-Card.displayName = "Card"
-
-const CardHeader = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex flex-col space-y-1.5 p-6", className)}
-    {...props}
-  />
-))
-CardHeader.displayName = "CardHeader"
-
-const CardTitle = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn(
-      "text-2xl font-semibold leading-none tracking-tight",
-      className
-    )}
-    {...props}
-  />
-))
-CardTitle.displayName = "CardTitle"
-
-const CardDescription = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("text-sm text-muted-foreground", className)}
-    {...props}
-  />
-))
-CardDescription.displayName = "CardDescription"
-
-const CardContent = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn("p-6 pt-0", className)} {...props} />
-))
-CardContent.displayName = "CardContent"
-
-const CardFooter = React.forwardRef<
-  HTMLDivElement,
-  React.HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div
-    ref={ref}
-    className={cn("flex items-center p-6 pt-0", className)}
-    {...props}
-  />
-))
-CardFooter.displayName = "CardFooter"
-
-export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent }

package/src/index.ts

@@ -1,6 +0,0 @@
-// UI Components
-export * from "./components/ui/button"
-export * from "./components/ui/card"
-
-// App Components
-export * from "./components/app/sidebar"

package/src/lib/utils.ts

@@ -1,6 +0,0 @@
-import { clsx, type ClassValue } from "clsx"
-import { twMerge } from "tailwind-merge"
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs))
-}

package/tsconfig.json

@@ -1,25 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ESNext",
-    "lib": [
-      "DOM",
-      "DOM.Iterable",
-      "ESNext"
-    ],
-    "module": "ESNext",
-    "moduleResolution": "bundler",
-    "jsx": "react-jsx",
-    "strict": true,
-    "declaration": true,
-    "declarationMap": true,
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "skipLibCheck": true,
-    "paths": {
-      "@/*": [
-        "./src/*"
-      ]
-    },
-  }
-}