@accreditation/ui 1.0.0

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

@@ -0,0 +1,90 @@
+import * as React from "react";
+import type { CardProps, CardHeaderProps, CardHeaderIconProps, CardHeaderBodyProps, CardBadgeProps, CardTitleProps, CardDescriptionProps, CardContentProps, CardFooterProps, CardActionProps, CardMediaProps } from "../types";
+/**
+ * Card — content container with style and elevation variants.
+ *
+ * @example Default (outlined, no shadow):
+ * <Card>...</Card>
+ *
+ * @example With elevation:
+ * <Card elevation="md">...</Card>
+ *
+ * @example Clickable (hover lift):
+ * <Card interactive onClick={handleClick}>...</Card>
+ *
+ * @example Ghost with media:
+ * <Card variant="ghost">
+ *   <CardMedia src="/image.jpg" alt="..." aspect="aspect-video" />
+ *   <CardHeader>...</CardHeader>
+ * </Card>
+ */
+declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Media area above the CardHeader.
+ * Accepts `<img>`, `<video>` or any child as children.
+ * When `src` is provided, it renders an internal `<img>`.
+ *
+ * @example With src:
+ * <CardMedia src="/photo.jpg" alt="Photo" aspect="aspect-video" />
+ *
+ * @example With children:
+ * <CardMedia aspect="aspect-square">
+ *   <img src="/photo.jpg" alt="Photo" className="h-full w-full object-cover" />
+ * </CardMedia>
+ */
+declare const CardMedia: React.ForwardRefExoticComponent<CardMediaProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card header. With `row`, it uses an inline layout for icon + body + badge.
+ *
+ * @example Default (column):
+ * <CardHeader>
+ *   <CardTitle>Title</CardTitle>
+ *   <CardDescription>Description</CardDescription>
+ * </CardHeader>
+ *
+ * @example With icon and badge (row):
+ * <CardHeader row>
+ *   <CardHeaderIcon><FileText /></CardHeaderIcon>
+ *   <CardHeaderBody>
+ *     <CardTitle>Title</CardTitle>
+ *     <CardDescription>Description</CardDescription>
+ *   </CardHeaderBody>
+ *   <CardBadge><Badge>New</Badge></CardBadge>
+ * </CardHeader>
+ */
+declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
+/** Icon slot in the header — 40×40px, muted background, centered icon. */
+declare const CardHeaderIcon: React.ForwardRefExoticComponent<CardHeaderIconProps & React.RefAttributes<HTMLDivElement>>;
+/** Text area in the header — stacks CardTitle and CardDescription. */
+declare const CardHeaderBody: React.ForwardRefExoticComponent<CardHeaderBodyProps & React.RefAttributes<HTMLDivElement>>;
+/** Badge/chip in the top right corner of the header (only makes sense with row=true). */
+declare const CardBadge: React.ForwardRefExoticComponent<CardBadgeProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Card title — polymorphic, default `<h3>`.
+ *
+ * @example Page semantics:
+ * <CardTitle as="h1">Main Title</CardTitle>
+ *
+ * @example Inside section:
+ * <CardTitle as="h2">Section</CardTitle>
+ */
+declare function CardTitle<E extends React.ElementType = "h3">({ as, className, ...props }: CardTitleProps<E>): import("react/jsx-runtime").JSX.Element;
+declare namespace CardTitle {
+    var displayName: string;
+}
+/**
+ * Card description — polymorphic, default `<p>`.
+ */
+declare function CardDescription<E extends React.ElementType = "p">({ as, className, ...props }: CardDescriptionProps<E>): import("react/jsx-runtime").JSX.Element;
+declare namespace CardDescription {
+    var displayName: string;
+}
+declare const CardContent: React.ForwardRefExoticComponent<CardContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardFooter: React.ForwardRefExoticComponent<CardFooterProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * Action in the footer — `ml-auto` pushes it to the right.
+ * Accepts one or more buttons/links.
+ */
+declare const CardAction: React.ForwardRefExoticComponent<CardActionProps & React.RefAttributes<HTMLDivElement>>;
+export { Card, CardMedia, CardHeader, CardHeaderIcon, CardHeaderBody, CardBadge, CardTitle, CardDescription, CardContent, CardFooter, CardAction, };
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/card/components/card.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAiB/B,OAAO,KAAK,EACV,SAAS,EACT,eAAe,EACf,mBAAmB,EACnB,mBAAmB,EACnB,cAAc,EACd,cAAc,EACd,oBAAoB,EACpB,gBAAgB,EAChB,eAAe,EACf,eAAe,EACf,cAAc,EACf,MAAM,UAAU,CAAC;AAIlB;;;;;;;;;;;;;;;;;GAiBG;AACH,QAAA,MAAM,IAAI,kFAQT,CAAC;AAKF;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,SAAS,uFAcd,CAAC;AAKF;;;;;;;;;;;;;;;;;;GAkBG;AACH,QAAA,MAAM,UAAU,wFAQf,CAAC;AAGF,0EAA0E;AAC1E,QAAA,MAAM,cAAc,4FAInB,CAAC;AAGF,sEAAsE;AACtE,QAAA,MAAM,cAAc,4FAInB,CAAC;AAGF,yFAAyF;AACzF,QAAA,MAAM,SAAS,uFAId,CAAC;AAKF;;;;;;;;GAQG;AACH,iBAAS,SAAS,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,EAAE,EACrD,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,cAAc,CAAC,CAAC,CAAC,2CAGnB;kBAPQ,SAAS;;;AAYlB;;GAEG;AACH,iBAAS,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,EAAE,EAC1D,EAAE,EACF,SAAS,EACT,GAAG,KAAK,EACT,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAGzB;kBAPQ,eAAe;;;AAYxB,QAAA,MAAM,WAAW,yFAIhB,CAAC;AAGF,QAAA,MAAM,UAAU,wFAIf,CAAC;AAGF;;;GAGG;AACH,QAAA,MAAM,UAAU,wFAIf,CAAC;AAKF,OAAO,EACL,IAAI,EACJ,SAAS,EACT,UAAU,EACV,cAAc,EACd,cAAc,EACd,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,UAAU,EACV,UAAU,GACX,CAAC"}

package/dist/components/molecules/card/components/card.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var utils = require('../../../../lib/utils');
+var variants = require('../variants');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+const Card = React__namespace.forwardRef(
+  ({ className, variant, elevation, interactive, fullWidth, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(variants.cardVariants({ variant, elevation, interactive, fullWidth }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardMedia = React__namespace.forwardRef(
+  ({ className, aspect = "aspect-video", src, alt, children, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(variants.cardMediaClasses, aspect, className),
+      ...props,
+      children: src ? /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: alt ?? "", className: variants.cardMediaImgClasses }) : children
+    }
+  )
+);
+CardMedia.displayName = "CardMedia";
+const CardHeader = React__namespace.forwardRef(
+  ({ className, row, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      ref,
+      className: utils.cn(row ? variants.cardHeaderRowClasses : variants.cardHeaderClasses, className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardHeaderIcon = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardHeaderIconClasses, className), ...props })
+);
+CardHeaderIcon.displayName = "CardHeaderIcon";
+const CardHeaderBody = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardHeaderBodyClasses, className), ...props })
+);
+CardHeaderBody.displayName = "CardHeaderBody";
+const CardBadge = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardBadgeClasses, className), ...props })
+);
+CardBadge.displayName = "CardBadge";
+function CardTitle({
+  as,
+  className,
+  ...props
+}) {
+  const Comp = as ?? "h3";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: utils.cn(variants.cardTitleClasses, className), ...props });
+}
+CardTitle.displayName = "CardTitle";
+function CardDescription({
+  as,
+  className,
+  ...props
+}) {
+  const Comp = as ?? "p";
+  return /* @__PURE__ */ jsxRuntime.jsx(Comp, { className: utils.cn(variants.cardDescriptionClasses, className), ...props });
+}
+CardDescription.displayName = "CardDescription";
+const CardContent = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardContentClasses, className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardFooterClasses, className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+const CardAction = React__namespace.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: utils.cn(variants.cardActionClasses, className), ...props })
+);
+CardAction.displayName = "CardAction";
+
+exports.Card = Card;
+exports.CardAction = CardAction;
+exports.CardBadge = CardBadge;
+exports.CardContent = CardContent;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter;
+exports.CardHeader = CardHeader;
+exports.CardHeaderBody = CardHeaderBody;
+exports.CardHeaderIcon = CardHeaderIcon;
+exports.CardMedia = CardMedia;
+exports.CardTitle = CardTitle;

package/dist/components/molecules/card/components/card.mjs

@@ -0,0 +1,83 @@
+import { jsx } from 'react/jsx-runtime';
+import * as React from 'react';
+import { cn } from '../../../../lib/utils';
+import { cardVariants, cardMediaImgClasses, cardMediaClasses, cardHeaderRowClasses, cardHeaderClasses, cardHeaderIconClasses, cardHeaderBodyClasses, cardBadgeClasses, cardContentClasses, cardFooterClasses, cardActionClasses, cardTitleClasses, cardDescriptionClasses } from '../variants';
+
+const Card = React.forwardRef(
+  ({ className, variant, elevation, interactive, fullWidth, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardVariants({ variant, elevation, interactive, fullWidth }), className),
+      ...props
+    }
+  )
+);
+Card.displayName = "Card";
+const CardMedia = React.forwardRef(
+  ({ className, aspect = "aspect-video", src, alt, children, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(cardMediaClasses, aspect, className),
+      ...props,
+      children: src ? /* @__PURE__ */ jsx("img", { src, alt: alt ?? "", className: cardMediaImgClasses }) : children
+    }
+  )
+);
+CardMedia.displayName = "CardMedia";
+const CardHeader = React.forwardRef(
+  ({ className, row, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(row ? cardHeaderRowClasses : cardHeaderClasses, className),
+      ...props
+    }
+  )
+);
+CardHeader.displayName = "CardHeader";
+const CardHeaderIcon = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardHeaderIconClasses, className), ...props })
+);
+CardHeaderIcon.displayName = "CardHeaderIcon";
+const CardHeaderBody = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardHeaderBodyClasses, className), ...props })
+);
+CardHeaderBody.displayName = "CardHeaderBody";
+const CardBadge = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardBadgeClasses, className), ...props })
+);
+CardBadge.displayName = "CardBadge";
+function CardTitle({
+  as,
+  className,
+  ...props
+}) {
+  const Comp = as ?? "h3";
+  return /* @__PURE__ */ jsx(Comp, { className: cn(cardTitleClasses, className), ...props });
+}
+CardTitle.displayName = "CardTitle";
+function CardDescription({
+  as,
+  className,
+  ...props
+}) {
+  const Comp = as ?? "p";
+  return /* @__PURE__ */ jsx(Comp, { className: cn(cardDescriptionClasses, className), ...props });
+}
+CardDescription.displayName = "CardDescription";
+const CardContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardContentClasses, className), ...props })
+);
+CardContent.displayName = "CardContent";
+const CardFooter = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardFooterClasses, className), ...props })
+);
+CardFooter.displayName = "CardFooter";
+const CardAction = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn(cardActionClasses, className), ...props })
+);
+CardAction.displayName = "CardAction";
+
+export { Card, CardAction, CardBadge, CardContent, CardDescription, CardFooter, CardHeader, CardHeaderBody, CardHeaderIcon, CardMedia, CardTitle };

package/dist/components/molecules/card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './components/card';
+export * from './variants';
+export * from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC"}

package/dist/components/molecules/card/index.js

@@ -0,0 +1,26 @@
+'use strict';
+
+var card = require('./components/card');
+var variants = require('./variants');
+var types = require('./types');
+
+
+
+Object.keys(card).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return card[k]; }
+	});
+});
+Object.keys(variants).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return variants[k]; }
+	});
+});
+Object.keys(types).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return types[k]; }
+	});
+});

package/dist/components/molecules/card/index.mjs

@@ -0,0 +1,3 @@
+export * from './components/card';
+export * from './variants';
+export * from './types';

package/dist/components/molecules/card/types.d.ts

@@ -0,0 +1,53 @@
+import * as React from "react";
+import type { VariantProps } from "class-variance-authority";
+import type { cardVariants } from "./variants";
+/**
+ * Polymorphic props for CardTitle and CardDescription.
+ * Allows switching the HTML element while keeping the correct attributes.
+ *
+ * @example <CardTitle as="h1"> — on pages where the card is the main content
+ * @example <CardTitle as="h2"> — in sections with multiple cards
+ */
+export type PolymorphicProps<E extends React.ElementType> = {
+    as?: E;
+} & Omit<React.ComponentPropsWithoutRef<E>, "as">;
+export interface CardProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof cardVariants> {
+}
+export interface CardHeaderProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * When `true`, the header uses an inline layout (flex-row):
+     *   [icon] [title + description]   [badge]
+     *
+     * Automatically activated when there is a `CardHeaderIcon` among the children.
+     * Can be forced via prop for custom layouts.
+     */
+    row?: boolean;
+}
+/** Icon slot in the header — use with any SVG/Lucide or avatar component. */
+export type CardHeaderIconProps = React.HTMLAttributes<HTMLDivElement>;
+/** Text area in the header — stacks title and description. */
+export type CardHeaderBodyProps = React.HTMLAttributes<HTMLDivElement>;
+/** Badge/chip in the top right corner of the header — accepts any ReactNode. */
+export type CardBadgeProps = React.HTMLAttributes<HTMLDivElement>;
+/** Polymorphic — default `h3`. */
+export type CardTitleProps<E extends React.ElementType = "h3"> = PolymorphicProps<E>;
+/** Polymorphic — default `p`. */
+export type CardDescriptionProps<E extends React.ElementType = "p"> = PolymorphicProps<E>;
+export type CardContentProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardFooterProps = React.HTMLAttributes<HTMLDivElement>;
+export type CardActionProps = React.HTMLAttributes<HTMLDivElement>;
+export interface CardMediaProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Media area aspect ratio via Tailwind aspect-* class.
+     * @default "aspect-video"
+     */
+    aspect?: "aspect-video" | "aspect-square" | "aspect-[4/3]" | (string & {});
+    /**
+     * When provided, renders an internal `<img>` with `object-cover`.
+     * Alternative to placing an `<img>` as children.
+     */
+    src?: string;
+    /** Alt text when `src` is defined. */
+    alt?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/molecules/card/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI/C;;;;;;GAMG;AACH,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,IAAI;IACxD,EAAE,CAAC,EAAE,CAAC,CAAC;CACV,GAAG,IAAI,CAAC,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAIlD,MAAM,WAAW,SACb,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC5C,YAAY,CAAC,OAAO,YAAY,CAAC;CAAI;AAIzC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE;;;;;;OAMG;IACH,GAAG,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,6EAA6E;AAC7E,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,8DAA8D;AAC9D,MAAM,MAAM,mBAAmB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAEvE,gFAAgF;AAChF,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAElE,kCAAkC;AAClC,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,IAAI,IACzD,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAExB,iCAAiC;AACjC,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,KAAK,CAAC,WAAW,GAAG,GAAG,IAC9D,gBAAgB,CAAC,CAAC,CAAC,CAAC;AAExB,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACpE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AACnE,MAAM,MAAM,eAAe,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;AAInE,MAAM,WAAW,cAAe,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;;OAGG;IACH,MAAM,CAAC,EAAE,cAAc,GAAG,eAAe,GAAG,cAAc,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IAE3E;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,sCAAsC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;CAChB"}

package/dist/components/molecules/card/types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/card/types.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/card/validations.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=validations.d.ts.map

package/dist/components/molecules/card/validations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"validations.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/validations.ts"],"names":[],"mappings":""}

package/dist/components/molecules/card/validations.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/card/validations.mjs

@@ -0,0 +1 @@
+

package/dist/components/molecules/card/variants.d.ts

@@ -0,0 +1,51 @@
+/**
+ * `variant` and `elevation` are orthogonal — any combination is valid.
+ *
+ * variant:
+ *   outlined → visible border, bg-card background    (default)
+ *   ghost    → no border, bg-muted/50 background      (integrated into layout)
+ *   filled   → no border, solid bg-muted background   (secondary emphasis)
+ *
+ * elevation:
+ *   none → no shadow
+ *   sm   → shadow-sm
+ *   md   → shadow-md
+ *   lg   → shadow-lg
+ *
+ * interactive:
+ *   1px hover lift + shadow-md + focus ring.
+ *   Use on clickable cards (navigation, selection, dashboards).
+ *   rounded-none — DS flat standard.
+ */
+export declare const cardVariants: (props?: ({
+    variant?: "ghost" | "filled" | "outlined" | null | undefined;
+    elevation?: "none" | "sm" | "md" | "lg" | null | undefined;
+    interactive?: boolean | null | undefined;
+    fullWidth?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+/**
+ * Header: flex-col by default.
+ * When there's an icon/badge, the layout changes to flex-row via CardHeader internally.
+ */
+export declare const cardHeaderClasses = "flex flex-col gap-1.5 p-6";
+export declare const cardHeaderRowClasses = "flex flex-row items-start gap-3 p-6";
+/** Icon slot in the header — fixed dimension, centered. */
+export declare const cardHeaderIconClasses = "flex size-10 shrink-0 items-center justify-center bg-muted [&>svg]:size-5 [&>svg]:text-muted-foreground";
+/** Text area in the header (title + description stacked). */
+export declare const cardHeaderBodyClasses = "flex min-w-0 flex-1 flex-col gap-1";
+/** Badge/chip in the top right corner of the header. */
+export declare const cardBadgeClasses = "ml-auto shrink-0 self-start";
+export declare const cardTitleClasses = "font-semibold leading-none tracking-tight";
+export declare const cardDescriptionClasses = "text-sm text-muted-foreground";
+export declare const cardContentClasses = "p-6 pt-0";
+export declare const cardFooterClasses = "flex items-center p-6 pt-0";
+/** ml-auto pushes CardAction to the right within the footer. */
+export declare const cardActionClasses = "ml-auto flex items-center gap-2";
+/**
+ * Media area above the CardHeader.
+ * overflow-hidden ensures children (img, video) respect the Card's rounded corners.
+ * aspect-video is the default; override with className="aspect-square" etc.
+ */
+export declare const cardMediaClasses = "overflow-hidden";
+export declare const cardMediaImgClasses = "h-full w-full object-cover";
+//# sourceMappingURL=variants.d.ts.map

package/dist/components/molecules/card/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/card/variants.ts"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,YAAY;;;;;8EAsCxB,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,8BAA8B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,wCAAwC,CAAC;AAE1E,2DAA2D;AAC3D,eAAO,MAAM,qBAAqB,4GACyE,CAAC;AAE5G,6DAA6D;AAC7D,eAAO,MAAM,qBAAqB,uCAAuC,CAAC;AAE1E,wDAAwD;AACxD,eAAO,MAAM,gBAAgB,gCACE,CAAC;AAEhC,eAAO,MAAM,gBAAgB,8CAA8C,CAAC;AAC5E,eAAO,MAAM,sBAAsB,kCAAkC,CAAC;AACtE,eAAO,MAAM,kBAAkB,aAAa,CAAC;AAC7C,eAAO,MAAM,iBAAiB,+BAA+B,CAAC;AAE9D,gEAAgE;AAChE,eAAO,MAAM,iBAAiB,oCAAoC,CAAC;AAInE;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,oBAAoB,CAAC;AAClD,eAAO,MAAM,mBAAmB,+BAA+B,CAAC"}

package/dist/components/molecules/card/variants.js

@@ -0,0 +1,69 @@
+'use strict';
+
+var classVarianceAuthority = require('class-variance-authority');
+
+const cardVariants = classVarianceAuthority.cva(
+  [
+    "rounded-none text-card-foreground",
+    "outline-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        outlined: "border border-border bg-card",
+        ghost: "bg-muted/50",
+        filled: "bg-muted"
+      },
+      elevation: {
+        none: "",
+        sm: "shadow-sm",
+        md: "shadow-md",
+        lg: "shadow-lg"
+      },
+      interactive: {
+        true: [
+          "cursor-pointer select-none",
+          "transition-[transform,box-shadow] duration-150",
+          "hover:-translate-y-px hover:shadow-md",
+          "focus-visible:ring-[3px] focus-visible:ring-ring/50",
+          "active:translate-y-0 active:shadow-sm"
+        ].join(" ")
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "outlined",
+      elevation: "none",
+      interactive: false,
+      fullWidth: false
+    }
+  }
+);
+const cardHeaderClasses = "flex flex-col gap-1.5 p-6";
+const cardHeaderRowClasses = "flex flex-row items-start gap-3 p-6";
+const cardHeaderIconClasses = "flex size-10 shrink-0 items-center justify-center bg-muted [&>svg]:size-5 [&>svg]:text-muted-foreground";
+const cardHeaderBodyClasses = "flex min-w-0 flex-1 flex-col gap-1";
+const cardBadgeClasses = "ml-auto shrink-0 self-start";
+const cardTitleClasses = "font-semibold leading-none tracking-tight";
+const cardDescriptionClasses = "text-sm text-muted-foreground";
+const cardContentClasses = "p-6 pt-0";
+const cardFooterClasses = "flex items-center p-6 pt-0";
+const cardActionClasses = "ml-auto flex items-center gap-2";
+const cardMediaClasses = "overflow-hidden";
+const cardMediaImgClasses = "h-full w-full object-cover";
+
+exports.cardActionClasses = cardActionClasses;
+exports.cardBadgeClasses = cardBadgeClasses;
+exports.cardContentClasses = cardContentClasses;
+exports.cardDescriptionClasses = cardDescriptionClasses;
+exports.cardFooterClasses = cardFooterClasses;
+exports.cardHeaderBodyClasses = cardHeaderBodyClasses;
+exports.cardHeaderClasses = cardHeaderClasses;
+exports.cardHeaderIconClasses = cardHeaderIconClasses;
+exports.cardHeaderRowClasses = cardHeaderRowClasses;
+exports.cardMediaClasses = cardMediaClasses;
+exports.cardMediaImgClasses = cardMediaImgClasses;
+exports.cardTitleClasses = cardTitleClasses;
+exports.cardVariants = cardVariants;

package/dist/components/molecules/card/variants.mjs

@@ -0,0 +1,55 @@
+import { cva } from 'class-variance-authority';
+
+const cardVariants = cva(
+  [
+    "rounded-none text-card-foreground",
+    "outline-none"
+  ].join(" "),
+  {
+    variants: {
+      variant: {
+        outlined: "border border-border bg-card",
+        ghost: "bg-muted/50",
+        filled: "bg-muted"
+      },
+      elevation: {
+        none: "",
+        sm: "shadow-sm",
+        md: "shadow-md",
+        lg: "shadow-lg"
+      },
+      interactive: {
+        true: [
+          "cursor-pointer select-none",
+          "transition-[transform,box-shadow] duration-150",
+          "hover:-translate-y-px hover:shadow-md",
+          "focus-visible:ring-[3px] focus-visible:ring-ring/50",
+          "active:translate-y-0 active:shadow-sm"
+        ].join(" ")
+      },
+      fullWidth: {
+        true: "w-full"
+      }
+    },
+    defaultVariants: {
+      variant: "outlined",
+      elevation: "none",
+      interactive: false,
+      fullWidth: false
+    }
+  }
+);
+const cardHeaderClasses = "flex flex-col gap-1.5 p-6";
+const cardHeaderRowClasses = "flex flex-row items-start gap-3 p-6";
+const cardHeaderIconClasses = "flex size-10 shrink-0 items-center justify-center bg-muted [&>svg]:size-5 [&>svg]:text-muted-foreground";
+const cardHeaderBodyClasses = "flex min-w-0 flex-1 flex-col gap-1";
+const cardBadgeClasses = "ml-auto shrink-0 self-start";
+const cardTitleClasses = "font-semibold leading-none tracking-tight";
+const cardDescriptionClasses = "text-sm text-muted-foreground";
+const cardContentClasses = "p-6 pt-0";
+const cardFooterClasses = "flex items-center p-6 pt-0";
+const cardActionClasses = "ml-auto flex items-center gap-2";
+const cardMediaClasses = "overflow-hidden";
+const cardMediaImgClasses = "h-full w-full object-cover";
+
+export { cardActionClasses, cardBadgeClasses, cardContentClasses, cardDescriptionClasses, cardFooterClasses, cardHeaderBodyClasses, cardHeaderClasses, cardHeaderIconClasses, cardHeaderRowClasses, cardMediaClasses, cardMediaImgClasses, cardTitleClasses, cardVariants };

package/dist/components/molecules/collapsible/collapsible.d.ts

@@ -0,0 +1,2 @@
+export * from "./components/collapsible";
+//# sourceMappingURL=collapsible.d.ts.map

package/dist/components/molecules/collapsible/collapsible.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/collapsible/collapsible.tsx"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC"}

package/dist/components/molecules/collapsible/collapsible.js

@@ -0,0 +1,12 @@
+'use strict';
+
+var collapsible = require('./components/collapsible');
+
+
+
+Object.keys(collapsible).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return collapsible[k]; }
+	});
+});

package/dist/components/molecules/collapsible/collapsible.mjs

@@ -0,0 +1 @@
+export * from './components/collapsible';

package/dist/components/molecules/collapsible/collapsible.types.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=collapsible.types.d.ts.map

package/dist/components/molecules/collapsible/collapsible.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/collapsible/collapsible.types.ts"],"names":[],"mappings":""}

package/dist/components/molecules/collapsible/collapsible.types.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/components/molecules/collapsible/collapsible.types.mjs

@@ -0,0 +1 @@
+