@eml-payments/ui-kit 0.1.24 → 0.1.25

package/dist/src/components/Card/Card.d.ts

@@ -1,9 +1,9 @@
 import type { ComponentProps } from 'react';
-declare function Card({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardHeader({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardTitle({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardDescription({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardAction({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardContent({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
-declare function CardFooter({ className, ...props }: ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare const Card: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardHeader: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardTitle: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardDescription: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardAction: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardContent: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
+declare const CardFooter: ({ className, ...props }: ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/src/components/Card/Card.js

@@ -1,24 +1,10 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { cn } from '../../lib/utils';
-function Card({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card", className: cn('bg-card text-card-foreground flex flex-col gap-6 rounded-[var(--uikit-radius)] border py-6 shadow-sm', className), ...props }));
-}
-function CardHeader({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-header", className: cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', className), ...props }));
-}
-function CardTitle({ className, ...props }) {
-    return _jsx("div", { "data-slot": "card-title", className: cn('leading-none font-semibold', className), ...props });
-}
-function CardDescription({ className, ...props }) {
-    return _jsx("div", { "data-slot": "card-description", className: cn('text-muted-foreground text-sm', className), ...props });
-}
-function CardAction({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-action", className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className), ...props }));
-}
-function CardContent({ className, ...props }) {
-    return _jsx("div", { "data-slot": "card-content", className: cn('px-6', className), ...props });
-}
-function CardFooter({ className, ...props }) {
-    return (_jsx("div", { "data-slot": "card-footer", className: cn('flex items-center px-6 [.border-t]:pt-6', className), ...props }));
-}
+const Card = ({ className, ...props }) => (_jsx("div", { "data-slot": "card", className: cn('bg-card text-card-foreground flex flex-col gap-6 rounded-[var(--uikit-radius)] border py-6 shadow-sm', className), ...props }));
+const CardHeader = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-header", className: cn('@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6', className), ...props }));
+const CardTitle = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-title", className: cn('leading-none font-semibold', className), ...props }));
+const CardDescription = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-description", className: cn('text-muted-foreground text-sm', className), ...props }));
+const CardAction = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-action", className: cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className), ...props }));
+const CardContent = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-content", className: cn('px-6', className), ...props }));
+const CardFooter = ({ className, ...props }) => (_jsx("div", { "data-slot": "card-footer", className: cn('flex items-center px-6 [.border-t]:pt-6', className), ...props }));
 export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/src/components/Card/Card.stories.d.ts

@@ -1,7 +1,7 @@
-import { Card } from './Card';
+import React from 'react';
 declare const _default: {
     title: string;
-    component: typeof Card;
+    component: ({ className, ...props }: React.ComponentProps<"div">) => import("react/jsx-runtime").JSX.Element;
 };
 export default _default;
 export declare const Basic: () => import("react/jsx-runtime").JSX.Element;

package/dist/src/components/Card/CardContainer.d.ts

@@ -5,5 +5,5 @@ interface CardContainerProps {
     children: ReactNode;
     className?: string;
 }
-export declare function CardContainer({ title, icon, children, className }: CardContainerProps): import("react/jsx-runtime").JSX.Element;
+export declare const CardContainer: ({ title, icon, children, className }: CardContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/Card/CardContainer.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Card, CardHeader, CardTitle, CardContent } from './Card';
-export function CardContainer({ title, icon, children, className }) {
+export const CardContainer = ({ title, icon, children, className }) => {
     return (_jsxs(Card, { className: className, children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: "flex items-center gap-2", children: [icon, _jsx("span", { children: title })] }) }), _jsx(CardContent, { children: children })] }));
-}
+};

package/dist/src/components/Card/index.d.ts

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent } from './Card';
+export { CardContainer } from './CardContainer';

package/dist/src/components/Card/index.js

@@ -0,0 +1,2 @@
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent } from './Card';
+export { CardContainer } from './CardContainer';

package/dist/src/components/index.d.ts

@@ -10,3 +10,4 @@ export * from './Switch/Switch';
 export * from './Label/Label';
 export * from './DropdownWrapper/DropdownWrapper';
 export * from './Dropdown/Dropdown';
+export * from './Card';

package/dist/src/components/index.js

@@ -10,3 +10,4 @@ export * from './Switch/Switch';
 export * from './Label/Label';
 export * from './DropdownWrapper/DropdownWrapper';
 export * from './Dropdown/Dropdown';
+export * from './Card';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eml-payments/ui-kit",
-	"version": "0.1.24",
+	"version": "0.1.25",
 	"private": false,
 	"description": "ARLO UIKit",
 	"homepage": "https://github.com/EML-Payments/arlo.npm.uikit#readme",