@libreapps/ui 5.4.1

package/dist/finance/OrderEntry.js

@@ -0,0 +1,131 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function OrderEntry({
+  symbol,
+  accountBalance,
+  onPlaceOrder,
+  disabled = false
+}) {
+  const [orderType, setOrderType] = react.useState("market");
+  const [orderSide, setOrderSide] = react.useState("buy");
+  const [shares, setShares] = react.useState("");
+  const [limitPrice, setLimitPrice] = react.useState("");
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  }, "getTickerFromSymbol");
+  const handlePlaceOrder = /* @__PURE__ */ __name(() => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  }, "handlePlaceOrder");
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("buy"),
+          disabled,
+          className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+          children: "Buy"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("sell"),
+          disabled,
+          className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "sell" ? "bg-danger text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+          children: "Sell"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOrderType("market"),
+            disabled,
+            className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "market" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+            children: "Market"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: () => setOrderType("limit"),
+            disabled,
+            className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "limit" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+            children: "Limit"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: shares,
+          onChange: (e) => setShares(e.target.value),
+          disabled,
+          className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
+          placeholder: "0"
+        }
+      )
+    ] }),
+    orderType === "limit" && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "input",
+        {
+          type: "number",
+          value: limitPrice,
+          onChange: (e) => setLimitPrice(e.target.value),
+          disabled,
+          className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
+          placeholder: "0.00",
+          step: "0.01"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        onClick: handlePlaceOrder,
+        disabled: disabled || !shares || orderType === "limit" && !limitPrice,
+        className: `w-full py-3 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success hover:bg-success/90 text-white" : "bg-danger hover:bg-danger/90 text-white"} disabled:opacity-50 disabled:cursor-not-allowed`,
+        children: [
+          orderSide === "buy" ? "Buy" : "Sell",
+          " ",
+          getTickerFromSymbol(symbol)
+        ]
+      }
+    )
+  ] });
+}
+__name(OrderEntry, "OrderEntry");
+
+exports.OrderEntry = OrderEntry;

package/dist/finance/OrderEntry.mjs

@@ -0,0 +1,129 @@
+"use client";
+import { useState } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function OrderEntry({
+  symbol,
+  accountBalance,
+  onPlaceOrder,
+  disabled = false
+}) {
+  const [orderType, setOrderType] = useState("market");
+  const [orderSide, setOrderSide] = useState("buy");
+  const [shares, setShares] = useState("");
+  const [limitPrice, setLimitPrice] = useState("");
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  }, "getTickerFromSymbol");
+  const handlePlaceOrder = /* @__PURE__ */ __name(() => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  }, "handlePlaceOrder");
+  return /* @__PURE__ */ jsxs("div", { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsx("div", { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("buy"),
+          disabled,
+          className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+          children: "Buy"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => setOrderSide("sell"),
+          disabled,
+          className: `py-2.5 rounded-lg font-semibold transition-all ${orderSide === "sell" ? "bg-danger text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+          children: "Sell"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOrderType("market"),
+            disabled,
+            className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "market" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+            children: "Market"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: () => setOrderType("limit"),
+            disabled,
+            className: `py-2 rounded-lg text-sm font-medium transition-all ${orderType === "limit" ? "bg-white/10 text-white" : "bg-white/5 text-white/60 hover:bg-white/10"} disabled:opacity-50 disabled:cursor-not-allowed`,
+            children: "Limit"
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: shares,
+          onChange: (e) => setShares(e.target.value),
+          disabled,
+          className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
+          placeholder: "0"
+        }
+      )
+    ] }),
+    orderType === "limit" && /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("label", { className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsx(
+        "input",
+        {
+          type: "number",
+          value: limitPrice,
+          onChange: (e) => setLimitPrice(e.target.value),
+          disabled,
+          className: "w-full bg-white/5 border border-white/10 rounded-lg px-4 py-2.5 text-white focus:outline-none focus:border-success disabled:opacity-50 disabled:cursor-not-allowed",
+          placeholder: "0.00",
+          step: "0.01"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: handlePlaceOrder,
+        disabled: disabled || !shares || orderType === "limit" && !limitPrice,
+        className: `w-full py-3 rounded-lg font-semibold transition-all ${orderSide === "buy" ? "bg-success hover:bg-success/90 text-white" : "bg-danger hover:bg-danger/90 text-white"} disabled:opacity-50 disabled:cursor-not-allowed`,
+        children: [
+          orderSide === "buy" ? "Buy" : "Sell",
+          " ",
+          getTickerFromSymbol(symbol)
+        ]
+      }
+    )
+  ] });
+}
+__name(OrderEntry, "OrderEntry");
+
+export { OrderEntry };

package/dist/finance/OrdersHistory.js

@@ -0,0 +1,64 @@
+"use client";
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function OrdersHistory({ orders, onCancelOrder, onOrderClick }) {
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
+    return symbol.split(":")[1] || symbol;
+  }, "getTickerFromSymbol");
+  if (orders.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No orders yet" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-2", children: orders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: `bg-white/5 rounded-lg p-3 ${onOrderClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+      onClick: () => onOrderClick?.(order),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(order.symbol) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-white/60", children: new Date(order.timestamp).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: `text-xs px-2 py-1 rounded ${order.status === "filled" ? "bg-success/20 text-success" : order.status === "cancelled" ? "bg-white/10 text-white/60" : order.status === "pending" ? "bg-yellow-500/20 text-yellow-400" : "bg-blue-500/20 text-blue-400"}`, children: order.status.charAt(0).toUpperCase() + order.status.slice(1) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-3 gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Side" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: `font-medium ${order.type === "buy" ? "text-success" : "text-danger"}`, children: order.type.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Shares" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: order.shares })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Price" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: order.price > 0 ? `$${order.price.toFixed(2)}` : "Market" })
+          ] })
+        ] }),
+        order.orderType && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "mt-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60", children: "Type: " }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white font-medium", children: order.orderType.charAt(0).toUpperCase() + order.orderType.slice(1) })
+        ] }),
+        order.status === "open" && onCancelOrder && /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              onCancelOrder(order.id);
+            },
+            className: "w-full mt-2 py-1.5 text-xs bg-white/5 hover:bg-white/10 text-white/80 rounded transition-colors",
+            children: "Cancel Order"
+          }
+        )
+      ]
+    },
+    order.id
+  )) });
+}
+__name(OrdersHistory, "OrdersHistory");
+
+exports.OrdersHistory = OrdersHistory;

package/dist/finance/OrdersHistory.mjs

@@ -0,0 +1,62 @@
+"use client";
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function OrdersHistory({ orders, onCancelOrder, onOrderClick }) {
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
+    return symbol.split(":")[1] || symbol;
+  }, "getTickerFromSymbol");
+  if (orders.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No orders yet" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "p-4 space-y-2", children: orders.map((order) => /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: `bg-white/5 rounded-lg p-3 ${onOrderClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+      onClick: () => onOrderClick?.(order),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(order.symbol) }),
+            /* @__PURE__ */ jsx("div", { className: "text-xs text-white/60", children: new Date(order.timestamp).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: `text-xs px-2 py-1 rounded ${order.status === "filled" ? "bg-success/20 text-success" : order.status === "cancelled" ? "bg-white/10 text-white/60" : order.status === "pending" ? "bg-yellow-500/20 text-yellow-400" : "bg-blue-500/20 text-blue-400"}`, children: order.status.charAt(0).toUpperCase() + order.status.slice(1) })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-3 gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Side" }),
+            /* @__PURE__ */ jsx("div", { className: `font-medium ${order.type === "buy" ? "text-success" : "text-danger"}`, children: order.type.toUpperCase() })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Shares" }),
+            /* @__PURE__ */ jsx("div", { className: "text-white font-medium", children: order.shares })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Price" }),
+            /* @__PURE__ */ jsx("div", { className: "text-white font-medium", children: order.price > 0 ? `$${order.price.toFixed(2)}` : "Market" })
+          ] })
+        ] }),
+        order.orderType && /* @__PURE__ */ jsxs("div", { className: "mt-2 text-xs", children: [
+          /* @__PURE__ */ jsx("span", { className: "text-white/60", children: "Type: " }),
+          /* @__PURE__ */ jsx("span", { className: "text-white font-medium", children: order.orderType.charAt(0).toUpperCase() + order.orderType.slice(1) })
+        ] }),
+        order.status === "open" && onCancelOrder && /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation();
+              onCancelOrder(order.id);
+            },
+            className: "w-full mt-2 py-1.5 text-xs bg-white/5 hover:bg-white/10 text-white/80 rounded transition-colors",
+            children: "Cancel Order"
+          }
+        )
+      ]
+    },
+    order.id
+  )) });
+}
+__name(OrdersHistory, "OrdersHistory");
+
+export { OrdersHistory };

package/dist/finance/PositionsList.js

@@ -0,0 +1,80 @@
+"use client";
+'use strict';
+
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function PositionsList({ positions, onPositionClick }) {
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
+    return symbol.split(":")[1] || symbol;
+  }, "getTickerFromSymbol");
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm", children: "No open positions" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 space-y-2", children: positions.map((position) => {
+    const pl = (position.currentPrice - position.avgPrice) * position.shares;
+    const plPercent = (position.currentPrice - position.avgPrice) / position.avgPrice * 100;
+    const totalValue = position.currentPrice * position.shares;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: `bg-white/5 rounded-lg p-3 ${onPositionClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+        onClick: () => onPositionClick?.(position),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(position.symbol) }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex items-center gap-1 text-sm ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
+              pl >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingUp, { size: 14 }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.TrendingDown, { size: 14 }),
+              pl >= 0 ? "+" : "",
+              plPercent.toFixed(2),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Shares" }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white font-medium", children: position.shares })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Avg Price" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                position.avgPrice.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Current Price" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                position.currentPrice.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-white/60", children: "Total Value" }),
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                totalValue.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mt-2 pt-2 border-t border-white/10", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex justify-between items-center text-xs", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-white/60", children: "P&L" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("span", { className: `font-semibold ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
+              pl >= 0 ? "+" : "",
+              "$",
+              pl.toFixed(2)
+            ] })
+          ] }) })
+        ]
+      },
+      position.symbol
+    );
+  }) });
+}
+__name(PositionsList, "PositionsList");
+
+exports.PositionsList = PositionsList;

package/dist/finance/PositionsList.mjs

@@ -0,0 +1,78 @@
+"use client";
+import { TrendingUp, TrendingDown } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function PositionsList({ positions, onPositionClick }) {
+  const getTickerFromSymbol = /* @__PURE__ */ __name((symbol) => {
+    return symbol.split(":")[1] || symbol;
+  }, "getTickerFromSymbol");
+  if (positions.length === 0) {
+    return /* @__PURE__ */ jsx("div", { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsx("p", { className: "text-sm", children: "No open positions" }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "p-4 space-y-2", children: positions.map((position) => {
+    const pl = (position.currentPrice - position.avgPrice) * position.shares;
+    const plPercent = (position.currentPrice - position.avgPrice) / position.avgPrice * 100;
+    const totalValue = position.currentPrice * position.shares;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: `bg-white/5 rounded-lg p-3 ${onPositionClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+        onClick: () => onPositionClick?.(position),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-2", children: [
+            /* @__PURE__ */ jsx("div", { className: "font-semibold text-white", children: getTickerFromSymbol(position.symbol) }),
+            /* @__PURE__ */ jsxs("div", { className: `flex items-center gap-1 text-sm ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
+              pl >= 0 ? /* @__PURE__ */ jsx(TrendingUp, { size: 14 }) : /* @__PURE__ */ jsx(TrendingDown, { size: 14 }),
+              pl >= 0 ? "+" : "",
+              plPercent.toFixed(2),
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Shares" }),
+              /* @__PURE__ */ jsx("div", { className: "text-white font-medium", children: position.shares })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Avg Price" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                position.avgPrice.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2 text-xs mt-2 pt-2 border-t border-white/10", children: [
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Current Price" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                position.currentPrice.toFixed(2)
+              ] })
+            ] }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("div", { className: "text-white/60", children: "Total Value" }),
+              /* @__PURE__ */ jsxs("div", { className: "text-white font-medium", children: [
+                "$",
+                totalValue.toFixed(2)
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 pt-2 border-t border-white/10", children: /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center text-xs", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-white/60", children: "P&L" }),
+            /* @__PURE__ */ jsxs("span", { className: `font-semibold ${pl >= 0 ? "text-success" : "text-danger"}`, children: [
+              pl >= 0 ? "+" : "",
+              "$",
+              pl.toFixed(2)
+            ] })
+          ] }) })
+        ]
+      },
+      position.symbol
+    );
+  }) });
+}
+__name(PositionsList, "PositionsList");
+
+export { PositionsList };

package/dist/finance/StockScreener.js

@@ -0,0 +1,46 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function StockScreener() {
+  const container = react.useRef(null);
+  react.useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      market: "america",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "most_capitalized",
+      isTransparent: false,
+      locale: "en",
+      colorTheme: "dark",
+      width: "100%",
+      height: 550
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "tradingview-widget-container__widget" }) });
+}
+__name(StockScreener, "StockScreener");
+var StockScreener_default = react.memo(StockScreener);
+
+module.exports = StockScreener_default;

package/dist/finance/StockScreener.mjs

@@ -0,0 +1,44 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+function StockScreener() {
+  const container = useRef(null);
+  useEffect(() => {
+    if (!container.current) return;
+    if (container.current.dataset.initialized === "true") {
+      return;
+    }
+    container.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-screener.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      market: "america",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "most_capitalized",
+      isTransparent: false,
+      locale: "en",
+      colorTheme: "dark",
+      width: "100%",
+      height: 550
+    });
+    container.current.appendChild(script);
+    return () => {
+      if (container.current) {
+        delete container.current.dataset.initialized;
+        const scripts = container.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, []);
+  return /* @__PURE__ */ jsx("div", { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx("div", { className: "tradingview-widget-container__widget" }) });
+}
+__name(StockScreener, "StockScreener");
+var StockScreener_default = memo(StockScreener);
+
+export { StockScreener_default as default };