@wealthx/shadcn 1.4.0 → 1.5.0

package/dist/components/ui/income-work-details.mjs

@@ -0,0 +1,28 @@
+import {
+  IncomeWorkDetails
+} from "../../chunk-2QNOPXMQ.mjs";
+import "../../chunk-KAD26MCC.mjs";
+import "../../chunk-GTAVSBDO.mjs";
+import "../../chunk-YEWNFK5S.mjs";
+import "../../chunk-R2ON6CAN.mjs";
+import "../../chunk-JTK6VJXY.mjs";
+import "../../chunk-MXP2RX2V.mjs";
+import "../../chunk-ISUA7DSB.mjs";
+import "../../chunk-IKXYTCSB.mjs";
+import "../../chunk-3VDET466.mjs";
+import "../../chunk-FFXTQTB4.mjs";
+import "../../chunk-P7CEBZM6.mjs";
+import "../../chunk-OWFQSXVD.mjs";
+import "../../chunk-6QAFGZC2.mjs";
+import "../../chunk-LBTHZSBT.mjs";
+import "../../chunk-WDTXHLYM.mjs";
+import "../../chunk-S4CTM3UE.mjs";
+import "../../chunk-UNACI2YK.mjs";
+import "../../chunk-MN5NYQCL.mjs";
+import "../../chunk-NOOEKOWY.mjs";
+import "../../chunk-R4HCRDU5.mjs";
+import "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+export {
+  IncomeWorkDetails
+};

package/dist/components/ui/incoming-outgoings-card.js

@@ -0,0 +1,218 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/ui/incoming-outgoings-card.tsx
+var incoming_outgoings_card_exports = {};
+__export(incoming_outgoings_card_exports, {
+  IncomingOutgoingsCard: () => IncomingOutgoingsCard
+});
+module.exports = __toCommonJS(incoming_outgoings_card_exports);
+var import_lucide_react = require("lucide-react");
+
+// src/lib/utils.ts
+var import_clsx = require("clsx");
+var import_tailwind_merge = require("tailwind-merge");
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      "font-size": [
+        {
+          text: [
+            "display-large",
+            "display-medium",
+            "display-small",
+            "h1",
+            "h2",
+            "h3",
+            "h4",
+            "h5",
+            "h6",
+            "body-large",
+            "body-medium",
+            "body-small",
+            "label-large",
+            "label-medium",
+            "label-small",
+            "button",
+            "button-xs",
+            "caption",
+            "overline",
+            "code"
+          ]
+        }
+      ]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge((0, import_clsx.clsx)(inputs));
+}
+
+// src/components/ui/card.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function Card(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "flex flex-col gap-6 border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      "data-slot": "card"
+    }, props)
+  );
+}
+function CardHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadValues({
+      className: cn(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-center gap-2 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        className
+      ),
+      "data-slot": "card-header"
+    }, props)
+  );
+}
+function CardTitle(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("text-label-large", className),
+      "data-slot": "card-title"
+    }, props)
+  );
+}
+function CardContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    __spreadValues({
+      className: cn("px-6", className),
+      "data-slot": "card-content"
+    }, props)
+  );
+}
+
+// src/lib/format-currency.ts
+function formatCurrency(value, options) {
+  const { decimals = 0, showSign = false } = options != null ? options : {};
+  const abs = Math.abs(value);
+  const formatted = new Intl.NumberFormat("en-AU", {
+    style: "currency",
+    currency: "AUD",
+    minimumFractionDigits: decimals,
+    maximumFractionDigits: decimals
+  }).format(abs);
+  if (!showSign) return value < 0 ? `-${formatted}` : formatted;
+  if (value > 0) return `+${formatted}`;
+  if (value < 0) return `-${formatted}`;
+  return formatted;
+}
+
+// src/components/ui/incoming-outgoings-card.tsx
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var ICON_MAP = {
+  "Total Income": import_lucide_react.TrendingUp,
+  "Living Expenses": import_lucide_react.Home,
+  "Lifestyle Expenses": import_lucide_react.ShoppingBag,
+  "Debt Repayments": import_lucide_react.CreditCard,
+  "Surplus Income & Savings": import_lucide_react.PiggyBank,
+  "Over Spending": import_lucide_react.TrendingDown
+};
+function IncomingOutgoingsCard({
+  items,
+  title = "Incoming and outgoings",
+  className
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(Card, { className: cn("h-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CardHeader, { className: "pb-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CardTitle, { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(CardContent, { className: "flex flex-col gap-5", children: items.map((item) => {
+      const Icon = ICON_MAP[item.label];
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "flex items-center gap-1.5 text-sm text-foreground", children: [
+            Icon && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              Icon,
+              {
+                size: 16,
+                className: "shrink-0",
+                style: { color: item.color }
+              }
+            ),
+            item.label
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "shrink-0 text-sm font-medium text-foreground", children: formatCurrency(item.value) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+          "div",
+          {
+            className: "h-1.5 w-full overflow-hidden",
+            style: { background: item.bgColor },
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              "div",
+              {
+                className: "h-full transition-all",
+                style: {
+                  background: item.color,
+                  width: `${Math.min(100, Math.max(0, item.pct))}%`
+                }
+              }
+            )
+          }
+        )
+      ] }, item.label);
+    }) })
+  ] });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  IncomingOutgoingsCard
+});

package/dist/components/ui/incoming-outgoings-card.mjs

@@ -0,0 +1,82 @@
+import {
+  Card,
+  CardContent,
+  CardHeader,
+  CardTitle
+} from "../../chunk-3VDET466.mjs";
+import {
+  formatCurrency
+} from "../../chunk-MN5NYQCL.mjs";
+import {
+  cn
+} from "../../chunk-AFML43VJ.mjs";
+import "../../chunk-WNQUEZJF.mjs";
+
+// src/components/ui/incoming-outgoings-card.tsx
+import {
+  TrendingUp,
+  Home,
+  ShoppingBag,
+  CreditCard,
+  PiggyBank,
+  TrendingDown
+} from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var ICON_MAP = {
+  "Total Income": TrendingUp,
+  "Living Expenses": Home,
+  "Lifestyle Expenses": ShoppingBag,
+  "Debt Repayments": CreditCard,
+  "Surplus Income & Savings": PiggyBank,
+  "Over Spending": TrendingDown
+};
+function IncomingOutgoingsCard({
+  items,
+  title = "Incoming and outgoings",
+  className
+}) {
+  if (!(items == null ? void 0 : items.length)) return null;
+  return /* @__PURE__ */ jsxs(Card, { className: cn("h-full", className), children: [
+    /* @__PURE__ */ jsx(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx(CardTitle, { className: "text-xs font-semibold uppercase tracking-wider text-muted-foreground", children: title }) }),
+    /* @__PURE__ */ jsx(CardContent, { className: "flex flex-col gap-5", children: items.map((item) => {
+      const Icon = ICON_MAP[item.label];
+      return /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxs("span", { className: "flex items-center gap-1.5 text-sm text-foreground", children: [
+            Icon && /* @__PURE__ */ jsx(
+              Icon,
+              {
+                size: 16,
+                className: "shrink-0",
+                style: { color: item.color }
+              }
+            ),
+            item.label
+          ] }),
+          /* @__PURE__ */ jsx("span", { className: "shrink-0 text-sm font-medium text-foreground", children: formatCurrency(item.value) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "h-1.5 w-full overflow-hidden",
+            style: { background: item.bgColor },
+            "aria-hidden": "true",
+            children: /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: "h-full transition-all",
+                style: {
+                  background: item.color,
+                  width: `${Math.min(100, Math.max(0, item.pct))}%`
+                }
+              }
+            )
+          }
+        )
+      ] }, item.label);
+    }) })
+  ] });
+}
+export {
+  IncomingOutgoingsCard
+};