@luxfi/ui 8.0.0 → 8.2.0

package/dist/empty.js

@@ -0,0 +1,110 @@
+"use client";
+import { variants, Box, cn } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+// src/empty.tsx
+function Empty({ className, ...props }) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty",
+      className: cn(
+        "flex min-w-0 flex-1 flex-col items-center justify-center gap-6 text-balance rounded-lg border-dashed p-6 text-center md:p-12",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyHeader({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-header",
+      className: cn(
+        "flex max-w-sm flex-col items-center gap-2 text-center",
+        className
+      ),
+      ...props
+    }
+  );
+}
+var emptyMediaVariants = variants(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        icon: "bg-muted text-foreground flex size-10 shrink-0 items-center justify-center rounded-lg [&_svg:not([class*='size-'])]:size-6"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function EmptyMedia({
+  className,
+  variant = "default",
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-icon",
+      "data-variant": variant,
+      className: cn(emptyMediaVariants({ variant, className })),
+      ...props
+    }
+  );
+}
+function EmptyTitle({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-title",
+      className: cn("text-lg font-medium tracking-tight", className),
+      ...props
+    }
+  );
+}
+function EmptyDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-description",
+      className: cn(
+        "text-muted-foreground [&>a:hover]:text-primary text-sm/relaxed [&>a]:underline [&>a]:underline-offset-4",
+        className
+      ),
+      ...props
+    }
+  );
+}
+function EmptyContent({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      "data-slot": "empty-content",
+      className: cn(
+        "flex w-full min-w-0 max-w-sm flex-col items-center gap-4 text-balance text-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+export { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle };

package/dist/engine.cjs

@@ -0,0 +1,91 @@
+"use client";
+'use strict';
+
+// src/engine.ts
+var GUI_PACKAGES = [
+  "@hanzo/gui",
+  "@hanzogui/accordion",
+  "@hanzogui/adapt",
+  "@hanzogui/alert-dialog",
+  "@hanzogui/animate",
+  "@hanzogui/animate-presence",
+  "@hanzogui/avatar",
+  "@hanzogui/button",
+  "@hanzogui/card",
+  "@hanzogui/checkbox",
+  "@hanzogui/collapsible",
+  "@hanzogui/component-helpers",
+  "@hanzogui/compose-refs",
+  "@hanzogui/config",
+  "@hanzogui/context-menu",
+  "@hanzogui/core",
+  "@hanzogui/create-context",
+  "@hanzogui/create-menu",
+  "@hanzogui/dialog",
+  "@hanzogui/dismissable",
+  "@hanzogui/element",
+  "@hanzogui/elements",
+  "@hanzogui/floating",
+  "@hanzogui/focus-scope",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/get-token",
+  "@hanzogui/group",
+  "@hanzogui/helpers",
+  "@hanzogui/image",
+  "@hanzogui/input",
+  "@hanzogui/label",
+  "@hanzogui/list-item",
+  "@hanzogui/menu",
+  "@hanzogui/popover",
+  "@hanzogui/popper",
+  "@hanzogui/portal",
+  "@hanzogui/progress",
+  "@hanzogui/radio-group",
+  "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
+  "@hanzogui/scroll-view",
+  "@hanzogui/select",
+  "@hanzogui/separator",
+  "@hanzogui/shapes",
+  "@hanzogui/sheet",
+  "@hanzogui/slider",
+  "@hanzogui/spacer",
+  "@hanzogui/spinner",
+  "@hanzogui/stacks",
+  "@hanzogui/switch",
+  "@hanzogui/tabs",
+  "@hanzogui/text",
+  "@hanzogui/theme",
+  "@hanzogui/toast",
+  "@hanzogui/toggle-group",
+  "@hanzogui/tooltip",
+  "@hanzogui/use-controllable-state",
+  "@hanzogui/use-debounce",
+  "@hanzogui/use-force-update",
+  "@hanzogui/use-presence",
+  "@hanzogui/use-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@hanzogui/z-index-stack",
+  "@luxfi/ui"
+];
+var GUI_DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+var ENGINE_DEDUPE = [
+  "react",
+  "react-dom",
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+
+exports.ALIASABLE = ALIASABLE;
+exports.ENGINE_DEDUPE = ENGINE_DEDUPE;
+exports.GUI_DEFINES = GUI_DEFINES;
+exports.GUI_PACKAGES = GUI_PACKAGES;

package/dist/engine.js

@@ -0,0 +1,86 @@
+"use client";
+// src/engine.ts
+var GUI_PACKAGES = [
+  "@hanzo/gui",
+  "@hanzogui/accordion",
+  "@hanzogui/adapt",
+  "@hanzogui/alert-dialog",
+  "@hanzogui/animate",
+  "@hanzogui/animate-presence",
+  "@hanzogui/avatar",
+  "@hanzogui/button",
+  "@hanzogui/card",
+  "@hanzogui/checkbox",
+  "@hanzogui/collapsible",
+  "@hanzogui/component-helpers",
+  "@hanzogui/compose-refs",
+  "@hanzogui/config",
+  "@hanzogui/context-menu",
+  "@hanzogui/core",
+  "@hanzogui/create-context",
+  "@hanzogui/create-menu",
+  "@hanzogui/dialog",
+  "@hanzogui/dismissable",
+  "@hanzogui/element",
+  "@hanzogui/elements",
+  "@hanzogui/floating",
+  "@hanzogui/focus-scope",
+  "@hanzogui/font-size",
+  "@hanzogui/form",
+  "@hanzogui/get-token",
+  "@hanzogui/group",
+  "@hanzogui/helpers",
+  "@hanzogui/image",
+  "@hanzogui/input",
+  "@hanzogui/label",
+  "@hanzogui/list-item",
+  "@hanzogui/menu",
+  "@hanzogui/popover",
+  "@hanzogui/popper",
+  "@hanzogui/portal",
+  "@hanzogui/progress",
+  "@hanzogui/radio-group",
+  "@hanzogui/react-native-media-driver",
+  "@hanzogui/remove-scroll",
+  "@hanzogui/scroll-view",
+  "@hanzogui/select",
+  "@hanzogui/separator",
+  "@hanzogui/shapes",
+  "@hanzogui/sheet",
+  "@hanzogui/slider",
+  "@hanzogui/spacer",
+  "@hanzogui/spinner",
+  "@hanzogui/stacks",
+  "@hanzogui/switch",
+  "@hanzogui/tabs",
+  "@hanzogui/text",
+  "@hanzogui/theme",
+  "@hanzogui/toast",
+  "@hanzogui/toggle-group",
+  "@hanzogui/tooltip",
+  "@hanzogui/use-controllable-state",
+  "@hanzogui/use-debounce",
+  "@hanzogui/use-force-update",
+  "@hanzogui/use-presence",
+  "@hanzogui/use-window-dimensions",
+  "@hanzogui/visually-hidden",
+  "@hanzogui/web",
+  "@hanzogui/z-index-stack",
+  "@luxfi/ui"
+];
+var GUI_DEFINES = {
+  "process.env.EXPO_OS": JSON.stringify("web"),
+  "process.env.IS_WEB": JSON.stringify("true")
+};
+var ENGINE_DEDUPE = [
+  "react",
+  "react-dom",
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+var ALIASABLE = [
+  "@tanstack/react-query",
+  ...GUI_PACKAGES
+];
+
+export { ALIASABLE, ENGINE_DEDUPE, GUI_DEFINES, GUI_PACKAGES };

package/dist/field.cjs

@@ -2,6 +2,7 @@
 'use strict';
 
 var gui = require('@hanzo/gui');
+var ui = require('@hanzo/ui');
 var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -80,7 +81,7 @@ var Field = React__namespace.forwardRef(
           flexDirection: "row",
           gap: 4,
           color: "var(--color-input-placeholder)",
-          className: "lux-field-float",
+          ...ui.sx("lux-field-float"),
           children: [
             label,
             /* @__PURE__ */ jsxRuntime.jsx(Marks, { required, optionalText, errorText })

package/dist/field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAqBrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACxF,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAcD,eAAO,MAAM,KAAK,mFA2FjB,CAAC"}
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../src/field.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAqBrD,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,eAAe,CAAC,CAAC;IACxF,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,KAAK,CAAC;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;IAC5B,QAAQ,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACtC;AAcD,eAAO,MAAM,KAAK,mFA2FjB,CAAC"}

package/dist/field.js

@@ -1,5 +1,6 @@
 "use client";
-import { YStack, Label, Text } from '@hanzo/gui';
+import { Label, YStack, Text } from '@hanzo/gui';
+import { sx } from '@hanzo/ui';
 import * as React from 'react';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -58,7 +59,7 @@ var Field = React.forwardRef(
           flexDirection: "row",
           gap: 4,
           color: "var(--color-input-placeholder)",
-          className: "lux-field-float",
+          ...sx("lux-field-float"),
           children: [
             label,
             /* @__PURE__ */ jsx(Marks, { required, optionalText, errorText })

package/dist/financials.cjs

@@ -0,0 +1,66 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function Financials({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  height = "500",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false,
+  displayMode = "adaptive",
+  largeChartUrl = ""
+}) {
+  const containerRef = react.useRef(null);
+  react.useEffect(() => {
+    if (!containerRef.current) return;
+    if (containerRef.current.dataset.initialized === "true") {
+      return;
+    }
+    containerRef.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-financials.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme,
+      isTransparent,
+      largeChartUrl,
+      displayMode,
+      width,
+      height,
+      symbol,
+      locale
+    });
+    containerRef.current.appendChild(script);
+    return () => {
+      if (containerRef.current) {
+        delete containerRef.current.dataset.initialized;
+        const scripts = containerRef.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [
+    symbol,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    displayMode,
+    largeChartUrl
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ui.Box,
+    {
+      className: "tradingview-widget-container w-full h-[500px]",
+      ref: containerRef,
+      children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+
+module.exports = Financials;

package/dist/financials.d.ts

@@ -0,0 +1,12 @@
+export interface FinancialsProps {
+    symbol?: string;
+    width?: string | number;
+    height?: string | number;
+    locale?: string;
+    colorTheme?: "light" | "dark";
+    isTransparent?: boolean;
+    displayMode?: "regular" | "compact" | "adaptive";
+    largeChartUrl?: string;
+}
+export default function Financials({ symbol, width, height, locale, colorTheme, isTransparent, displayMode, largeChartUrl, }: FinancialsProps): import("react").JSX.Element;
+//# sourceMappingURL=financials.d.ts.map

package/dist/financials.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"financials.d.ts","sourceRoot":"","sources":["../src/financials.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,UAAU,CAAA;IAChD,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,MAAsB,EACtB,KAAc,EACd,MAAc,EACd,MAAa,EACb,UAAmB,EACnB,aAAqB,EACrB,WAAwB,EACxB,aAAkB,GACnB,EAAE,eAAe,+BA2DjB"}

package/dist/financials.js

@@ -0,0 +1,64 @@
+"use client";
+import { useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function Financials({
+  symbol = "NASDAQ:AAPL",
+  width = "100%",
+  height = "500",
+  locale = "en",
+  colorTheme = "dark",
+  isTransparent = false,
+  displayMode = "adaptive",
+  largeChartUrl = ""
+}) {
+  const containerRef = useRef(null);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    if (containerRef.current.dataset.initialized === "true") {
+      return;
+    }
+    containerRef.current.dataset.initialized = "true";
+    const script = document.createElement("script");
+    script.src = "https://s3.tradingview.com/external-embedding/embed-widget-financials.js";
+    script.async = true;
+    script.innerHTML = JSON.stringify({
+      colorTheme,
+      isTransparent,
+      largeChartUrl,
+      displayMode,
+      width,
+      height,
+      symbol,
+      locale
+    });
+    containerRef.current.appendChild(script);
+    return () => {
+      if (containerRef.current) {
+        delete containerRef.current.dataset.initialized;
+        const scripts = containerRef.current.querySelectorAll("script");
+        scripts.forEach((s) => s.remove());
+      }
+    };
+  }, [
+    symbol,
+    width,
+    height,
+    locale,
+    colorTheme,
+    isTransparent,
+    displayMode,
+    largeChartUrl
+  ]);
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className: "tradingview-widget-container w-full h-[500px]",
+      ref: containerRef,
+      children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget h-full" })
+    }
+  );
+}
+
+export { Financials as default };

package/dist/forex-screener.cjs

@@ -0,0 +1,44 @@
+"use client";
+'use strict';
+
+var react = require('react');
+var ui = require('@hanzo/ui');
+var jsxRuntime = require('react/jsx-runtime');
+
+function ForexScreener() {
+  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: "forex",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "general",
+      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(ui.Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "tradingview-widget-container__widget" }) });
+}
+var forex_screener_default = react.memo(ForexScreener);
+
+module.exports = forex_screener_default;

package/dist/forex-screener.d.ts

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

package/dist/forex-screener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"forex-screener.d.ts","sourceRoot":"","sources":["../src/forex-screener.tsx"],"names":[],"mappings":"AAKA,iBAAS,aAAa,gCAkDrB"}

package/dist/forex-screener.js

@@ -0,0 +1,42 @@
+"use client";
+import { memo, useRef, useEffect } from 'react';
+import { Box } from '@hanzo/ui';
+import { jsx } from 'react/jsx-runtime';
+
+function ForexScreener() {
+  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: "forex",
+      showToolbar: true,
+      defaultColumn: "overview",
+      defaultScreen: "general",
+      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(Box, { className: "tradingview-widget-container w-full", ref: container, children: /* @__PURE__ */ jsx(Box, { className: "tradingview-widget-container__widget" }) });
+}
+var forex_screener_default = memo(ForexScreener);
+
+export { forex_screener_default as default };

package/dist/gantt.cjs

@@ -0,0 +1,65 @@
+"use client";
+'use strict';
+
+var React = require('react');
+var ui = require('@hanzo/ui');
+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);
+
+var Gantt = React__namespace.forwardRef(
+  ({ className, tasks = [], ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ui.Box,
+      {
+        ref,
+        className: ui.cn(
+          "rounded-lg border bg-card text-card-foreground shadow-sm",
+          className
+        ),
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "p-6", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "space-y-4", children: tasks.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex items-center justify-center p-8", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "p", className: "text-sm text-muted-foreground", children: "No tasks available. Add tasks to display Gantt chart." }) }) : tasks.map((task) => /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "space-y-2", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { tag: "span", className: "font-medium", children: task.name }),
+            /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { tag: "span", className: "text-muted-foreground", children: [
+              task.progress ?? 0,
+              "%"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "h-8 rounded-md bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
+            ui.Box,
+            {
+              className: "h-full rounded-md bg-primary",
+              style: { width: `${task.progress ?? 0}%` }
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsxs(ui.Box, { className: "flex justify-between text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: task.start.toLocaleDateString() }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: task.end.toLocaleDateString() })
+          ] })
+        ] }, task.id)) }) })
+      }
+    );
+  }
+);
+Gantt.displayName = "Gantt";
+
+exports.Gantt = Gantt;

package/dist/gantt.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+export interface GanttProps extends React.HTMLAttributes<HTMLDivElement> {
+    tasks?: Array<{
+        id: string;
+        name: string;
+        start: Date;
+        end: Date;
+        progress?: number;
+    }>;
+}
+declare const Gantt: React.ForwardRefExoticComponent<GanttProps & React.RefAttributes<HTMLDivElement>>;
+export { Gantt };
+//# sourceMappingURL=gantt.d.ts.map

package/dist/gantt.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gantt.d.ts","sourceRoot":"","sources":["../src/gantt.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,KAAK,CAAC,EAAE,KAAK,CAAC;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,IAAI,CAAA;QACX,GAAG,EAAE,IAAI,CAAA;QACT,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAC,CAAA;CACH;AAED,QAAA,MAAM,KAAK,mFA8CV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,CAAA"}