@arolariu/components 0.4.1 → 0.4.2

package/changelog.md

@@ -8,6 +8,10 @@ All notable changes to **@arolariu/components** are documented here following [K
 
 ## 🎉 Latest Releases
 
+### [0.4.2](https://www.npmjs.com/package/@arolariu/components/v/0.4.2) - 2025-12-18
+**✨ New Features & Improvements**
+- 🆕 **New Component: `CardAction`** - A component for adding actions to cards.
+
 ### [0.4.1](https://www.npmjs.com/package/@arolariu/components/v/0.4.1) - 2025-12-08
 **🔧 Bug Fixes & Maintenance**
 - ⬆️ **Recharts V3** Upgraded chart.tsx to use Rechars v3.5

package/dist/components/ui/card.d.ts

@@ -5,5 +5,6 @@ declare const CardTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HT
 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>>;
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+declare const CardAction: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 //# sourceMappingURL=card.d.ts.map

package/dist/components/ui/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GASR,CAAC;AAGH,QAAA,MAAM,UAAU,6GAMd,CAAC;AAGH,QAAA,MAAM,SAAS,6GAMb,CAAC;AAGH,QAAA,MAAM,eAAe,6GAMnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAMf,CAAC;AAGH,QAAA,MAAM,UAAU,6GAMd,CAAC;AAGH,OAAO,EAAC,IAAI,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/components/ui/card.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,QAAA,MAAM,IAAI,6GASR,CAAC;AAGH,QAAA,MAAM,UAAU,6GAMd,CAAC;AAGH,QAAA,MAAM,SAAS,6GAMb,CAAC;AAGH,QAAA,MAAM,eAAe,6GAMnB,CAAC;AAGH,QAAA,MAAM,WAAW,6GAMf,CAAC;AAGH,QAAA,MAAM,UAAU,6GAMd,CAAC;AAGH,QAAA,MAAM,UAAU,6GAMd,CAAC;AAGH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAC,CAAC"}

package/dist/components/ui/card.js

@@ -38,6 +38,12 @@ const CardFooter = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#_
         ...props
     }));
 CardFooter.displayName = "CardFooter";
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+const CardAction = /*#__PURE__*/ forwardRef(({ className, ...props }, ref)=>/*#__PURE__*/ jsx("div", {
+        ref: ref,
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className),
+        ...props
+    }));
+CardAction.displayName = "CardAction";
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
 
 //# sourceMappingURL=card.js.map

package/dist/components/ui/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"components/ui/card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      \"rounded-xl border border-neutral-200 bg-white text-neutral-950 shadow dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nCard.displayName = \"Card\";\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\n\r\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"leading-none font-semibold tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\n\r\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex items-center p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\n\r\nexport {Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle};\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter"],"mappings":";;;;AAMA,MAAMA,OAAO,WAAPA,GAAOC,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1G,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,0IACAH;QAED,GAAGC,KAAK;;AAGbH,KAAK,WAAW,GAAG;AAEnB,MAAMM,aAAa,WAAbA,GAAaL,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,iCAAiCH;QAC9C,GAAGC,KAAK;;AAGbG,WAAW,WAAW,GAAG;AAEzB,MAAMC,YAAY,WAAZA,GAAYN,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,6CAA6CH;QAC1D,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,kBAAkB,WAAlBA,GAAkBP,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbK,gBAAgB,WAAW,GAAG;AAE9B,MAAMC,cAAc,WAAdA,GAAcR,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,YAAYH;QACzB,GAAGC,KAAK;;AAGbM,YAAY,WAAW,GAAG;AAE1B,MAAMC,aAAa,WAAbA,GAAaT,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbO,WAAW,WAAW,GAAG"}
+{"version":3,"file":"components/ui/card.js","sources":["../../../src/components/ui/card.tsx"],"sourcesContent":["\"use client\";\r\n\r\nimport * as React from \"react\";\r\n\r\nimport {cn} from \"@/lib/utilities\";\r\n\r\nconst Card = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\r\n      \"rounded-xl border border-neutral-200 bg-white text-neutral-950 shadow dark:border-neutral-800 dark:bg-neutral-950 dark:text-neutral-50\",\r\n      className,\r\n    )}\r\n    {...props}\r\n  />\r\n));\r\nCard.displayName = \"Card\";\r\n\r\nconst CardHeader = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex flex-col space-y-1.5 p-6\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardHeader.displayName = \"CardHeader\";\r\n\r\nconst CardTitle = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"leading-none font-semibold tracking-tight\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardTitle.displayName = \"CardTitle\";\r\n\r\nconst CardDescription = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"text-sm text-neutral-500 dark:text-neutral-400\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardDescription.displayName = \"CardDescription\";\r\n\r\nconst CardContent = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardContent.displayName = \"CardContent\";\r\n\r\nconst CardFooter = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"flex items-center p-6 pt-0\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardFooter.displayName = \"CardFooter\";\r\n\r\nconst CardAction = React.forwardRef<HTMLDivElement, React.HTMLAttributes<HTMLDivElement>>(({className, ...props}, ref) => (\r\n  <div\r\n    ref={ref}\r\n    className={cn(\"col-start-2 row-span-2 row-start-1 self-start justify-self-end\", className)}\r\n    {...props}\r\n  />\r\n));\r\nCardAction.displayName = \"CardAction\";\r\n\r\nexport {Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle};\r\n"],"names":["Card","React","className","props","ref","cn","CardHeader","CardTitle","CardDescription","CardContent","CardFooter","CardAction"],"mappings":";;;;AAMA,MAAMA,OAAO,WAAPA,GAAOC,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC1G,IAAC;QACC,KAAKA;QACL,WAAWC,GACT,0IACAH;QAED,GAAGC,KAAK;;AAGbH,KAAK,WAAW,GAAG;AAEnB,MAAMM,aAAa,WAAbA,GAAaL,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,iCAAiCH;QAC9C,GAAGC,KAAK;;AAGbG,WAAW,WAAW,GAAG;AAEzB,MAAMC,YAAY,WAAZA,GAAYN,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAC/G,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,6CAA6CH;QAC1D,GAAGC,KAAK;;AAGbI,UAAU,WAAW,GAAG;AAExB,MAAMC,kBAAkB,WAAlBA,GAAkBP,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACrH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,kDAAkDH;QAC/D,GAAGC,KAAK;;AAGbK,gBAAgB,WAAW,GAAG;AAE9B,MAAMC,cAAc,WAAdA,GAAcR,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GACjH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,YAAYH;QACzB,GAAGC,KAAK;;AAGbM,YAAY,WAAW,GAAG;AAE1B,MAAMC,aAAa,WAAbA,GAAaT,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,8BAA8BH;QAC3C,GAAGC,KAAK;;AAGbO,WAAW,WAAW,GAAG;AAEzB,MAAMC,aAAa,WAAbA,GAAaV,WAAuE,CAAC,EAACC,SAAS,EAAE,GAAGC,OAAM,EAAEC,MAAAA,WAAAA,GAChH,IAAC;QACC,KAAKA;QACL,WAAWC,GAAG,kEAAkEH;QAC/E,GAAGC,KAAK;;AAGbQ,WAAW,WAAW,GAAG"}

package/dist/index.css

@@ -626,6 +626,18 @@
     order: 9999;
   }
 
+  .col-start-2 {
+    grid-column-start: 2;
+  }
+
+  .row-span-2 {
+    grid-row: span 2 / span 2;
+  }
+
+  .row-start-1 {
+    grid-row-start: 1;
+  }
+
   .container {
     width: 100%;
   }
@@ -1519,10 +1531,18 @@
     margin-inline-end: calc(var(--spacing) * 2 * (1 - var(--tw-space-x-reverse)));
   }
 
+  .self-start {
+    align-self: flex-start;
+  }
+
   .self-stretch {
     align-self: stretch;
   }
 
+  .justify-self-end {
+    justify-self: flex-end;
+  }
+
   .overflow-auto {
     overflow: auto;
   }