kitunga-web 0.1.78

package/dist/features/buttons/components/Btns/Button.d.ts

@@ -0,0 +1,32 @@
+import { type ReactNode } from 'react';
+type ButtonCommonProps = {
+    children?: ReactNode;
+    text?: ReactNode;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    variant?: 'primary' | 'secondary' | 'secondaryGhost' | 'danger' | 'outline' | 'dangerGradient';
+    size?: 'sm' | 'md' | 'lg';
+    disabled?: boolean;
+    loading?: boolean;
+    onClick?: () => void;
+    className?: string;
+    shape?: 'default' | 'round';
+};
+type ButtonAsButtonProps = ButtonCommonProps & {
+    as?: 'button';
+    type?: 'button' | 'submit';
+    href?: never;
+    target?: never;
+    rel?: never;
+};
+type ButtonAsLinkProps = ButtonCommonProps & {
+    as: 'link';
+    href: string;
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    rel?: string;
+    type?: never;
+};
+export type ButtonProps = ButtonAsButtonProps | ButtonAsLinkProps;
+export default function Button({ children, text, leftIcon, rightIcon, variant, size, disabled, loading, onClick, className, shape, as, type, ...rest }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Button.d.ts.map

package/dist/features/buttons/components/Btns/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/features/buttons/components/Btns/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAA0B,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAG/D,KAAK,iBAAiB,GAAG;IACvB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,gBAAgB,GAAG,QAAQ,GAAG,SAAS,GAAG,gBAAgB,CAAC;IAC/F,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,GAAG,OAAO,CAAC;CAC7B,CAAC;AAEF,KAAK,mBAAmB,GAAG,iBAAiB,GAAG;IAC7C,EAAE,CAAC,EAAE,QAAQ,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,KAAK,CAAC;IACf,GAAG,CAAC,EAAE,KAAK,CAAC;CACb,CAAC;AAEF,KAAK,iBAAiB,GAAG,iBAAiB,GAAG;IAC3C,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG,iBAAiB,CAAC;AAElE,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC7B,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAmB,EACnB,IAAW,EACX,QAAgB,EAChB,OAAe,EACf,OAAO,EACP,SAAc,EACd,KAAiB,EACjB,EAAa,EACb,IAAe,EACf,GAAG,IAAI,EACR,EAAE,WAAW,2CAuEb"}

package/dist/features/buttons/components/Btns/Button.js

@@ -0,0 +1,50 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from 'next/link';
+import styles from './Button.module.css';
+export default function Button(_a) {
+    var { children, text, leftIcon, rightIcon, variant = 'primary', size = 'md', disabled = false, loading = false, onClick, className = '', shape = 'default', as = 'button', type = 'button' } = _a, rest = __rest(_a, ["children", "text", "leftIcon", "rightIcon", "variant", "size", "disabled", "loading", "onClick", "className", "shape", "as", "type"]);
+    const content = text !== null && text !== void 0 ? text : children;
+    const isRound = shape === 'round';
+    const roundSizeClass = isRound
+        ? size === 'sm'
+            ? styles.roundSm
+            : size === 'lg'
+                ? styles.roundLg
+                : styles.roundMd
+        : '';
+    const buttonClasses = [
+        styles.button,
+        styles[variant],
+        styles[size],
+        isRound && styles.round,
+        roundSizeClass,
+        disabled && styles.disabled,
+        loading && styles.loading,
+        className
+    ].filter(Boolean).join(' ');
+    const contentNode = loading ? (_jsxs("div", { className: styles.loader, children: [_jsx("div", { className: styles.spinner }), _jsx("span", { className: styles.label, children: content })] })) : (_jsxs("span", { className: styles.content, children: [leftIcon ? _jsx("span", { className: styles.icon, children: leftIcon }) : null, _jsx("span", { className: styles.label, children: content }), rightIcon ? _jsx("span", { className: styles.icon, children: rightIcon }) : null] }));
+    if (as === 'link') {
+        const { href, target, rel } = rest;
+        const handleLinkClick = (event) => {
+            if (disabled || loading) {
+                event.preventDefault();
+                return;
+            }
+            onClick === null || onClick === void 0 ? void 0 : onClick();
+        };
+        return (_jsx(Link, { href: href, target: target, rel: rel, className: buttonClasses, "aria-disabled": disabled || loading, tabIndex: disabled || loading ? -1 : undefined, onClick: handleLinkClick, children: contentNode }));
+    }
+    return (_jsx("button", { type: type, className: buttonClasses, onClick: onClick, disabled: disabled || loading, children: contentNode }));
+}
+//# sourceMappingURL=Button.js.map

package/dist/features/buttons/components/Btns/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/features/buttons/components/Btns/Button.tsx"],"names":[],"mappings":"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"}

package/dist/features/buttons/components/Btns/Button.module.css

@@ -0,0 +1,205 @@
+.button {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm);
+  border: none;
+  border-radius: var(--radius-sm);
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--transition-fast);
+  text-decoration: none;
+  font-family: inherit;
+  max-width: 100%;
+  overflow: hidden;
+}
+
+.content {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--spacing-sm);
+  min-width: 0;
+  overflow: hidden;
+}
+
+.label {
+  display: block;
+  text-align: center;
+  line-height: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.button:focus {
+  outline: 2px solid var(--color-primary);
+  outline-offset: 2px;
+}
+
+
+/* Variants */
+.primary {
+  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+  color: white;
+  padding: var(--spacing-sm-md) var(--spacing-md);
+}
+
+.primary:hover:not(:disabled) {
+  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
+}
+
+.secondary {
+  background-color: var(--bg-surface-secondary);
+  color: var(--text-primary);
+  border: 1px solid var(--border-divider);
+  padding: var(--spacing-sm-md) var(--spacing-md);
+}
+
+.secondary:hover:not(:disabled) {
+  background-color: var(--bg-hover-normal);
+}
+
+.secondaryGhost {
+  background-color: var(--bg-surface-secondary);
+  color: var(--text-primary);
+  border: none;
+  padding: var(--spacing-sm-md) var(--spacing-md);
+}
+
+.secondaryGhost:hover:not(:disabled) {
+  background-color: var(--bg-hover-normal);
+}
+
+.danger {
+  background-color: var(--color-error);
+  color: white;
+  padding: var(--spacing-sm-md) var(--spacing-md);
+}
+
+.danger:hover:not(:disabled) {
+  background-color: #dc2626;
+}
+
+
+.outline {
+  background-color: transparent;
+  color: var(--color-primary);
+  border: none;
+  padding: var(--spacing-sm-md) var(--spacing-md);
+  position: relative;
+}
+
+.outline::before {
+  content: '';
+  position: absolute;
+  inset: 0;
+  padding: 2px;
+  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+  border-radius: inherit;
+  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+  mask-composite: xor;
+  -webkit-mask-composite: xor;
+  pointer-events: none;
+}
+
+.outline:hover:not(:disabled) {
+  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
+  color: white;
+}
+
+.outline:hover:not(:disabled)::before {
+  background: linear-gradient(135deg, #1d4ed8, #1e3a8a);
+}
+
+.round {
+  border-radius: 50%;
+  padding: 0;
+  overflow: visible;
+  max-width: none;
+}
+
+.round .content {
+  overflow: visible;
+}
+
+.round .label:empty {
+  display: none;
+}
+
+.roundSm {
+  width: 35px;
+  min-width: 35px;
+  height: 35px;
+}
+
+.roundMd {
+  width: 40px;
+  min-width: 40px;
+  height: 40px;
+}
+
+.roundLg {
+  width: 45px;
+  min-width: 45px;
+  height: 45px;
+}
+
+/* Sizes */
+.sm {
+  padding: var(--spacing-sm) var(--spacing-md);
+  font-size: 0.875rem;
+  height: 35px;
+}
+
+.md {
+  height: 40px;
+  padding: var(--spacing-sm-md) var(--spacing-md);
+  font-size: 0.95rem;
+}
+
+.lg {
+  height: 45px;
+  font-size: 1rem;
+  padding: var(--spacing-md);
+}
+
+/* States */
+.disabled {
+  opacity: 0.6;
+  cursor: auto;
+}
+
+.loading {
+  cursor: wait;
+}
+
+.loader {
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-sm);
+}
+
+.spinner {
+  width: 16px;
+  height: 16px;
+  border: 2px solid transparent;
+  border-top: 2px solid currentColor;
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}

package/dist/features/data-display/components/Cards/ChartCard.d.ts

@@ -0,0 +1,9 @@
+interface ChartCardProps {
+    title: string;
+    children: React.ReactNode;
+    className?: string;
+    headerRight?: React.ReactNode;
+}
+export default function ChartCard({ title, children, className, headerRight }: ChartCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ChartCard.d.ts.map

package/dist/features/data-display/components/Cards/ChartCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/ChartCard.tsx"],"names":[],"mappings":"AAIA,UAAU,cAAc;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAc,EAAE,WAAW,EAAE,EAAE,cAAc,2CAYjG"}

package/dist/features/data-display/components/Cards/ChartCard.js

@@ -0,0 +1,7 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import styles from './ChartCard.module.css';
+export default function ChartCard({ title, children, className = '', headerRight }) {
+    return (_jsxs("div", { className: `${styles.card} ${className}`, children: [_jsxs("div", { className: styles.header, children: [_jsx("h3", { className: styles.title, children: title }), headerRight] }), _jsx("div", { className: styles.content, children: children })] }));
+}
+//# sourceMappingURL=ChartCard.js.map

package/dist/features/data-display/components/Cards/ChartCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartCard.js","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/ChartCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAS5C,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,WAAW,EAAkB;IAChG,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,SAAS,EAAE,aAC3C,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EACxC,WAAW,IACR,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,OAAO,YAC3B,QAAQ,GACL,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/features/data-display/components/Cards/ChartCard.module.css

@@ -0,0 +1,27 @@
+.card {
+  background: white;
+  border-radius: var(--radius-sm);
+  padding: var(--spacing-md);
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  border: 1px solid #e5e7eb;
+  height: 100%;
+}
+
+.header {
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-md);
+}
+
+.title {
+  font-size: 18px;
+  font-weight: 600;
+  color: #1f2937;
+  margin: 0;
+}
+
+.content {
+  height: calc(100% - 3rem);
+}

package/dist/features/data-display/components/Cards/MetricCard.d.ts

@@ -0,0 +1,11 @@
+interface MetricCardProps {
+    title: string;
+    value: string | number;
+    change?: number;
+    changeLabel?: string;
+    icon: React.ReactNode;
+    color?: 'blue' | 'green' | 'yellow' | 'red' | 'purple';
+}
+export default function MetricCard({ title, value, change, changeLabel, icon, color }: MetricCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/features/data-display/components/Cards/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/MetricCard.tsx"],"names":[],"mappings":"AAKA,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,CAAC;CACxD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAI,EACJ,KAAc,EACf,EAAE,eAAe,2CAyBjB"}

package/dist/features/data-display/components/Cards/MetricCard.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { TrendingUp, TrendingDown } from 'lucide-react';
+import styles from './MetricCard.module.css';
+export default function MetricCard({ title, value, change, changeLabel, icon, color = 'blue' }) {
+    const isPositive = change && change > 0;
+    const isNegative = change && change < 0;
+    return (_jsxs("div", { className: `${styles.card} ${styles[color]}`, children: [_jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.iconContainer, children: icon }), _jsx("div", { className: styles.title, children: title })] }), _jsx("div", { className: styles.value, children: value }), change !== undefined && (_jsxs("div", { className: `${styles.change} ${isPositive ? styles.positive : isNegative ? styles.negative : ''}`, children: [isPositive && _jsx(TrendingUp, { size: 16 }), isNegative && _jsx(TrendingDown, { size: 16 }), _jsxs("span", { children: [Math.abs(change), "%"] }), changeLabel && _jsx("span", { className: styles.changeLabel, children: changeLabel })] }))] }));
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/features/data-display/components/Cards/MetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/MetricCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,MAAM,MAAM,yBAAyB,CAAC;AAW7C,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,KAAK,EACL,KAAK,EACL,MAAM,EACN,WAAW,EACX,IAAI,EACJ,KAAK,GAAG,MAAM,EACE;IAChB,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM,GAAG,CAAC,CAAC;IACxC,MAAM,UAAU,GAAG,MAAM,IAAI,MAAM,GAAG,CAAC,CAAC;IAExC,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,KAAK,CAAC,EAAE,aAC/C,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aAC3B,cAAK,SAAS,EAAE,MAAM,CAAC,aAAa,YACjC,IAAI,GACD,EACN,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,IACvC,EAEN,cAAK,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAO,EAE1C,MAAM,KAAK,SAAS,IAAI,CACvB,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aACnG,UAAU,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,EACtC,UAAU,IAAI,KAAC,YAAY,IAAC,IAAI,EAAE,EAAE,GAAI,EACzC,2BAAO,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,SAAS,EAC/B,WAAW,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAQ,IACrE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

package/dist/features/data-display/components/Cards/MetricCard.module.css

@@ -0,0 +1,86 @@
+.card {
+  background: white;
+  border-radius: 8px;
+  padding: 1.5rem;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
+  border: 1px solid #e5e7eb;
+  transition: all 0.2s;
+}
+
+.card:hover {
+  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
+  transform: translateY(-1px);
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 1rem;
+}
+
+.iconContainer {
+  width: 40px;
+  height: 40px;
+  border-radius: 8px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+}
+
+.title {
+  font-size: 14px;
+  font-weight: 500;
+  color: #6b7280;
+  text-align: right;
+}
+
+.value {
+  font-size: 2rem;
+  font-weight: 700;
+  color: #1f2937;
+  margin-bottom: 0.5rem;
+}
+
+.change {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.positive {
+  color: #059669;
+}
+
+.negative {
+  color: #dc2626;
+}
+
+.changeLabel {
+  color: #6b7280;
+  font-weight: 400;
+}
+
+/* Color variants */
+.blue .iconContainer {
+  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
+}
+
+.green .iconContainer {
+  background: linear-gradient(135deg, #10b981, #059669);
+}
+
+.yellow .iconContainer {
+  background: linear-gradient(135deg, #f59e0b, #d97706);
+}
+
+.red .iconContainer {
+  background: linear-gradient(135deg, #ef4444, #dc2626);
+}
+
+.purple .iconContainer {
+  background: linear-gradient(135deg, #8b5cf6, #7c3aed);
+}

package/dist/features/data-display/components/Cards/StatCard.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export type StatCardValueFormat = 'default' | 'compact-number' | 'compact-currency';
+export interface StatCardProps {
+    icon: ReactNode;
+    value: string | number;
+    label: string;
+    subtext?: string;
+    className?: string;
+    isLoading?: boolean;
+    valueFormat?: StatCardValueFormat;
+    compactDecimals?: number;
+    compactCurrencySuffix?: string;
+}
+export default function StatCard({ icon, value, label, subtext, className, isLoading, valueFormat, compactDecimals, compactCurrencySuffix, }: StatCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StatCard.d.ts.map

package/dist/features/data-display/components/Cards/StatCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/StatCard.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlC,MAAM,MAAM,mBAAmB,GAAG,SAAS,GAAG,gBAAgB,GAAG,kBAAkB,CAAC;AAEpF,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,SAAS,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,mBAAmB,CAAC;IAClC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAChC;AAqBD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAc,EACd,SAAiB,EACjB,WAAuB,EACvB,eAAmB,EACnB,qBAAqB,GACtB,EAAE,aAAa,2CA8Bf"}

package/dist/features/data-display/components/Cards/StatCard.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { formatCompactCurrency, formatCompactNumber } from '@/shared/utils/formatCurrency';
+import styles from './StatCard.module.css';
+function resolveValue(params) {
+    const { value, valueFormat, compactDecimals, compactCurrencySuffix } = params;
+    if (valueFormat === 'compact-number') {
+        return formatCompactNumber(value, compactDecimals);
+    }
+    if (valueFormat === 'compact-currency') {
+        return formatCompactCurrency(value, compactCurrencySuffix, compactDecimals);
+    }
+    return value;
+}
+export default function StatCard({ icon, value, label, subtext, className = '', isLoading = false, valueFormat = 'default', compactDecimals = 1, compactCurrencySuffix, }) {
+    const resolvedValue = resolveValue({
+        value,
+        valueFormat,
+        compactDecimals,
+        compactCurrencySuffix,
+    });
+    return (_jsxs("div", { className: `${styles.statCard} ${className}`, children: [_jsx("div", { className: styles.statIcon, children: icon }), _jsxs("div", { className: styles.statContent, children: [_jsx("div", { className: styles.statValue, children: isLoading ? _jsx("span", { className: styles.skeletonValue }) : resolvedValue }), _jsxs("div", { className: styles.statContentText, children: [_jsx("div", { className: styles.statLabel, children: isLoading ? _jsx("span", { className: styles.skeletonLabel }) : label }), subtext && (_jsx("div", { className: styles.statChange, children: isLoading ? _jsx("span", { className: styles.skeletonSubtext }) : subtext }))] })] })] }));
+}
+//# sourceMappingURL=StatCard.js.map

package/dist/features/data-display/components/Cards/StatCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatCard.js","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Cards/StatCard.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAC3F,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAgB3C,SAAS,YAAY,CAAC,MAKrB;IACC,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,qBAAqB,EAAE,GAAG,MAAM,CAAC;IAE9E,IAAI,WAAW,KAAK,gBAAgB,EAAE,CAAC;QACrC,OAAO,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,CAAC;IACrD,CAAC;IAED,IAAI,WAAW,KAAK,kBAAkB,EAAE,CAAC;QACvC,OAAO,qBAAqB,CAAC,KAAK,EAAE,qBAAqB,EAAE,eAAe,CAAC,CAAC;IAC9E,CAAC;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAC/B,IAAI,EACJ,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,SAAS,EACvB,eAAe,GAAG,CAAC,EACnB,qBAAqB,GACP;IACd,MAAM,aAAa,GAAG,YAAY,CAAC;QACjC,KAAK;QACL,WAAW;QACX,eAAe;QACf,qBAAqB;KACtB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,SAAS,EAAE,aAC/C,cAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,YAC5B,IAAI,GACD,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAChC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC7B,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CAAC,CAAC,CAAC,aAAa,GAClE,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,eAAe,aACpC,cAAK,SAAS,EAAE,MAAM,CAAC,SAAS,YAC7B,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,aAAa,GAAI,CAAC,CAAC,CAAC,KAAK,GAC1D,EACL,OAAO,IAAI,CACV,cAAK,SAAS,EAAE,MAAM,CAAC,UAAU,YAC9B,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,eAAe,GAAI,CAAC,CAAC,CAAC,OAAO,GAC9D,CACP,IACG,IACF,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/features/data-display/components/Cards/StatCard.module.css

@@ -0,0 +1,98 @@
+.statCard {
+  box-shadow: var(--shadow-sm);
+  border: 1px solid var(--border-divider);
+  border-radius: var(--radius-sm);
+  padding: var(--spacing-md);
+  display: flex;
+  align-items: center;
+  gap: var(--spacing-md);
+  background-color: white;
+}
+
+.statIcon {
+  width: 40px;
+  height: 40px;
+  background: var(--bg-page);
+  border-radius: var(--radius-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  flex-shrink: 0;
+}
+
+.statContent {
+
+  overflow: hidden;
+  display: flex;
+  align-items: flex-start;
+  text-align: left;
+  gap: var(--spacing-xs);
+}
+
+.statValue {
+  font-size: 2.1rem;
+  font-weight: 700;
+  color: var(--text-primary);
+  line-height: 1.0;
+  text-align: left;
+}
+
+.statContentText {
+  display: flex;
+  flex-direction: column;
+  margin-top: -2px;
+}
+
+.statLabel {
+  font-size: 0.875rem;
+  color: var(--text-secondary);
+  font-weight: 500;
+  text-align: left;
+}
+
+.statChange {
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--text-tertiary);
+  text-align: left;
+  line-height: 1.0;
+}
+
+.skeletonValue {
+  display: inline-block;
+  width: 40px;
+  height: 26px;
+  border-radius: 8px;
+  background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.10) 37%, rgba(0,0,0,0.06) 63%);
+  background-size: 400% 100%;
+  animation: statcard-shimmer 1.2s ease-in-out infinite;
+}
+
+.skeletonSubtext {
+  display: inline-block;
+  width: 86px;
+  height: 9px;
+  border-radius: 6px;
+  background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.10) 37%, rgba(0,0,0,0.06) 63%);
+  background-size: 400% 100%;
+  animation: statcard-shimmer 1.2s ease-in-out infinite;
+  margin-top: -15px;
+}
+
+.skeletonLabel {
+  display: inline-block;
+  width: 72px;
+  height: 9px;
+  border-radius: 6px;
+  background: linear-gradient(90deg, rgba(0,0,0,0.06) 25%, rgba(0,0,0,0.10) 37%, rgba(0,0,0,0.06) 63%);
+  background-size: 400% 100%;
+  animation: statcard-shimmer 1.2s ease-in-out infinite;
+  margin-top: -20px;
+}
+
+@keyframes statcard-shimmer {
+  0% { background-position: 100% 0; }
+  100% { background-position: 0 0; }
+}
+

package/dist/features/data-display/components/Table/LineItemsTable.d.ts

@@ -0,0 +1,4 @@
+import type { LineItemsTableProps } from './types/LineItemsTable';
+export type { LineItemsAction as LineItemsActionType, LineItemsCalculations as LineItemsCalculationsType, LineItemsColumn as LineItemsColumnType, LineItemsColumnType as LineItemsColumnKind, LineItemsSummaryConfig as LineItemsSummaryConfigType, LineItemsTableProps as LineItemsTablePropsType, } from './types/LineItemsTable';
+export default function LineItemsTable<T extends Record<string, any>>({ rows, columns, onAddRow, onUpdateRow, onRemoveRow, className, emptyText, addLabel, calculations, summaryConfig, }: LineItemsTableProps<T>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=LineItemsTable.d.ts.map

package/dist/features/data-display/components/Table/LineItemsTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineItemsTable.d.ts","sourceRoot":"","sources":["../../../../../src/features/data-display/components/Table/LineItemsTable.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAOV,mBAAmB,EACpB,MAAM,wBAAwB,CAAC;AAEhC,YAAY,EACV,eAAe,IAAI,mBAAmB,EACtC,qBAAqB,IAAI,yBAAyB,EAClD,eAAe,IAAI,mBAAmB,EACtC,mBAAmB,IAAI,mBAAmB,EAC1C,sBAAsB,IAAI,0BAA0B,EACpD,mBAAmB,IAAI,uBAAuB,GAC/C,MAAM,wBAAwB,CAAC;AAwEhC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,EACpE,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAc,EACd,SAAuB,EACvB,QAA8B,EAC9B,YAAY,EACZ,aAAa,GACd,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAkVxB"}