@luxfi/ui 8.0.0 → 8.1.0

package/dist/native-select.cjs

@@ -0,0 +1,82 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+var lucideReact = require('lucide-react');
+var jsxRuntime = require('react/jsx-runtime');
+
+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);
+
+// src/native-select.tsx
+var NativeSelect = React__namespace.forwardRef(
+  ({ className, size = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.Box,
+      {
+        className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        "data-slot": "native-select-wrapper",
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "select",
+            {
+              ref,
+              "data-slot": "native-select",
+              "data-size": size,
+              className: ui.cn(
+                "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1",
+                "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+                "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+                className
+              ),
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            lucideReact.ChevronDown,
+            {
+              style: ui.css("text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"),
+              "aria-hidden": "true",
+              "data-slot": "native-select-icon"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NativeSelect.displayName = "NativeSelect";
+var NativeSelectOption = React__namespace.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx("option", { ref, "data-slot": "native-select-option", ...props }));
+NativeSelectOption.displayName = "NativeSelectOption";
+var NativeSelectOptGroup = React__namespace.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsx(
+  "optgroup",
+  {
+    ref,
+    "data-slot": "native-select-optgroup",
+    className: ui.cn(className),
+    ...props
+  }
+));
+NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
+
+exports.NativeSelect = NativeSelect;
+exports.NativeSelectOptGroup = NativeSelectOptGroup;
+exports.NativeSelectOption = NativeSelectOption;

package/dist/native-select.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+export interface NativeSelectProps extends Omit<React.ComponentProps<"select">, "size"> {
+    size?: "sm" | "default";
+}
+declare const NativeSelect: React.ForwardRefExoticComponent<Omit<NativeSelectProps, "ref"> & React.RefAttributes<HTMLSelectElement>>;
+declare const NativeSelectOption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement>, "ref"> & React.RefAttributes<HTMLOptionElement>>;
+declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.OptgroupHTMLAttributes<HTMLOptGroupElement>, HTMLOptGroupElement>, "ref"> & React.RefAttributes<HTMLOptGroupElement>>;
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };
+//# sourceMappingURL=native-select.d.ts.map

package/dist/native-select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-select.d.ts","sourceRoot":"","sources":["../src/native-select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,MAAM,WAAW,iBACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;IACpD,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;CACxB;AAED,QAAA,MAAM,YAAY,0GA2BjB,CAAA;AAGD,QAAA,MAAM,kBAAkB,kLAKtB,CAAA;AAGF,QAAA,MAAM,oBAAoB,0LAUxB,CAAA;AAGF,OAAO,EAAE,YAAY,EAAE,oBAAoB,EAAE,kBAAkB,EAAE,CAAA"}

package/dist/native-select.js

@@ -0,0 +1,58 @@
+"use client";
+import * as React from 'react';
+import { Box, cn, css } from '@hanzo/ui';
+import { ChevronDown } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+// src/native-select.tsx
+var NativeSelect = React.forwardRef(
+  ({ className, size = "default", ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        className: "group/native-select relative w-fit has-[select:disabled]:opacity-50",
+        "data-slot": "native-select-wrapper",
+        children: [
+          /* @__PURE__ */ jsx(
+            "select",
+            {
+              ref,
+              "data-slot": "native-select",
+              "data-size": size,
+              className: cn(
+                "border-input placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 dark:hover:bg-input/50 h-9 w-full min-w-0 appearance-none rounded-md border bg-transparent px-3 py-2 pr-9 text-sm shadow-xs transition-[color,box-shadow] outline-none disabled:pointer-events-none disabled:cursor-not-allowed data-[size=sm]:h-8 data-[size=sm]:py-1",
+                "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
+                "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
+                className
+              ),
+              ...props
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            ChevronDown,
+            {
+              style: css("text-muted-foreground pointer-events-none absolute top-1/2 right-3.5 size-4 -translate-y-1/2 opacity-50 select-none"),
+              "aria-hidden": "true",
+              "data-slot": "native-select-icon"
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+NativeSelect.displayName = "NativeSelect";
+var NativeSelectOption = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("option", { ref, "data-slot": "native-select-option", ...props }));
+NativeSelectOption.displayName = "NativeSelectOption";
+var NativeSelectOptGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "optgroup",
+  {
+    ref,
+    "data-slot": "native-select-optgroup",
+    className: cn(className),
+    ...props
+  }
+));
+NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
+
+export { NativeSelect, NativeSelectOptGroup, NativeSelectOption };

package/dist/news-timeline.cjs

@@ -0,0 +1,42 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function NewsTimeline() {
+  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-timeline.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      displayMode: "regular",
+      feedMode: "all_symbols",
+      colorTheme: "dark",
+      isTransparent: false,
+      locale: "en",
+      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(ui.Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget" }) });
+}
+var news_timeline_default = react.memo(NewsTimeline);
+
+module.exports = news_timeline_default;

package/dist/news-timeline.d.ts

@@ -0,0 +1,4 @@
+declare function NewsTimeline(): import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof NewsTimeline>;
+export default _default;
+//# sourceMappingURL=news-timeline.d.ts.map

package/dist/news-timeline.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"news-timeline.d.ts","sourceRoot":"","sources":["../src/news-timeline.tsx"],"names":[],"mappings":"AAKA,iBAAS,YAAY,4CAgDpB;;AAED,wBAAiC"}

package/dist/news-timeline.js

@@ -0,0 +1,40 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function NewsTimeline() {
+  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-timeline.js";
+    script.type = "text/javascript";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      displayMode: "regular",
+      feedMode: "all_symbols",
+      colorTheme: "dark",
+      isTransparent: false,
+      locale: "en",
+      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(Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget" }) });
+}
+var news_timeline_default = memo(NewsTimeline);
+
+export { news_timeline_default as default };

package/dist/order-entry.cjs

@@ -0,0 +1,141 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function OrderEntry({
+  symbol = "NASDAQ:AAPL",
+  accountBalance = 1e4,
+  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 = (symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  };
+  const handlePlaceOrder = () => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Box,
+        {
+          tag: "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(
+        ui.Box,
+        {
+          tag: "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(ui.Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Box,
+          {
+            tag: "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(
+          ui.Box,
+          {
+            tag: "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(ui.Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Box,
+        {
+          tag: "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(ui.Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        ui.Box,
+        {
+          tag: "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(
+      ui.Box,
+      {
+        tag: "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)
+        ]
+      }
+    )
+  ] });
+}
+var order_entry_default = OrderEntry;
+
+exports.OrderEntry = OrderEntry;
+exports.default = order_entry_default;

package/dist/order-entry.d.ts

@@ -0,0 +1,15 @@
+export interface OrderEntryProps {
+    symbol: string;
+    accountBalance: number;
+    onPlaceOrder: (order: {
+        symbol: string;
+        side: "buy" | "sell";
+        orderType: "market" | "limit";
+        shares: number;
+        limitPrice?: number;
+    }) => void;
+    disabled?: boolean;
+}
+export declare function OrderEntry({ symbol, accountBalance, onPlaceOrder, disabled, }: Partial<OrderEntryProps>): import("react/jsx-runtime").JSX.Element;
+export default OrderEntry;
+//# sourceMappingURL=order-entry.d.ts.map

package/dist/order-entry.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"order-entry.d.ts","sourceRoot":"","sources":["../src/order-entry.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAA;IACd,cAAc,EAAE,MAAM,CAAA;IACtB,YAAY,EAAE,CAAC,KAAK,EAAE;QACpB,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;QACpB,SAAS,EAAE,QAAQ,GAAG,OAAO,CAAA;QAC7B,MAAM,EAAE,MAAM,CAAA;QACd,UAAU,CAAC,EAAE,MAAM,CAAA;KACpB,KAAK,IAAI,CAAA;IACV,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,wBAAgB,UAAU,CAAC,EACzB,MAAsB,EACtB,cAAsB,EACtB,YAAuB,EACvB,QAAgB,GACjB,EAAE,OAAO,CAAC,eAAe,CAAC,2CAwI1B;AAED,eAAe,UAAU,CAAA"}

package/dist/order-entry.js

@@ -0,0 +1,136 @@
+"use client";
+import { useState } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function OrderEntry({
+  symbol = "NASDAQ:AAPL",
+  accountBalance = 1e4,
+  onPlaceOrder = () => {
+  },
+  disabled = false
+}) {
+  const [orderType, setOrderType] = useState("market");
+  const [orderSide, setOrderSide] = useState("buy");
+  const [shares, setShares] = useState("");
+  const [limitPrice, setLimitPrice] = useState("");
+  const getTickerFromSymbol = (symbol2) => {
+    return symbol2.split(":")[1] || symbol2;
+  };
+  const handlePlaceOrder = () => {
+    if (!shares || orderType === "limit" && !limitPrice) return;
+    onPlaceOrder({
+      symbol,
+      side: orderSide,
+      orderType,
+      shares: parseInt(shares),
+      limitPrice: orderType === "limit" ? parseFloat(limitPrice) : void 0
+    });
+    setShares("");
+    setLimitPrice("");
+  };
+  return /* @__PURE__ */ jsxs(Box, { className: "p-4 space-y-4", children: [
+    /* @__PURE__ */ jsxs(Box, { className: "bg-white/5 rounded-lg p-3", children: [
+      /* @__PURE__ */ jsx(Box, { className: "text-xs text-white/60 mb-1", children: "Buying Power" }),
+      /* @__PURE__ */ jsxs(Box, { className: "text-lg font-semibold text-white", children: [
+        "$",
+        accountBalance.toLocaleString()
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Box, { className: "grid grid-cols-2 gap-2", children: [
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "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(
+        Box,
+        {
+          tag: "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(Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Order Type" }),
+      /* @__PURE__ */ jsxs(Box, { className: "grid grid-cols-2 gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            tag: "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(
+          Box,
+          {
+            tag: "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(Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Shares" }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "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(Box, { tag: "label", className: "text-xs text-white/60 mb-2 block", children: "Limit Price" }),
+      /* @__PURE__ */ jsx(
+        Box,
+        {
+          tag: "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(
+      Box,
+      {
+        tag: "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)
+        ]
+      }
+    )
+  ] });
+}
+var order_entry_default = OrderEntry;
+
+export { OrderEntry, order_entry_default as default };

package/dist/orders-history.cjs

@@ -0,0 +1,83 @@
+"use client";
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function OrdersHistory({
+  orders = [],
+  onCancelOrder,
+  onOrderClick
+}) {
+  const getTickerFromSymbol = (symbol) => {
+    return symbol.split(":")[1] || symbol;
+  };
+  if (orders.length === 0) {
+    return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 text-center py-8 text-white/40", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-sm", children: "No orders yet" }) });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-4 space-y-2", children: orders.map((order) => /* @__PURE__ */ jsxRuntime.jsxs(
+    ui.Box,
+    {
+      className: `bg-white/5 rounded-lg p-3 ${onOrderClick ? "cursor-pointer hover:bg-white/10 transition-colors" : ""}`,
+      onClick: () => onOrderClick?.(order),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-start justify-between mb-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "font-semibold text-white", children: getTickerFromSymbol(order.symbol) }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-xs text-white/60", children: new Date(order.timestamp).toLocaleString() })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Box,
+            {
+              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-[var(--lux-state-notice)]/20 text-[var(--lux-state-notice)]" : "bg-[var(--color-link-primary)]/20 text-[var(--color-link-primary)]"}`,
+              children: order.status.charAt(0).toUpperCase() + order.status.slice(1)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "grid grid-cols-3 gap-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Side" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              ui.Box,
+              {
+                className: `font-medium ${order.type === "buy" ? "text-success" : "text-danger"}`,
+                children: order.type.toUpperCase()
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Shares" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white font-medium", children: order.shares })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white/60", children: "Price" }),
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "text-white font-medium", children: order.price > 0 ? `$${order.price.toFixed(2)}` : "Market" })
+          ] })
+        ] }),
+        order.orderType && /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "mt-2 text-xs", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-white/60", children: "Type: " }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "text-white font-medium", children: order.orderType.charAt(0).toUpperCase() + order.orderType.slice(1) })
+        ] }),
+        order.status === "open" && onCancelOrder && /* @__PURE__ */ jsxRuntime.jsx(
+          ui.Box,
+          {
+            tag: "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
+  )) });
+}
+var orders_history_default = OrdersHistory;
+
+exports.OrdersHistory = OrdersHistory;
+exports.default = orders_history_default;

package/dist/orders-history.d.ts

@@ -0,0 +1,18 @@
+export interface Order {
+    id: string;
+    symbol: string;
+    type: "buy" | "sell";
+    shares: number;
+    price: number;
+    status: "open" | "filled" | "cancelled" | "pending";
+    timestamp: number;
+    orderType?: "market" | "limit";
+}
+export interface OrdersHistoryProps {
+    orders: Order[];
+    onCancelOrder?: (orderId: string) => void;
+    onOrderClick?: (order: Order) => void;
+}
+export declare function OrdersHistory({ orders, onCancelOrder, onOrderClick, }: Partial<OrdersHistoryProps>): import("react/jsx-runtime").JSX.Element;
+export default OrdersHistory;
+//# sourceMappingURL=orders-history.d.ts.map

package/dist/orders-history.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"orders-history.d.ts","sourceRoot":"","sources":["../src/orders-history.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAA;IACV,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,KAAK,GAAG,MAAM,CAAA;IACpB,MAAM,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,CAAA;IACnD,SAAS,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;CAC/B;AAED,MAAM,WAAW,kBAAkB;IACjC,MAAM,EAAE,KAAK,EAAE,CAAA;IACf,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;CACtC;AAED,wBAAgB,aAAa,CAAC,EAC5B,MAAW,EACX,aAAa,EACb,YAAY,GACb,EAAE,OAAO,CAAC,kBAAkB,CAAC,2CAwF7B;AAED,eAAe,aAAa,CAAA"}