@tampadevs/react 0.1.0

package/dist/index26.js

@@ -0,0 +1,280 @@
+import { jsxs as i, Fragment as F, jsx as t } from "react/jsx-runtime";
+import { useState as M, useEffect as S } from "react";
+import { clsx as n } from "./index28.js";
+function H({
+  title: o,
+  columns: p,
+  data: f = [],
+  tabs: r = [],
+  activeTab: x,
+  onTabChange: s,
+  compact: w = !1,
+  striped: u = !1,
+  hoverable: v = !0,
+  emptyMessage: y = "No data to display",
+  titleActions: c,
+  className: k
+}) {
+  var _, m;
+  const l = r.length > 0, [N, g] = M(((_ = r[0]) == null ? void 0 : _.id) || ""), b = x ?? N;
+  S(() => {
+    l && !b && r.length > 0 && g(r[0].id);
+  }, [l, b, r]);
+  const h = l ? ((m = r.find((e) => e.id === b)) == null ? void 0 : m.data) ?? [] : f, T = (e) => {
+    g(e), s == null || s(e);
+  }, j = (e, d) => {
+    const a = e[d.key];
+    return d.render ? d.render(a, e) : String(a ?? "—");
+  }, z = () => /* @__PURE__ */ t("div", { className: "td-table__tabs-wrapper", children: /* @__PURE__ */ t("div", { className: "td-table__tabs-scroll", children: r.map((e) => /* @__PURE__ */ i(
+    "button",
+    {
+      className: n("td-table__tab", b === e.id && "td-table__tab--active"),
+      onClick: () => T(e.id),
+      children: [
+        e.label,
+        /* @__PURE__ */ t("span", { className: "td-table__tab-badge", children: e.data.length })
+      ]
+    },
+    e.id
+  )) }) }), E = o || l || c;
+  return /* @__PURE__ */ i(F, { children: [
+    /* @__PURE__ */ i("div", { className: n("td-table", w && "td-table--compact", k), children: [
+      E && /* @__PURE__ */ i("div", { className: "td-table__header", children: [
+        o && /* @__PURE__ */ t("h2", { className: "td-table__title", children: o }),
+        l && z(),
+        c && /* @__PURE__ */ t("div", { className: "td-table__title-actions", children: c })
+      ] }),
+      h.length === 0 ? /* @__PURE__ */ t("div", { className: "td-table__empty", children: l ? "No data for this tab" : y }) : /* @__PURE__ */ t("div", { className: "td-table__wrapper", children: /* @__PURE__ */ i("table", { children: [
+        /* @__PURE__ */ t("thead", { children: /* @__PURE__ */ t("tr", { children: p.map((e) => /* @__PURE__ */ t(
+          "th",
+          {
+            className: n(
+              e.align && `td-table__align-${e.align}`,
+              e.hideOnMobile && "td-table__hide-mobile"
+            ),
+            style: e.width ? { width: e.width } : void 0,
+            children: e.label
+          },
+          e.key
+        )) }) }),
+        /* @__PURE__ */ t("tbody", { className: n(u && "td-table__striped", v && "td-table__hoverable"), children: h.map((e, d) => /* @__PURE__ */ t("tr", { children: p.map((a) => /* @__PURE__ */ t(
+          "td",
+          {
+            className: n(
+              a.align && `td-table__align-${a.align}`,
+              a.hideOnMobile && "td-table__hide-mobile"
+            ),
+            children: j(e, a)
+          },
+          a.key
+        )) }, d)) })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ t(A, {})
+  ] });
+}
+function A() {
+  return /* @__PURE__ */ t("style", { children: `
+      .td-table {
+        background: rgba(28, 36, 56, 0.8);
+        backdrop-filter: blur(12px);
+        -webkit-backdrop-filter: blur(12px);
+        border: 1px solid rgba(255, 255, 255, 0.05);
+        border-radius: 0.875rem;
+        overflow: hidden;
+        box-shadow:
+          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),
+          0 8px 24px -4px rgba(0, 0, 0, 0.15);
+      }
+
+      .td-table__header {
+        display: flex;
+        align-items: stretch;
+        min-height: 56px;
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+      }
+
+      .td-table__title {
+        display: flex;
+        align-items: center;
+        font-size: 1.25rem;
+        font-weight: 700;
+        color: white;
+        margin: 0;
+        padding: 0 1.5rem;
+        flex-shrink: 0;
+      }
+
+      .td-table__title-actions {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+        padding: 0 1.5rem;
+        margin-left: auto;
+      }
+
+      .td-table__tabs-wrapper {
+        display: flex;
+        align-items: stretch;
+        margin-left: auto;
+        flex-shrink: 0;
+      }
+
+      .td-table__tabs-scroll {
+        display: flex;
+        align-items: stretch;
+        overflow-x: auto;
+        scrollbar-width: none;
+        -ms-overflow-style: none;
+        scroll-behavior: smooth;
+      }
+
+      .td-table__tabs-scroll::-webkit-scrollbar {
+        display: none;
+      }
+
+      .td-table__tab {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.5rem;
+        padding: 0 1.25rem;
+        font-size: 0.875rem;
+        font-weight: 500;
+        color: rgba(156, 163, 175, 0.8);
+        background: transparent;
+        border: none;
+        border-left: 1px solid rgba(255, 255, 255, 0.05);
+        cursor: pointer;
+        white-space: nowrap;
+        transition: all 0.15s ease;
+        flex-shrink: 0;
+        min-height: 100%;
+      }
+
+      .td-table__tab:hover {
+        background: rgba(255, 255, 255, 0.03);
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      .td-table__tab--active {
+        background: rgba(255, 255, 255, 0.08);
+        color: white;
+        box-shadow: inset 0 -2px 0 #E85A4F;
+      }
+
+      .td-table__tab-badge {
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        min-width: 18px;
+        height: 18px;
+        padding: 0 0.375rem;
+        border-radius: 9px;
+        background: rgba(255, 255, 255, 0.1);
+        font-size: 0.625rem;
+        font-weight: 600;
+      }
+
+      .td-table__tab--active .td-table__tab-badge {
+        background: rgba(232, 90, 79, 0.3);
+        color: #E85A4F;
+      }
+
+      .td-table__wrapper {
+        overflow-x: auto;
+      }
+
+      .td-table table {
+        width: 100%;
+        border-collapse: collapse;
+      }
+
+      .td-table th,
+      .td-table td {
+        text-align: left;
+        padding: 1rem 1.5rem;
+        vertical-align: middle;
+      }
+
+      .td-table th {
+        font-size: 0.75rem;
+        font-weight: 600;
+        text-transform: uppercase;
+        letter-spacing: 0.05em;
+        color: rgba(156, 163, 175, 0.8);
+        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        background: rgba(0, 0, 0, 0.1);
+        white-space: nowrap;
+      }
+
+      .td-table td {
+        border-bottom: 1px solid rgba(255, 255, 255, 0.03);
+        color: rgba(255, 255, 255, 0.9);
+      }
+
+      .td-table--compact td {
+        padding: 0.75rem 1.5rem;
+      }
+
+      .td-table tr:last-child td {
+        border-bottom: none;
+      }
+
+      .td-table__hoverable tr:hover td {
+        background: rgba(255, 255, 255, 0.02);
+      }
+
+      .td-table__striped tr:nth-child(even) td {
+        background: rgba(0, 0, 0, 0.1);
+      }
+
+      .td-table__align-center {
+        text-align: center;
+      }
+
+      .td-table__align-right {
+        text-align: right;
+      }
+
+      .td-table__empty {
+        padding: 3rem;
+        text-align: center;
+        color: rgba(156, 163, 175, 0.6);
+      }
+
+      @media (max-width: 768px) {
+        .td-table__hide-mobile {
+          display: none;
+        }
+
+        .td-table th,
+        .td-table td {
+          padding: 0.75rem 1rem;
+        }
+
+        .td-table__header {
+          flex-wrap: wrap;
+        }
+
+        .td-table__title {
+          padding: 1rem 1.5rem;
+          width: 100%;
+          border-bottom: 1px solid rgba(255, 255, 255, 0.05);
+        }
+
+        .td-table__tabs-wrapper {
+          width: 100%;
+          margin-left: 0;
+        }
+
+        .td-table__tab {
+          padding: 0.75rem 1rem;
+        }
+      }
+    ` });
+}
+export {
+  H as Table
+};
+//# sourceMappingURL=index26.js.map

package/dist/index26.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index26.js","sources":["../src/components/Table.tsx"],"sourcesContent":["'use client';\n\nimport { useState, ReactNode, useEffect } from 'react';\nimport { clsx } from 'clsx';\n\nexport interface TableColumn {\n  key: string;\n  label: string;\n  width?: string;\n  align?: 'left' | 'center' | 'right';\n  hideOnMobile?: boolean;\n  render?: (value: unknown, row: Record<string, unknown>) => ReactNode;\n}\n\nexport interface TableTab {\n  id: string;\n  label: string;\n  data: Record<string, unknown>[];\n}\n\nexport interface TableProps {\n  title?: string;\n  columns: TableColumn[];\n  data?: Record<string, unknown>[];\n  tabs?: TableTab[];\n  activeTab?: string;\n  onTabChange?: (tabId: string) => void;\n  compact?: boolean;\n  striped?: boolean;\n  hoverable?: boolean;\n  emptyMessage?: string;\n  titleActions?: ReactNode;\n  className?: string;\n}\n\nexport function Table({\n  title,\n  columns,\n  data = [],\n  tabs = [],\n  activeTab: controlledActiveTab,\n  onTabChange,\n  compact = false,\n  striped = false,\n  hoverable = true,\n  emptyMessage = 'No data to display',\n  titleActions,\n  className,\n}: TableProps) {\n  const isTabbedMode = tabs.length > 0;\n  const [internalActiveTab, setInternalActiveTab] = useState(tabs[0]?.id || '');\n\n  const activeTab = controlledActiveTab ?? internalActiveTab;\n\n  useEffect(() => {\n    if (isTabbedMode && !activeTab && tabs.length > 0) {\n      setInternalActiveTab(tabs[0].id);\n    }\n  }, [isTabbedMode, activeTab, tabs]);\n\n  const displayData = isTabbedMode\n    ? tabs.find((t) => t.id === activeTab)?.data ?? []\n    : data;\n\n  const handleTabClick = (tabId: string) => {\n    setInternalActiveTab(tabId);\n    onTabChange?.(tabId);\n  };\n\n  const renderCell = (row: Record<string, unknown>, column: TableColumn) => {\n    const value = row[column.key];\n    if (column.render) {\n      return column.render(value, row);\n    }\n    return String(value ?? '—');\n  };\n\n  const renderTabs = () => (\n    <div className=\"td-table__tabs-wrapper\">\n      <div className=\"td-table__tabs-scroll\">\n        {tabs.map((tab) => (\n          <button\n            key={tab.id}\n            className={clsx('td-table__tab', activeTab === tab.id && 'td-table__tab--active')}\n            onClick={() => handleTabClick(tab.id)}\n          >\n            {tab.label}\n            <span className=\"td-table__tab-badge\">{tab.data.length}</span>\n          </button>\n        ))}\n      </div>\n    </div>\n  );\n\n  const hasHeader = title || isTabbedMode || titleActions;\n\n  return (\n    <>\n      <div className={clsx('td-table', compact && 'td-table--compact', className)}>\n        {hasHeader && (\n          <div className=\"td-table__header\">\n            {title && <h2 className=\"td-table__title\">{title}</h2>}\n            {isTabbedMode && renderTabs()}\n            {titleActions && <div className=\"td-table__title-actions\">{titleActions}</div>}\n          </div>\n        )}\n\n        {displayData.length === 0 ? (\n          <div className=\"td-table__empty\">\n            {isTabbedMode ? 'No data for this tab' : emptyMessage}\n          </div>\n        ) : (\n          <div className=\"td-table__wrapper\">\n            <table>\n              <thead>\n                <tr>\n                  {columns.map((col) => (\n                    <th\n                      key={col.key}\n                      className={clsx(\n                        col.align && `td-table__align-${col.align}`,\n                        col.hideOnMobile && 'td-table__hide-mobile'\n                      )}\n                      style={col.width ? { width: col.width } : undefined}\n                    >\n                      {col.label}\n                    </th>\n                  ))}\n                </tr>\n              </thead>\n              <tbody className={clsx(striped && 'td-table__striped', hoverable && 'td-table__hoverable')}>\n                {displayData.map((row, rowIndex) => (\n                  <tr key={rowIndex}>\n                    {columns.map((col) => (\n                      <td\n                        key={col.key}\n                        className={clsx(\n                          col.align && `td-table__align-${col.align}`,\n                          col.hideOnMobile && 'td-table__hide-mobile'\n                        )}\n                      >\n                        {renderCell(row, col)}\n                      </td>\n                    ))}\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </div>\n      <TableStyles />\n    </>\n  );\n}\n\nfunction TableStyles() {\n  return (\n    <style>{`\n      .td-table {\n        background: rgba(28, 36, 56, 0.8);\n        backdrop-filter: blur(12px);\n        -webkit-backdrop-filter: blur(12px);\n        border: 1px solid rgba(255, 255, 255, 0.05);\n        border-radius: 0.875rem;\n        overflow: hidden;\n        box-shadow:\n          inset 0 1px 1px 0 rgba(255, 255, 255, 0.05),\n          0 8px 24px -4px rgba(0, 0, 0, 0.15);\n      }\n\n      .td-table__header {\n        display: flex;\n        align-items: stretch;\n        min-height: 56px;\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n      }\n\n      .td-table__title {\n        display: flex;\n        align-items: center;\n        font-size: 1.25rem;\n        font-weight: 700;\n        color: white;\n        margin: 0;\n        padding: 0 1.5rem;\n        flex-shrink: 0;\n      }\n\n      .td-table__title-actions {\n        display: flex;\n        align-items: center;\n        gap: 0.5rem;\n        padding: 0 1.5rem;\n        margin-left: auto;\n      }\n\n      .td-table__tabs-wrapper {\n        display: flex;\n        align-items: stretch;\n        margin-left: auto;\n        flex-shrink: 0;\n      }\n\n      .td-table__tabs-scroll {\n        display: flex;\n        align-items: stretch;\n        overflow-x: auto;\n        scrollbar-width: none;\n        -ms-overflow-style: none;\n        scroll-behavior: smooth;\n      }\n\n      .td-table__tabs-scroll::-webkit-scrollbar {\n        display: none;\n      }\n\n      .td-table__tab {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 0.5rem;\n        padding: 0 1.25rem;\n        font-size: 0.875rem;\n        font-weight: 500;\n        color: rgba(156, 163, 175, 0.8);\n        background: transparent;\n        border: none;\n        border-left: 1px solid rgba(255, 255, 255, 0.05);\n        cursor: pointer;\n        white-space: nowrap;\n        transition: all 0.15s ease;\n        flex-shrink: 0;\n        min-height: 100%;\n      }\n\n      .td-table__tab:hover {\n        background: rgba(255, 255, 255, 0.03);\n        color: rgba(255, 255, 255, 0.9);\n      }\n\n      .td-table__tab--active {\n        background: rgba(255, 255, 255, 0.08);\n        color: white;\n        box-shadow: inset 0 -2px 0 #E85A4F;\n      }\n\n      .td-table__tab-badge {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 18px;\n        height: 18px;\n        padding: 0 0.375rem;\n        border-radius: 9px;\n        background: rgba(255, 255, 255, 0.1);\n        font-size: 0.625rem;\n        font-weight: 600;\n      }\n\n      .td-table__tab--active .td-table__tab-badge {\n        background: rgba(232, 90, 79, 0.3);\n        color: #E85A4F;\n      }\n\n      .td-table__wrapper {\n        overflow-x: auto;\n      }\n\n      .td-table table {\n        width: 100%;\n        border-collapse: collapse;\n      }\n\n      .td-table th,\n      .td-table td {\n        text-align: left;\n        padding: 1rem 1.5rem;\n        vertical-align: middle;\n      }\n\n      .td-table th {\n        font-size: 0.75rem;\n        font-weight: 600;\n        text-transform: uppercase;\n        letter-spacing: 0.05em;\n        color: rgba(156, 163, 175, 0.8);\n        border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        background: rgba(0, 0, 0, 0.1);\n        white-space: nowrap;\n      }\n\n      .td-table td {\n        border-bottom: 1px solid rgba(255, 255, 255, 0.03);\n        color: rgba(255, 255, 255, 0.9);\n      }\n\n      .td-table--compact td {\n        padding: 0.75rem 1.5rem;\n      }\n\n      .td-table tr:last-child td {\n        border-bottom: none;\n      }\n\n      .td-table__hoverable tr:hover td {\n        background: rgba(255, 255, 255, 0.02);\n      }\n\n      .td-table__striped tr:nth-child(even) td {\n        background: rgba(0, 0, 0, 0.1);\n      }\n\n      .td-table__align-center {\n        text-align: center;\n      }\n\n      .td-table__align-right {\n        text-align: right;\n      }\n\n      .td-table__empty {\n        padding: 3rem;\n        text-align: center;\n        color: rgba(156, 163, 175, 0.6);\n      }\n\n      @media (max-width: 768px) {\n        .td-table__hide-mobile {\n          display: none;\n        }\n\n        .td-table th,\n        .td-table td {\n          padding: 0.75rem 1rem;\n        }\n\n        .td-table__header {\n          flex-wrap: wrap;\n        }\n\n        .td-table__title {\n          padding: 1rem 1.5rem;\n          width: 100%;\n          border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n        }\n\n        .td-table__tabs-wrapper {\n          width: 100%;\n          margin-left: 0;\n        }\n\n        .td-table__tab {\n          padding: 0.75rem 1rem;\n        }\n      }\n    `}</style>\n  );\n}\n"],"names":["Table","title","columns","data","tabs","controlledActiveTab","onTabChange","compact","striped","hoverable","emptyMessage","titleActions","className","isTabbedMode","internalActiveTab","setInternalActiveTab","useState","_a","activeTab","useEffect","displayData","_b","t","handleTabClick","tabId","renderCell","row","column","value","renderTabs","jsx","tab","jsxs","clsx","hasHeader","Fragment","col","rowIndex","TableStyles"],"mappings":"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"}

package/dist/index27.js

@@ -0,0 +1,234 @@
+import { jsxs as M, Fragment as G, jsx as i } from "react/jsx-runtime";
+import { useRef as l, useState as D, useEffect as y, useCallback as h } from "react";
+import { clsx as P } from "./index28.js";
+function ce({
+  objUrl: E = "",
+  mtlUrl: T = "",
+  width: g = 300,
+  height: p = 300,
+  autoRotate: F = !0,
+  rotationSpeed: Y = 0.01,
+  backgroundColor: L = "transparent",
+  enableZoom: j = !1,
+  enablePan: _ = !0,
+  className: X
+}) {
+  const R = l(null), [N, b] = D(!0), [C, S] = D(null), [u, B] = D(!1), a = l(null), s = l(null), r = l(null), n = l(null), v = l(null), f = l(!1), d = l({ x: 0, y: 0 }), w = l(null);
+  y(() => {
+    let e = !0;
+    return (async () => {
+      try {
+        const o = await import(
+          /* webpackIgnore: true */
+          "./index29.js"
+        ), m = await import(
+          /* webpackIgnore: true */
+          "./index30.js"
+        ), c = await import(
+          /* webpackIgnore: true */
+          "./index31.js"
+        );
+        if (!e) return;
+        w.current = {
+          THREE: o,
+          OBJLoader: m.OBJLoader,
+          MTLLoader: c.MTLLoader
+        }, B(!0);
+      } catch (o) {
+        console.warn("Three.js not available:", o), e && (B(!1), b(!1));
+      }
+    })(), () => {
+      e = !1;
+    };
+  }, []), y(() => {
+    if (!u || !R.current || !w.current) return;
+    const { THREE: e } = w.current, t = R.current;
+    a.current = new e.Scene(), s.current = new e.PerspectiveCamera(45, g / p, 0.1, 1e3), s.current.position.z = 5, r.current = new e.WebGLRenderer({
+      antialias: !0,
+      alpha: L === "transparent"
+    }), r.current.setSize(g, p), r.current.setPixelRatio(window.devicePixelRatio), L !== "transparent" && r.current.setClearColor(L), t.appendChild(r.current.domElement);
+    const o = new e.AmbientLight(16777215, 0.6);
+    a.current.add(o);
+    const m = new e.DirectionalLight(16777215, 0.8);
+    m.position.set(5, 5, 5), a.current.add(m);
+    const c = new e.DirectionalLight(16777215, 0.4);
+    return c.position.set(-5, -5, -5), a.current.add(c), () => {
+      v.current && cancelAnimationFrame(v.current), r.current && (r.current.dispose(), t.contains(r.current.domElement) && t.removeChild(r.current.domElement));
+    };
+  }, [u, g, p, L]), y(() => {
+    if (!u || !w.current || !a.current) return;
+    (async () => {
+      const { THREE: t, OBJLoader: o, MTLLoader: m } = w.current;
+      if (!E) {
+        b(!1);
+        return;
+      }
+      try {
+        let c = null;
+        if (T) {
+          const k = new m();
+          c = await new Promise((z, ee) => {
+            k.load(
+              T,
+              (W) => {
+                W.preload(), z(W);
+              },
+              void 0,
+              ee
+            );
+          });
+        }
+        const H = new o();
+        c && H.setMaterials(c);
+        const x = await new Promise((k, z) => {
+          H.load(E, k, void 0, z);
+        }), J = new t.Box3().setFromObject(x), U = J.getCenter(new t.Vector3()), A = J.getSize(new t.Vector3()), Z = 2 / Math.max(A.x, A.y, A.z);
+        x.position.sub(U), x.scale.setScalar(Z), n.current && a.current.remove(n.current), n.current = x, a.current.add(x), b(!1), S(null);
+      } catch (c) {
+        console.error("Failed to load 3D model:", c), S("Failed to load 3D model"), b(!1);
+      }
+    })();
+  }, [u, E, T]), y(() => {
+    if (!u || !r.current || !a.current || !s.current) return;
+    const e = () => {
+      v.current = requestAnimationFrame(e), n.current && F && !f.current && (n.current.rotation.y += Y), r.current.render(a.current, s.current);
+    };
+    return e(), () => {
+      v.current && cancelAnimationFrame(v.current);
+    };
+  }, [u, F, Y]);
+  const q = h((e) => {
+    _ && (f.current = !0, d.current = { x: e.clientX, y: e.clientY });
+  }, [_]), I = h((e) => {
+    !_ || e.touches.length !== 1 || (f.current = !0, d.current = { x: e.touches[0].clientX, y: e.touches[0].clientY });
+  }, [_]), K = h((e) => {
+    if (!f.current || !n.current) return;
+    const t = e.clientX - d.current.x, o = e.clientY - d.current.y;
+    n.current.rotation.y += t * 0.01, n.current.rotation.x += o * 0.01, d.current = { x: e.clientX, y: e.clientY };
+  }, []), Q = h((e) => {
+    if (!f.current || !n.current || e.touches.length !== 1) return;
+    const t = e.touches[0].clientX - d.current.x, o = e.touches[0].clientY - d.current.y;
+    n.current.rotation.y += t * 0.01, n.current.rotation.x += o * 0.01, d.current = { x: e.touches[0].clientX, y: e.touches[0].clientY };
+  }, []), O = h(() => {
+    f.current = !1;
+  }, []), $ = h((e) => {
+    !j || !s.current || (e.preventDefault(), s.current.position.z += e.deltaY * 0.01, s.current.position.z = Math.max(2, Math.min(10, s.current.position.z)));
+  }, [j]);
+  return y(() => {
+    const e = () => {
+      f.current = !1;
+    };
+    return window.addEventListener("mouseup", e), window.addEventListener("touchend", e), () => {
+      window.removeEventListener("mouseup", e), window.removeEventListener("touchend", e);
+    };
+  }, []), !u && !N ? /* @__PURE__ */ M(G, { children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: P("td-logo-3d td-logo-3d--fallback", X),
+        style: { width: g, height: p },
+        children: /* @__PURE__ */ M("span", { className: "td-logo-3d__fallback-text", children: [
+          "Tampa",
+          /* @__PURE__ */ i("span", { className: "td-logo-3d__fallback-accent", children: ".dev" })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ i("style", { children: V })
+  ] }) : /* @__PURE__ */ M(G, { children: [
+    /* @__PURE__ */ M(
+      "div",
+      {
+        className: P("td-logo-3d", X),
+        style: { width: g, height: p },
+        onMouseDown: q,
+        onMouseMove: K,
+        onMouseUp: O,
+        onTouchStart: I,
+        onTouchMove: Q,
+        onTouchEnd: O,
+        onWheel: $,
+        children: [
+          /* @__PURE__ */ i("div", { ref: R, className: "td-logo-3d__canvas" }),
+          N && /* @__PURE__ */ i("div", { className: "td-logo-3d__loading", children: /* @__PURE__ */ i("div", { className: "td-logo-3d__spinner" }) }),
+          C && /* @__PURE__ */ i("div", { className: "td-logo-3d__error", children: /* @__PURE__ */ i("p", { children: C }) })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i("style", { children: V })
+  ] });
+}
+const V = `
+  .td-logo-3d {
+    position: relative;
+    overflow: hidden;
+    border-radius: var(--td-radius-lg, 12px);
+  }
+
+  .td-logo-3d__canvas {
+    width: 100%;
+    height: 100%;
+  }
+
+  .td-logo-3d__canvas canvas {
+    display: block;
+    width: 100%;
+    height: 100%;
+  }
+
+  .td-logo-3d__loading {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: rgba(28, 36, 56, 0.1);
+  }
+
+  .td-logo-3d__spinner {
+    width: 2rem;
+    height: 2rem;
+    border: 2px solid var(--td-color-border, rgba(255, 255, 255, 0.1));
+    border-top-color: var(--td-color-coral, #E85A4F);
+    border-radius: 50%;
+    animation: td-logo-3d-spin 1s linear infinite;
+  }
+
+  @keyframes td-logo-3d-spin {
+    to { transform: rotate(360deg); }
+  }
+
+  .td-logo-3d__error {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    background: rgba(28, 36, 56, 0.05);
+    color: var(--td-color-text-muted, #9CA3AF);
+    font-size: 0.875rem;
+    text-align: center;
+    padding: 1rem;
+  }
+
+  .td-logo-3d--fallback {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: linear-gradient(135deg, var(--td-color-navy, #1C2438) 0%, var(--td-color-navy-dark, #1A2031) 100%);
+    color: white;
+  }
+
+  .td-logo-3d__fallback-text {
+    font-size: 2rem;
+    font-weight: 700;
+  }
+
+  .td-logo-3d__fallback-accent {
+    color: var(--td-color-coral, #E85A4F);
+  }
+`;
+export {
+  ce as Logo3d
+};
+//# sourceMappingURL=index27.js.map

package/dist/index27.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index27.js","sources":["../src/components/Logo3d.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport clsx from 'clsx';\n\nexport interface Logo3dProps {\n  /** URL to the OBJ file */\n  objUrl?: string;\n  /** URL to the MTL file (optional) */\n  mtlUrl?: string;\n  /** Canvas width */\n  width?: number;\n  /** Canvas height */\n  height?: number;\n  /** Enable auto-rotation */\n  autoRotate?: boolean;\n  /** Auto-rotation speed */\n  rotationSpeed?: number;\n  /** Background color (use 'transparent' for transparent) */\n  backgroundColor?: string;\n  /** Enable mouse wheel zoom */\n  enableZoom?: boolean;\n  /** Enable click-and-drag rotation */\n  enablePan?: boolean;\n  /** Additional CSS class */\n  className?: string;\n}\n\n// Three.js types - using any since Three.js is an optional peer dependency\ninterface ThreeModules {\n  THREE: any;\n  OBJLoader: any;\n  MTLLoader: any;\n}\n\n/**\n * Tampa Devs 3D Logo Component\n * Interactive 3D logo using Three.js with OBJ/MTL support\n */\nexport function Logo3d({\n  objUrl = '',\n  mtlUrl = '',\n  width = 300,\n  height = 300,\n  autoRotate = true,\n  rotationSpeed = 0.01,\n  backgroundColor = 'transparent',\n  enableZoom = false,\n  enablePan = true,\n  className,\n}: Logo3dProps) {\n  const containerRef = useRef<HTMLDivElement>(null);\n  const [loading, setLoading] = useState(true);\n  const [error, setError] = useState<string | null>(null);\n  const [threeAvailable, setThreeAvailable] = useState(false);\n\n  // Refs for Three.js objects\n  const sceneRef = useRef<any>(null);\n  const cameraRef = useRef<any>(null);\n  const rendererRef = useRef<any>(null);\n  const modelRef = useRef<any>(null);\n  const animationIdRef = useRef<number | null>(null);\n  const isDraggingRef = useRef(false);\n  const previousMouseRef = useRef({ x: 0, y: 0 });\n  const threeRef = useRef<ThreeModules | null>(null);\n\n  // Initialize Three.js\n  useEffect(() => {\n    let mounted = true;\n\n    const loadThree = async () => {\n      try {\n        // Dynamic imports with type assertions to handle optional three.js dependency\n        const threeModule = await import(/* webpackIgnore: true */ 'three') as any;\n        const objLoaderModule = await import(/* webpackIgnore: true */ 'three/addons/loaders/OBJLoader.js') as any;\n        const mtlLoaderModule = await import(/* webpackIgnore: true */ 'three/addons/loaders/MTLLoader.js') as any;\n\n        if (!mounted) return;\n\n        threeRef.current = {\n          THREE: threeModule,\n          OBJLoader: objLoaderModule.OBJLoader,\n          MTLLoader: mtlLoaderModule.MTLLoader,\n        };\n\n        setThreeAvailable(true);\n      } catch (e) {\n        console.warn('Three.js not available:', e);\n        if (mounted) {\n          setThreeAvailable(false);\n          setLoading(false);\n        }\n      }\n    };\n\n    loadThree();\n\n    return () => {\n      mounted = false;\n    };\n  }, []);\n\n  // Initialize scene when Three.js is available\n  useEffect(() => {\n    if (!threeAvailable || !containerRef.current || !threeRef.current) return;\n\n    const { THREE } = threeRef.current;\n    const container = containerRef.current;\n\n    // Create scene\n    sceneRef.current = new THREE.Scene();\n\n    // Create camera\n    cameraRef.current = new THREE.PerspectiveCamera(45, width / height, 0.1, 1000);\n    cameraRef.current.position.z = 5;\n\n    // Create renderer\n    rendererRef.current = new THREE.WebGLRenderer({\n      antialias: true,\n      alpha: backgroundColor === 'transparent',\n    });\n    rendererRef.current.setSize(width, height);\n    rendererRef.current.setPixelRatio(window.devicePixelRatio);\n\n    if (backgroundColor !== 'transparent') {\n      rendererRef.current.setClearColor(backgroundColor);\n    }\n\n    container.appendChild(rendererRef.current.domElement);\n\n    // Add lights\n    const ambientLight = new THREE.AmbientLight(0xffffff, 0.6);\n    sceneRef.current.add(ambientLight);\n\n    const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);\n    directionalLight.position.set(5, 5, 5);\n    sceneRef.current.add(directionalLight);\n\n    const directionalLight2 = new THREE.DirectionalLight(0xffffff, 0.4);\n    directionalLight2.position.set(-5, -5, -5);\n    sceneRef.current.add(directionalLight2);\n\n    // Cleanup\n    return () => {\n      if (animationIdRef.current) {\n        cancelAnimationFrame(animationIdRef.current);\n      }\n      if (rendererRef.current) {\n        rendererRef.current.dispose();\n        if (container.contains(rendererRef.current.domElement)) {\n          container.removeChild(rendererRef.current.domElement);\n        }\n      }\n    };\n  }, [threeAvailable, width, height, backgroundColor]);\n\n  // Load model\n  useEffect(() => {\n    if (!threeAvailable || !threeRef.current || !sceneRef.current) return;\n\n    const loadModel = async () => {\n      const { THREE, OBJLoader, MTLLoader } = threeRef.current!;\n\n      if (!objUrl) {\n        setLoading(false);\n        return;\n      }\n\n      try {\n        let materials: any = null;\n\n        // Load materials if MTL URL provided\n        if (mtlUrl) {\n          const mtlLoader = new MTLLoader();\n          materials = await new Promise((resolve, reject) => {\n            mtlLoader.load(\n              mtlUrl,\n              (mtl: any) => {\n                mtl.preload();\n                resolve(mtl);\n              },\n              undefined,\n              reject\n            );\n          });\n        }\n\n        // Load OBJ model\n        const objLoader = new OBJLoader();\n        if (materials) {\n          objLoader.setMaterials(materials);\n        }\n\n        const object = await new Promise<any>((resolve, reject) => {\n          objLoader.load(objUrl, resolve, undefined, reject);\n        });\n\n        // Center and scale the model\n        const box = new THREE.Box3().setFromObject(object);\n        const center = box.getCenter(new THREE.Vector3());\n        const size = box.getSize(new THREE.Vector3());\n        const maxDim = Math.max(size.x, size.y, size.z);\n        const scale = 2 / maxDim;\n\n        object.position.sub(center);\n        object.scale.setScalar(scale);\n\n        // Remove old model if exists\n        if (modelRef.current) {\n          sceneRef.current.remove(modelRef.current);\n        }\n\n        modelRef.current = object;\n        sceneRef.current.add(object);\n        setLoading(false);\n        setError(null);\n      } catch (e) {\n        console.error('Failed to load 3D model:', e);\n        setError('Failed to load 3D model');\n        setLoading(false);\n      }\n    };\n\n    loadModel();\n  }, [threeAvailable, objUrl, mtlUrl]);\n\n  // Animation loop\n  useEffect(() => {\n    if (!threeAvailable || !rendererRef.current || !sceneRef.current || !cameraRef.current) return;\n\n    const animate = () => {\n      animationIdRef.current = requestAnimationFrame(animate);\n\n      if (modelRef.current && autoRotate && !isDraggingRef.current) {\n        modelRef.current.rotation.y += rotationSpeed;\n      }\n\n      rendererRef.current.render(sceneRef.current, cameraRef.current);\n    };\n\n    animate();\n\n    return () => {\n      if (animationIdRef.current) {\n        cancelAnimationFrame(animationIdRef.current);\n      }\n    };\n  }, [threeAvailable, autoRotate, rotationSpeed]);\n\n  // Mouse/touch handlers\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    if (!enablePan) return;\n    isDraggingRef.current = true;\n    previousMouseRef.current = { x: e.clientX, y: e.clientY };\n  }, [enablePan]);\n\n  const handleTouchStart = useCallback((e: React.TouchEvent) => {\n    if (!enablePan || e.touches.length !== 1) return;\n    isDraggingRef.current = true;\n    previousMouseRef.current = { x: e.touches[0].clientX, y: e.touches[0].clientY };\n  }, [enablePan]);\n\n  const handleMouseMove = useCallback((e: React.MouseEvent) => {\n    if (!isDraggingRef.current || !modelRef.current) return;\n\n    const deltaX = e.clientX - previousMouseRef.current.x;\n    const deltaY = e.clientY - previousMouseRef.current.y;\n\n    modelRef.current.rotation.y += deltaX * 0.01;\n    modelRef.current.rotation.x += deltaY * 0.01;\n\n    previousMouseRef.current = { x: e.clientX, y: e.clientY };\n  }, []);\n\n  const handleTouchMove = useCallback((e: React.TouchEvent) => {\n    if (!isDraggingRef.current || !modelRef.current || e.touches.length !== 1) return;\n\n    const deltaX = e.touches[0].clientX - previousMouseRef.current.x;\n    const deltaY = e.touches[0].clientY - previousMouseRef.current.y;\n\n    modelRef.current.rotation.y += deltaX * 0.01;\n    modelRef.current.rotation.x += deltaY * 0.01;\n\n    previousMouseRef.current = { x: e.touches[0].clientX, y: e.touches[0].clientY };\n  }, []);\n\n  const handleMouseUp = useCallback(() => {\n    isDraggingRef.current = false;\n  }, []);\n\n  const handleWheel = useCallback((e: React.WheelEvent) => {\n    if (!enableZoom || !cameraRef.current) return;\n    e.preventDefault();\n\n    cameraRef.current.position.z += e.deltaY * 0.01;\n    cameraRef.current.position.z = Math.max(2, Math.min(10, cameraRef.current.position.z));\n  }, [enableZoom]);\n\n  // Global mouse up listener\n  useEffect(() => {\n    const handleGlobalMouseUp = () => {\n      isDraggingRef.current = false;\n    };\n\n    window.addEventListener('mouseup', handleGlobalMouseUp);\n    window.addEventListener('touchend', handleGlobalMouseUp);\n\n    return () => {\n      window.removeEventListener('mouseup', handleGlobalMouseUp);\n      window.removeEventListener('touchend', handleGlobalMouseUp);\n    };\n  }, []);\n\n  // Fallback when Three.js is not available\n  if (!threeAvailable && !loading) {\n    return (\n      <>\n        <div\n          className={clsx('td-logo-3d td-logo-3d--fallback', className)}\n          style={{ width, height }}\n        >\n          <span className=\"td-logo-3d__fallback-text\">\n            Tampa<span className=\"td-logo-3d__fallback-accent\">.dev</span>\n          </span>\n        </div>\n        <style>{styles}</style>\n      </>\n    );\n  }\n\n  return (\n    <>\n      <div\n        className={clsx('td-logo-3d', className)}\n        style={{ width, height }}\n        onMouseDown={handleMouseDown}\n        onMouseMove={handleMouseMove}\n        onMouseUp={handleMouseUp}\n        onTouchStart={handleTouchStart}\n        onTouchMove={handleTouchMove}\n        onTouchEnd={handleMouseUp}\n        onWheel={handleWheel}\n      >\n        <div ref={containerRef} className=\"td-logo-3d__canvas\" />\n\n        {loading && (\n          <div className=\"td-logo-3d__loading\">\n            <div className=\"td-logo-3d__spinner\" />\n          </div>\n        )}\n\n        {error && (\n          <div className=\"td-logo-3d__error\">\n            <p>{error}</p>\n          </div>\n        )}\n      </div>\n      <style>{styles}</style>\n    </>\n  );\n}\n\nconst styles = `\n  .td-logo-3d {\n    position: relative;\n    overflow: hidden;\n    border-radius: var(--td-radius-lg, 12px);\n  }\n\n  .td-logo-3d__canvas {\n    width: 100%;\n    height: 100%;\n  }\n\n  .td-logo-3d__canvas canvas {\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n\n  .td-logo-3d__loading {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: rgba(28, 36, 56, 0.1);\n  }\n\n  .td-logo-3d__spinner {\n    width: 2rem;\n    height: 2rem;\n    border: 2px solid var(--td-color-border, rgba(255, 255, 255, 0.1));\n    border-top-color: var(--td-color-coral, #E85A4F);\n    border-radius: 50%;\n    animation: td-logo-3d-spin 1s linear infinite;\n  }\n\n  @keyframes td-logo-3d-spin {\n    to { transform: rotate(360deg); }\n  }\n\n  .td-logo-3d__error {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    background: rgba(28, 36, 56, 0.05);\n    color: var(--td-color-text-muted, #9CA3AF);\n    font-size: 0.875rem;\n    text-align: center;\n    padding: 1rem;\n  }\n\n  .td-logo-3d--fallback {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background: linear-gradient(135deg, var(--td-color-navy, #1C2438) 0%, var(--td-color-navy-dark, #1A2031) 100%);\n    color: white;\n  }\n\n  .td-logo-3d__fallback-text {\n    font-size: 2rem;\n    font-weight: 700;\n  }\n\n  .td-logo-3d__fallback-accent {\n    color: var(--td-color-coral, #E85A4F);\n  }\n`;\n"],"names":["Logo3d","objUrl","mtlUrl","width","height","autoRotate","rotationSpeed","backgroundColor","enableZoom","enablePan","className","containerRef","useRef","loading","setLoading","useState","error","setError","threeAvailable","setThreeAvailable","sceneRef","cameraRef","rendererRef","modelRef","animationIdRef","isDraggingRef","previousMouseRef","threeRef","useEffect","mounted","threeModule","objLoaderModule","mtlLoaderModule","e","THREE","container","ambientLight","directionalLight","directionalLight2","OBJLoader","MTLLoader","materials","mtlLoader","resolve","reject","mtl","objLoader","object","box","center","size","scale","animate","handleMouseDown","useCallback","handleTouchStart","handleMouseMove","deltaX","deltaY","handleTouchMove","handleMouseUp","handleWheel","handleGlobalMouseUp","jsxs","Fragment","jsx","clsx","styles"],"mappings":"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"}

package/dist/index28.js

@@ -0,0 +1,18 @@
+function a(r) {
+  var n, f, t = "";
+  if (typeof r == "string" || typeof r == "number") t += r;
+  else if (typeof r == "object") if (Array.isArray(r)) {
+    var o = r.length;
+    for (n = 0; n < o; n++) r[n] && (f = a(r[n])) && (t && (t += " "), t += f);
+  } else for (f in r) r[f] && (t && (t += " "), t += f);
+  return t;
+}
+function i() {
+  for (var r, n, f = 0, t = "", o = arguments.length; f < o; f++) (r = arguments[f]) && (n = a(r)) && (t && (t += " "), t += n);
+  return t;
+}
+export {
+  i as clsx,
+  i as default
+};
+//# sourceMappingURL=index28.js.map

package/dist/index28.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index28.js","sources":["../../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs"],"sourcesContent":["function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;"],"names":["r","e","t","n","clsx"],"mappings":"AAAA,SAASA,EAAEC,GAAE;AAAC,MAAIC,GAAE,GAAEC,IAAE;AAAG,MAAa,OAAOF,KAAjB,YAA8B,OAAOA,KAAjB,SAAmB,CAAAE,KAAGF;AAAA,WAAoB,OAAOA,KAAjB,SAAmB,KAAG,MAAM,QAAQA,CAAC,GAAE;AAAC,QAAI,IAAEA,EAAE;AAAO,SAAIC,IAAE,GAAEA,IAAE,GAAEA,IAAI,CAAAD,EAAEC,CAAC,MAAI,IAAEF,EAAEC,EAAEC,CAAC,CAAC,OAAKC,MAAIA,KAAG,MAAKA,KAAG;AAAA,EAAE,MAAM,MAAI,KAAKF,EAAE,CAAAA,EAAE,CAAC,MAAIE,MAAIA,KAAG,MAAKA,KAAG;AAAG,SAAOA;AAAC;AAAQ,SAASC,IAAM;AAAC,WAAQH,GAAEC,GAAE,IAAE,GAAEC,IAAE,IAAG,IAAE,UAAU,QAAO,IAAE,GAAE,IAAI,EAACF,IAAE,UAAU,CAAC,OAAKC,IAAEF,EAAEC,CAAC,OAAKE,MAAIA,KAAG,MAAKA,KAAGD;AAAG,SAAOC;AAAC;","x_google_ignoreList":[0]}