@hexclave/ui 1.0.0

package/dist/components/brand-icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"brand-icons.js","names":["HexclaveAssertionError"],"sources":["../../src/components/brand-icons.tsx"],"sourcesContent":["import { HexclaveAssertionError, throwErr } from \"@stackframe/stack-shared/dist/utils/errors\";\n\nexport function Google({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 24 24\">\n      <path fill=\"#4285F4\"\n        d=\"M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z\"/>\n      <path fill=\"#34A853\"\n        d=\"M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z\"/>\n      <path fill=\"#FBBC05\"\n        d=\"M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z\"/>\n      <path fill=\"#EA4335\"\n        d=\"M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z\"/>\n      <path fill=\"none\" d=\"M1 1h22v22H1z\"/>\n    </svg>\n  );\n}\n\nexport function Facebook({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 512 512\">\n      <path fill='#FFFFFF'\n        d=\"M512 256C512 114.6 397.4 0 256 0S0 114.6 0 256C0 376 82.7 476.8 194.2 504.5V334.2H141.4V256h52.8V222.3c0-87.1 39.4-127.5 125-127.5c16.2 0 44.2 3.2 55.7 6.4V172c-6-.6-16.5-1-29.6-1c-42 0-58.2 15.9-58.2 57.2V256h83.6l-14.4 78.2H287V510.1C413.8 494.8 512 386.9 512 256h0z\"/>\n    </svg>\n  );\n}\n\nexport function GitHub({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 496 512\">\n      <path fill='#FFFFFF'\n        d=\"M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3 .3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5 .3-6.2 2.3zm44.2-1.7c-2.9 .7-4.9 2.6-4.6 4.9 .3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3 .7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3 .3 2.9 2.3 3.9 1.6 1 3.6 .7 4.3-.7 .7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3 .7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3 .7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z\"/>\n    </svg>\n  );\n}\n\nexport function Microsoft({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 21 21\">\n      <title>{\"MS-SymbolLockup\"}</title>\n      <path fill=\"#f25022\" d=\"M1 1h9v9H1z\"/>\n      <path fill=\"#00a4ef\" d=\"M1 11h9v9H1z\"/>\n      <path fill=\"#7fba00\" d=\"M11 1h9v9h-9z\"/>\n      <path fill=\"#ffb900\" d=\"M11 11h9v9h-9z\"/>\n    </svg>\n  );\n}\n\nexport function Spotify({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 496 512\">\n      <path fill='#ffffff'\n        d=\"M248 8C111.1 8 0 119.1 0 256s111.1 248 248 248 248-111.1 248-248S384.9 8 248 8zm100.7 364.9c-4.2 0-6.8-1.3-10.7-3.6-62.4-37.6-135-39.2-206.7-24.5-3.9 1-9 2.6-11.9 2.6-9.7 0-15.8-7.7-15.8-15.8 0-10.3 6.1-15.2 13.6-16.8 81.9-18.1 165.6-16.5 237 26.2 6.1 3.9 9.7 7.4 9.7 16.5s-7.1 15.4-15.2 15.4zm26.9-65.6c-5.2 0-8.7-2.3-12.3-4.2-62.5-37-155.7-51.9-238.6-29.4-4.8 1.3-7.4 2.6-11.9 2.6-10.7 0-19.4-8.7-19.4-19.4s5.2-17.8 15.5-20.7c27.8-7.8 56.2-13.6 97.8-13.6 64.9 0 127.6 16.1 177 45.5 8.1 4.8 11.3 11 11.3 19.7-.1 10.8-8.5 19.5-19.4 19.5zm31-76.2c-5.2 0-8.4-1.3-12.9-3.9-71.2-42.5-198.5-52.7-280.9-29.7-3.6 1-8.1 2.6-12.9 2.6-13.2 0-23.3-10.3-23.3-23.6 0-13.6 8.4-21.3 17.4-23.9 35.2-10.3 74.6-15.2 117.5-15.2 73 0 149.5 15.2 205.4 47.8 7.8 4.5 12.9 10.7 12.9 22.6 0 13.6-11 23.3-23.2 23.3z\"/>\n    </svg>\n  );\n}\n\nexport function Discord({ iconSize }: { iconSize: number }) {\n  return (\n    <svg xmlns=\"http://www.w3.org/2000/svg\" width={iconSize} height={iconSize} viewBox=\"0 0 127.14 96.36\">\n      <path fill=\"#fff\"\n        d=\"M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z\"/>\n    </svg>\n  );\n}\n\nexport function Gitlab({ iconSize }: { iconSize: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      width={iconSize}\n      height={iconSize}\n      viewBox=\"0 -10 256 256\"\n      version=\"1.1\"\n      preserveAspectRatio=\"xMidYMid\"\n    >\n      <g>\n        <path\n          d=\"M128.07485,236.074667 L128.07485,236.074667 L175.17885,91.1043048 L80.9708495,91.1043048 L128.07485,236.074667 L128.07485,236.074667 Z\"\n          fill=\"#E24329\"></path>\n        <path\n          d=\"M128.07485,236.074423 L80.9708495,91.104061 L14.9557638,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z\"\n          fill=\"#FC6D26\"></path>\n        <path\n          d=\"M14.9558857,91.1044267 L14.9558857,91.1044267 L0.641828571,135.159589 C-0.663771429,139.17757 0.766171429,143.57955 4.18438095,146.06275 L128.074971,236.074789 L14.9558857,91.1044267 L14.9558857,91.1044267 Z\"\n          fill=\"#FCA326\"></path>\n        <path\n          d=\"M14.9558857,91.1045486 L80.9709714,91.1045486 L52.6000762,3.79026286 C51.1408762,-0.703146667 44.7847619,-0.701927619 43.3255619,3.79026286 L14.9558857,91.1045486 L14.9558857,91.1045486 Z\"\n          fill=\"#E24329\"></path>\n        <path\n          d=\"M128.07485,236.074423 L175.17885,91.104061 L241.193935,91.104061 L128.07485,236.074423 L128.07485,236.074423 Z\"\n          fill=\"#FC6D26\"></path>\n        <path\n          d=\"M241.193935,91.1044267 L241.193935,91.1044267 L255.507992,135.159589 C256.813592,139.17757 255.38365,143.57955 251.96544,146.06275 L128.07485,236.074789 L241.193935,91.1044267 L241.193935,91.1044267 Z\"\n          fill=\"#FCA326\"></path>\n        <path\n          d=\"M241.193935,91.1045486 L175.17885,91.1045486 L203.549745,3.79026286 C205.008945,-0.703146667 211.365059,-0.701927619 212.824259,3.79026286 L241.193935,91.1045486 L241.193935,91.1045486 Z\"\n          fill=\"#E24329\"></path>\n      </g>\n    </svg>\n  );\n}\n\nexport function Bitbucket({ iconSize }: { iconSize: number }) {\n  return (\n    <svg\n      preserveAspectRatio=\"xMidYMid\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-0.9662264221278978 -0.5824607696358868 257.93281329857973 230.8324730411935\"\n      width={iconSize}\n      height={iconSize}\n    >\n      <linearGradient\n        id=\"a\"\n        x1=\"108.633%\"\n        x2=\"46.927%\"\n        y1=\"13.818%\"\n        y2=\"78.776%\"\n      >\n        <stop offset=\".18\" stopColor=\"#0052cc\"/>\n        <stop offset=\"1\" stopColor=\"#2684ff\"/>\n      </linearGradient>\n      <g fill=\"none\">\n        <path d=\"M101.272 152.561h53.449l12.901-75.32H87.06z\"/>\n        <path\n          d=\"M8.308 0A8.202 8.202 0 0 0 .106 9.516l34.819 211.373a11.155 11.155 0 0 0 10.909 9.31h167.04a8.202 8.202 0 0 0 8.201-6.89l34.82-213.752a8.202 8.202 0 0 0-8.203-9.514zm146.616 152.768h-53.315l-14.436-75.42h80.67z\"\n          fill=\"#2684ff\"/>\n        <path\n          d=\"M244.61 77.242h-76.916l-12.909 75.36h-53.272l-62.902 74.663a11.105 11.105 0 0 0 7.171 2.704H212.73a8.196 8.196 0 0 0 8.196-6.884z\"\n          fill=\"url(#a)\"/>\n      </g>\n    </svg>\n  );\n}\n\nexport function LinkedIn({ iconSize }: { iconSize: number }) {\n  return (\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      fill=\"#fff\"\n      height={iconSize}\n      width={iconSize}\n      viewBox=\"0 0 310 310\"\n    >\n      <g id=\"XMLID_801_\">\n        <path id=\"XMLID_802_\"\n          d=\"M72.16,99.73H9.927c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5H72.16c2.762,0,5-2.238,5-5V104.73   C77.16,101.969,74.922,99.73,72.16,99.73z\"/>\n        <path id=\"XMLID_803_\"\n          d=\"M41.066,0.341C18.422,0.341,0,18.743,0,41.362C0,63.991,18.422,82.4,41.066,82.4   c22.626,0,41.033-18.41,41.033-41.038C82.1,18.743,63.692,0.341,41.066,0.341z\"/>\n        <path id=\"XMLID_804_\"\n          d=\"M230.454,94.761c-24.995,0-43.472,10.745-54.679,22.954V104.73c0-2.761-2.238-5-5-5h-59.599   c-2.762,0-5,2.239-5,5v199.928c0,2.762,2.238,5,5,5h62.097c2.762,0,5-2.238,5-5v-98.918c0-33.333,9.054-46.319,32.29-46.319   c25.306,0,27.317,20.818,27.317,48.034v97.204c0,2.762,2.238,5,5,5H305c2.762,0,5-2.238,5-5V194.995   C310,145.43,300.549,94.761,230.454,94.761z\"/>\n      </g>\n    </svg>\n  );\n}\n\nexport function Apple({ iconSize }: { iconSize: number }) {\n  return (\n    <svg fill=\"#fff\" height={iconSize} width={iconSize} version=\"1.1\" id=\"Capa_1\" xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"0 0 22.773 22.773\">\n      <path\n        d=\"M15.769,0c0.053,0,0.106,0,0.162,0c0.13,1.606-0.483,2.806-1.228,3.675c-0.731,0.863-1.732,1.7-3.351,1.573c-0.108-1.583,0.506-2.694,1.25-3.561C13.292,0.879,14.557,0.16,15.769,0z\"/>\n      <path\n        d=\"M20.67,16.716c0,0.016,0,0.03,0,0.045c-0.455,1.378-1.104,2.559-1.896,3.655c-0.723,0.995-1.609,2.334-3.191,2.334c-1.367,0-2.275-0.879-3.676-0.903c-1.482-0.024-2.297,0.735-3.652,0.926c-0.155,0-0.31,0-0.462,0c-0.995-0.144-1.798-0.932-2.383-1.642c-1.725-2.098-3.058-4.808-3.306-8.276c0-0.34,0-0.679,0-1.019c0.105-2.482,1.311-4.5,2.914-5.478c0.846-0.52,2.009-0.963,3.304-0.765c0.555,0.086,1.122,0.276,1.619,0.464c0.471,0.181,1.06,0.502,1.618,0.485c0.378-0.011,0.754-0.208,1.135-0.347c1.116-0.403,2.21-0.865,3.652-0.648c1.733,0.262,2.963,1.032,3.723,2.22c-1.466,0.933-2.625,2.339-2.427,4.74C17.818,14.688,19.086,15.964,20.67,16.716z\"/>\n    </svg>\n  );\n}\n\nexport function X({ iconSize }: { iconSize: number }) {\n  return (\n    <svg aria-label=\"X\" viewBox=\"0 0 1200 1227\" width={iconSize} height={iconSize}\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <path fill=\"#FFFFFF\"\n        d=\"M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z\"/>\n    </svg>\n  );\n}\n\nexport function Twitch({ iconSize }: { iconSize: number }) {\n  return (\n    <svg aria-label=\"Twitch\" viewBox=\"0 0 2400 2800\" width={iconSize} height={iconSize}\n      xmlns=\"http://www.w3.org/2000/svg\">\n      <g>\n        <polygon fill={\"#FFFFFF\"}\n          points=\"2200,1300 1800,1700 1400,1700 1050,2050 1050,1700 600,1700 600,200 2200,200\"/>\n        <g>\n          <g id=\"Layer_1-2\">\n            <path fill={\"#9146FF\"} d=\"M500,0L0,500v1800h600v500l500-500h400l900-900V0H500z M2200,1300l-400,400h-400l-350,350v-350H600V200h1600 V1300z\"/>\n            <rect x=\"1700\" y=\"550\" fill={\"#9146FF\"} width=\"200\" height=\"600\"/>\n            <rect x=\"1150\" y=\"550\" fill={\"#9146FF\"} width=\"200\" height=\"600\"/>\n          </g>\n        </g>\n      </g>\n    </svg>\n  );\n}\n\nexport function Mapping({\n  provider,\n  iconSize,\n}: {\n    provider: string,\n    iconSize: number,\n}) {\n  switch (provider) {\n    case \"google\": {\n      return <Google iconSize={iconSize}/>;\n    }\n    case \"github\": {\n      return <GitHub iconSize={iconSize}/>;\n    }\n    case \"facebook\": {\n      return <Facebook iconSize={iconSize}/>;\n    }\n    case \"microsoft\": {\n      return <Microsoft iconSize={iconSize}/>;\n    }\n    case \"spotify\": {\n      return <Spotify iconSize={iconSize}/>;\n    }\n    case \"discord\": {\n      return <Discord iconSize={iconSize}/>;\n    }\n    case \"gitlab\": {\n      return <Gitlab iconSize={iconSize}/>;\n    }\n    case \"bitbucket\": {\n      return <Bitbucket iconSize={iconSize}/>;\n    }\n    case \"linkedin\": {\n      return <LinkedIn iconSize={iconSize}/>;\n    }\n    case \"apple\": {\n      return <Apple iconSize={iconSize}/>;\n    }\n    case \"x\": {\n      return <X iconSize={iconSize}/>;\n    }\n    case \"twitch\": {\n      return <Twitch iconSize={iconSize}/>;\n    }\n    default: {\n      throw new HexclaveAssertionError(`Icon not found for provider: ${provider}`);\n    }\n  }\n}\n\nexport function toTitle(id: string) {\n  return {\n    github: \"GitHub\",\n    google: \"Google\",\n    facebook: \"Facebook\",\n    microsoft: \"Microsoft\",\n    spotify: \"Spotify\",\n    discord: \"Discord\",\n    gitlab: \"GitLab\",\n    apple: \"Apple\",\n    bitbucket: \"Bitbucket\",\n    linkedin: \"LinkedIn\",\n    x: \"X\",\n    twitch: \"Twitch\"\n  }[id] || throwErr(`Unknown provider: ${id}`);\n}\n\nexport const BRAND_COLORS: Record<string, string> = {\n  github: '#24292e',\n  google: '#ffffff',\n  facebook: '#0866FF',\n  microsoft: '#2F2F2F',\n  spotify: '#1DD65F',\n  discord: '#5661F5',\n  linkedin: '#0A66C2',\n  x: '#000000',\n  apple: '#000000',\n  twitch: '#ffffff'\n};\n"],"mappings":"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"}

package/dist/components/browser-frame/index.d.ts

@@ -0,0 +1,21 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/browser-frame/index.d.ts
+type Props = {
+  url?: string;
+  padding?: string;
+  transparentBackground?: boolean;
+  children: React.ReactNode;
+  className?: string;
+};
+declare const BrowserFrame: ({
+  url,
+  padding,
+  transparentBackground,
+  children,
+  className
+}: Props) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { BrowserFrame, Props };
+//# sourceMappingURL=index.d.ts.map

package/dist/components/browser-frame/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","names":[],"sources":["../../../src/components/browser-frame/index.tsx"],"mappings":";;;;KAEY,KAAA;EACV,GAAA;EACA,OAAA;EACA,qBAAA;EACA,QAAA,EAAU,KAAA,CAAM,SAAA;EAChB,SAAA;AAAA;AAAA,cAGW,YAAA;EAAgB,GAAA;EAAA,OAAA;EAAA,qBAAA;EAAA,QAAA;EAAA;AAAA,GAA8D,KAAA,KAAK,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/browser-frame/index.js

@@ -0,0 +1,48 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/browser-frame/index.tsx
+const BrowserFrame = ({ url, padding, transparentBackground, children, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+	className: `rounded-xl overflow-hidden shadow-2xl ${className}`,
+	children: [/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "bg-gray-200 dark:bg-gray-800 h-10 flex items-center py-2 px-4 box-border",
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 bg-red-500 rounded-full mr-1.5 flex-shrink-0" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 bg-yellow-500 rounded-full mr-1.5 flex-shrink-0" }),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { className: "w-3 h-3 bg-green-500 rounded-full mr-2 flex-shrink-0" }),
+			url && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: "text-left bg-white dark:bg-gray-700 h-6 rounded-full leading-6 text-sm text-gray-700 dark:text-gray-300 flex-grow ml-2 mr-4 px-4 whitespace-nowrap overflow-hidden overflow-ellipsis",
+				"aria-hidden": true,
+				children: url
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+				className: "w-4 h-4 ml-auto flex flex-col justify-evenly items-stretch flex-shrink-0",
+				children: [
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 bg-gray-400 dark:bg-gray-500" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 bg-gray-400 dark:bg-gray-500" }),
+					/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { className: "h-0.5 bg-gray-400 dark:bg-gray-500" })
+				]
+			})
+		]
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: `flex grow flex-col p-4 rounded-b-md ${padding ? padding : ""} ${transparentBackground ? "" : "bg-white dark:bg-black"}`,
+		style: transparentBackground ? {
+			backgroundImage: `
+          linear-gradient(45deg, #f0f0f0 25%, transparent 25%), 
+          linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), 
+          linear-gradient(45deg, transparent 75%, #f0f0f0 75%), 
+          linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)
+        `,
+			backgroundSize: "20px 20px",
+			backgroundPosition: "0 0, 0 10px, 10px -10px, -10px 0px"
+		} : {},
+		children
+	})]
+});
+
+//#endregion
+exports.BrowserFrame = BrowserFrame;
+//# sourceMappingURL=index.js.map

package/dist/components/browser-frame/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/components/browser-frame/index.tsx"],"sourcesContent":["import React from \"react\";\n\nexport type Props = {\n  url?: string,\n  padding?: string,\n  transparentBackground?: boolean,\n  children: React.ReactNode,\n  className?: string,\n};\n\nexport const BrowserFrame = ({ url, padding, transparentBackground, children, className }: Props) => (\n  <div className={`rounded-xl overflow-hidden shadow-2xl ${className}`}>\n    <div className=\"bg-gray-200 dark:bg-gray-800 h-10 flex items-center py-2 px-4 box-border\">\n      <div className=\"w-3 h-3 bg-red-500 rounded-full mr-1.5 flex-shrink-0\" />\n      <div className=\"w-3 h-3 bg-yellow-500 rounded-full mr-1.5 flex-shrink-0\" />\n      <div className=\"w-3 h-3 bg-green-500 rounded-full mr-2 flex-shrink-0\" />\n      {url && (\n        <div\n          className=\"text-left bg-white dark:bg-gray-700 h-6 rounded-full leading-6 text-sm text-gray-700 dark:text-gray-300 flex-grow ml-2 mr-4 px-4 whitespace-nowrap overflow-hidden overflow-ellipsis\"\n          aria-hidden\n        >\n          {url}\n        </div>\n      )}\n      <div className=\"w-4 h-4 ml-auto flex flex-col justify-evenly items-stretch flex-shrink-0\">\n        <span className=\"h-0.5 bg-gray-400 dark:bg-gray-500\" />\n        <span className=\"h-0.5 bg-gray-400 dark:bg-gray-500\" />\n        <span className=\"h-0.5 bg-gray-400 dark:bg-gray-500\" />\n      </div>\n    </div>\n    <div\n      className={`flex grow flex-col p-4 rounded-b-md ${padding ? padding : \"\"} ${\n        transparentBackground\n          ? \"\"\n          : \"bg-white dark:bg-black\"\n      }`}\n      style={transparentBackground ? {\n        backgroundImage: `\n          linear-gradient(45deg, #f0f0f0 25%, transparent 25%), \n          linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), \n          linear-gradient(45deg, transparent 75%, #f0f0f0 75%), \n          linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)\n        `,\n        backgroundSize: '20px 20px',\n        backgroundPosition: '0 0, 0 10px, 10px -10px, -10px 0px'\n      } : {}}\n    >\n      {children}\n    </div>\n  </div>\n);\n"],"mappings":";;;;;;;AAUA,MAAa,gBAAgB,EAAE,KAAK,SAAS,uBAAuB,UAAU,gBAC5E,4CAAC;CAAI,WAAW,yCAAyC;YACvD,4CAAC;EAAI,WAAU;;GACb,2CAAC,SAAI,WAAU,yDAAyD;GACxE,2CAAC,SAAI,WAAU,4DAA4D;GAC3E,2CAAC,SAAI,WAAU,yDAAyD;GACvE,OACC,2CAAC;IACC,WAAU;IACV;cAEC;KACG;GAER,4CAAC;IAAI,WAAU;;KACb,2CAAC,UAAK,WAAU,uCAAuC;KACvD,2CAAC,UAAK,WAAU,uCAAuC;KACvD,2CAAC,UAAK,WAAU,uCAAuC;;KACnD;;GACF,EACN,2CAAC;EACC,WAAW,uCAAuC,UAAU,UAAU,GAAG,GACvE,wBACI,KACA;EAEN,OAAO,wBAAwB;GAC7B,iBAAiB;;;;;;GAMjB,gBAAgB;GAChB,oBAAoB;GACrB,GAAG,EAAE;EAEL;GACG;EACF"}

package/dist/components/copy-button.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import * as class_variance_authority_types0 from "class-variance-authority/types";
+import * as class_variance_authority0 from "class-variance-authority";
+
+//#region src/components/copy-button.d.ts
+declare const CopyButton: React.FC<{
+  onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void | Promise<void>;
+  loading?: boolean;
+  loadingStyle?: "spinner" | "disabled";
+} & {
+  asChild?: boolean;
+} & React.ButtonHTMLAttributes<HTMLButtonElement> & class_variance_authority0.VariantProps<(props?: ({
+  variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | "plain" | null | undefined;
+  size?: "default" | "plain" | "sm" | "lg" | "icon" | null | undefined;
+} & class_variance_authority_types0.ClassProp) | undefined) => string> & {
+  ref?: React.Ref<HTMLButtonElement> | undefined;
+} & {
+  content: string;
+}>;
+//#endregion
+export { CopyButton };
+//# sourceMappingURL=copy-button.d.ts.map

package/dist/components/copy-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.d.ts","names":[],"sources":["../../src/components/copy-button.tsx"],"mappings":";;;;;cAOM,UAAA,EAAU,KAAA,CAAA,EAAA"}

package/dist/components/copy-button.js

@@ -0,0 +1,42 @@
+"use client";
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let lucide_react = require("lucide-react");
+let react = require("react");
+react = require_chunk.__toESM(react);
+let ___index_js = require("../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _stackframe_stack_shared_dist_utils_react = require("@hexclave/shared/dist/utils/react");
+
+//#region src/components/copy-button.tsx
+const CopyButton = (0, _stackframe_stack_shared_dist_utils_react.forwardRefIfNeeded)((props, ref) => {
+	const { toast } = (0, ___index_js.useToast)();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Button, {
+		variant: "secondary",
+		...props,
+		className: (0, ___index_js.cn)("h-6 w-6 p-1", props.className),
+		ref,
+		onClick: async (...args) => {
+			await props.onClick?.(...args);
+			try {
+				await navigator.clipboard.writeText(props.content);
+				toast({
+					description: "Copied to clipboard!",
+					variant: "success"
+				});
+			} catch (e) {
+				toast({
+					description: "Failed to copy to clipboard",
+					variant: "destructive"
+				});
+			}
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.Copy, {})
+	});
+});
+CopyButton.displayName = "CopyButton";
+
+//#endregion
+exports.CopyButton = CopyButton;
+//# sourceMappingURL=copy-button.js.map

package/dist/components/copy-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-button.js","names":["Button","Copy"],"sources":["../../src/components/copy-button.tsx"],"sourcesContent":["\"use client\";\n\nimport { forwardRefIfNeeded } from \"@stackframe/stack-shared/dist/utils/react\";\nimport { Copy } from \"lucide-react\";\nimport React from \"react\";\nimport { Button, cn, useToast } from \"..\";\n\nconst CopyButton = forwardRefIfNeeded<\n  React.ElementRef<typeof Button>,\n  React.ComponentProps<typeof Button> & { content: string }\n>((props, ref) => {\n  const { toast } = useToast();\n\n  return (\n    <Button\n      variant=\"secondary\"\n      {...props}\n      className={cn(\"h-6 w-6 p-1\", props.className)}\n      ref={ref}\n      onClick={async (...args) => {\n        await props.onClick?.(...args);\n        try {\n          await navigator.clipboard.writeText(props.content);\n          toast({ description: 'Copied to clipboard!', variant: 'success' });\n        } catch (e) {\n          toast({ description: 'Failed to copy to clipboard', variant: 'destructive' });\n        }\n      }}\n    >\n      <Copy />\n    </Button>\n  );\n});\nCopyButton.displayName = \"CopyButton\";\n\nexport { CopyButton };\n"],"mappings":";;;;;;;;;;;;AAOA,MAAM,gFAGH,OAAO,QAAQ;CAChB,MAAM,EAAE,qCAAoB;AAE5B,QACE,2CAACA;EACC,SAAQ;EACR,GAAI;EACJ,+BAAc,eAAe,MAAM,UAAU;EACxC;EACL,SAAS,OAAO,GAAG,SAAS;AAC1B,SAAM,MAAM,UAAU,GAAG,KAAK;AAC9B,OAAI;AACF,UAAM,UAAU,UAAU,UAAU,MAAM,QAAQ;AAClD,UAAM;KAAE,aAAa;KAAwB,SAAS;KAAW,CAAC;YAC3D,GAAG;AACV,UAAM;KAAE,aAAa;KAA+B,SAAS;KAAe,CAAC;;;YAIjF,2CAACC,sBAAO;GACD;EAEX;AACF,WAAW,cAAc"}

package/dist/components/copy-field.d.ts

@@ -0,0 +1,18 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/copy-field.d.ts
+declare function CopyField(props: {
+  value: string;
+  label?: React.ReactNode;
+  helper?: React.ReactNode;
+  monospace?: boolean;
+  fixedSize?: boolean;
+} & ({
+  type: "textarea";
+  height?: number;
+} | {
+  type: "input";
+})): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { CopyField };
+//# sourceMappingURL=copy-field.d.ts.map

package/dist/components/copy-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field.d.ts","names":[],"sources":["../../src/components/copy-field.tsx"],"mappings":";;;iBAGgB,SAAA,CAAU,KAAA;EACxB,KAAA;EACA,KAAA,GAAQ,KAAA,CAAM,SAAA;EACd,MAAA,GAAS,KAAA,CAAM,SAAA;EACf,SAAA;EACA,SAAA;AAAA;EAEA,IAAA;EACA,MAAA;AAAA;EAEA,IAAA;AAAA,KACA,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/copy-field.js

@@ -0,0 +1,42 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../chunk-BE-pF4vm.js');
+let ___index_js = require("../index.js");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __copy_button_js = require("./copy-button.js");
+
+//#region src/components/copy-field.tsx
+function CopyField(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", { children: [props.label && /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___index_js.Label, {
+		className: "flex items-center gap-2 mb-2",
+		children: [props.label, props.helper && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.SimpleTooltip, {
+			type: "info",
+			tooltip: props.helper
+		})]
+	}), props.type === "textarea" ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "relative pr-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Textarea, {
+			readOnly: true,
+			value: props.value,
+			style: {
+				height: props.height,
+				fontFamily: props.monospace ? "ui-monospace, monospace" : "inherit",
+				whiteSpace: props.monospace ? "pre" : "normal",
+				resize: props.fixedSize ? "none" : "vertical"
+			}
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__copy_button_js.CopyButton, {
+			content: props.value,
+			className: "absolute right-4 top-2"
+		})]
+	}) : /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+		className: "flex items-center gap-2",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___index_js.Input, {
+			readOnly: true,
+			value: props.value,
+			style: { fontFamily: props.monospace ? "ui-monospace, monospace" : "inherit" }
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(__copy_button_js.CopyButton, { content: props.value })]
+	})] });
+}
+
+//#endregion
+exports.CopyField = CopyField;
+//# sourceMappingURL=copy-field.js.map

package/dist/components/copy-field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"copy-field.js","names":["Label","SimpleTooltip","Textarea","CopyButton","Input"],"sources":["../../src/components/copy-field.tsx"],"sourcesContent":["import { Input, Label, SimpleTooltip, Textarea } from \"..\";\nimport { CopyButton } from \"./copy-button\";\n\nexport function CopyField(props: {\n  value: string,\n  label?: React.ReactNode,\n  helper?: React.ReactNode,\n  monospace?: boolean,\n  fixedSize?: boolean,\n} & ({\n  type: \"textarea\",\n  height?: number,\n} | {\n  type: \"input\",\n})) {\n  return (\n    <div>\n      {props.label && (\n        <Label className=\"flex items-center gap-2 mb-2\">\n          {props.label}\n          {props.helper && <SimpleTooltip type=\"info\" tooltip={props.helper} />}\n        </Label>\n      )}\n      {props.type === \"textarea\" ? (\n        <div className=\"relative pr-2\">\n          <Textarea\n            readOnly\n            value={props.value}\n            style={{\n              height: props.height,\n              fontFamily: props.monospace ? \"ui-monospace, monospace\" : \"inherit\",\n              whiteSpace: props.monospace ? \"pre\" : \"normal\",\n              resize: props.fixedSize ? \"none\" : \"vertical\"\n            }}\n          />\n          <CopyButton content={props.value} className=\"absolute right-4 top-2\" />\n        </div>\n      ) : (\n        <div className=\"flex items-center gap-2\">\n          <Input\n            readOnly\n            value={props.value}\n            style={{\n              fontFamily: props.monospace ? \"ui-monospace, monospace\" : \"inherit\",\n            }}\n          />\n          <CopyButton content={props.value} />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AAGA,SAAgB,UAAU,OAWtB;AACF,QACE,4CAAC,oBACE,MAAM,SACL,4CAACA;EAAM,WAAU;aACd,MAAM,OACN,MAAM,UAAU,2CAACC;GAAc,MAAK;GAAO,SAAS,MAAM;IAAU;GAC/D,EAET,MAAM,SAAS,aACd,4CAAC;EAAI,WAAU;aACb,2CAACC;GACC;GACA,OAAO,MAAM;GACb,OAAO;IACL,QAAQ,MAAM;IACd,YAAY,MAAM,YAAY,4BAA4B;IAC1D,YAAY,MAAM,YAAY,QAAQ;IACtC,QAAQ,MAAM,YAAY,SAAS;IACpC;IACD,EACF,2CAACC;GAAW,SAAS,MAAM;GAAO,WAAU;IAA2B;GACnE,GAEN,4CAAC;EAAI,WAAU;aACb,2CAACC;GACC;GACA,OAAO,MAAM;GACb,OAAO,EACL,YAAY,MAAM,YAAY,4BAA4B,WAC3D;IACD,EACF,2CAACD,+BAAW,SAAS,MAAM,QAAS;GAChC,IAEJ"}

package/dist/components/data-table/cells.d.ts

@@ -0,0 +1,35 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+
+//#region src/components/data-table/cells.d.ts
+declare function TextCell(props: {
+  children: React.ReactNode;
+  size?: number;
+  icon?: React.ReactNode;
+}): react_jsx_runtime0.JSX.Element;
+declare function AvatarCell(props: {
+  src?: string;
+  fallback?: string;
+}): react_jsx_runtime0.JSX.Element;
+declare function DateCell(props: {
+  date: Date;
+  ignoreAfterYears?: number;
+}): react_jsx_runtime0.JSX.Element;
+type ActionItem = '-' | {
+  item: React.ReactNode;
+  onClick: (e: React.MouseEvent) => void | Promise<void>;
+  danger?: boolean;
+  disabled?: boolean;
+  disabledTooltip?: string;
+};
+declare function ActionCell(props: {
+  items?: ActionItem[];
+  invisible?: boolean;
+}): react_jsx_runtime0.JSX.Element;
+declare function BadgeCell(props: {
+  badges: string[];
+  size?: number;
+}): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ActionCell, AvatarCell, BadgeCell, DateCell, TextCell };
+//# sourceMappingURL=cells.d.ts.map

package/dist/components/data-table/cells.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cells.d.ts","names":[],"sources":["../../../src/components/data-table/cells.tsx"],"mappings":";;;;iBAMgB,QAAA,CAAS,KAAA;EAAS,QAAA,EAAU,KAAA,CAAM,SAAA;EAAW,IAAA;EAAe,IAAA,GAAO,KAAA,CAAM,SAAA;AAAA,IAAW,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAsCpF,UAAA,CAAW,KAAA;EAAS,GAAA;EAAc,QAAA;AAAA,IAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBASrD,QAAA,CAAS,KAAA;EAAS,IAAA,EAAM,IAAA;EAAM,gBAAA;AAAA,IAA2B,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAUpE,UAAA;EACH,IAAA,EAAM,KAAA,CAAM,SAAA;EACZ,OAAA,GAAU,CAAA,EAAG,KAAA,CAAM,UAAA,YAAsB,OAAA;EACzC,MAAA;EACA,QAAA;EACA,eAAA;AAAA;AAAA,iBAGc,UAAA,CAAW,KAAA;EACzB,KAAA,GAAQ,UAAA;EACR,SAAA;AAAA,IACD,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,iBAkDe,SAAA,CAAU,KAAA;EAAS,MAAA;EAAkB,IAAA;AAAA,IAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-table/cells.js

@@ -0,0 +1,114 @@
+'use client';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let react = require("react");
+react = require_chunk.__toESM(react);
+let react_jsx_runtime = require("react/jsx-runtime");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+let ______index_js = require("../../index.js");
+
+//#region src/components/data-table/cells.tsx
+function TextCell(props) {
+	const textRef = (0, react.useRef)(null);
+	const [isOverflowing, setIsOverflowing] = (0, react.useState)(false);
+	const overflowStyle = "text-ellipsis text-nowrap overflow-x-hidden";
+	(0, react.useEffect)(() => {
+		const checkOverflow = () => {
+			if (textRef.current) setIsOverflowing(textRef.current.scrollWidth > textRef.current.clientWidth);
+		};
+		checkOverflow();
+		window.addEventListener("resize", checkOverflow);
+		return () => {
+			window.removeEventListener("resize", checkOverflow);
+		};
+	}, []);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "relative",
+		style: { minWidth: props.size },
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center gap-2 absolute inset-0",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+				className: overflowStyle,
+				ref: textRef,
+				children: isOverflowing ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.SimpleTooltip, {
+					tooltip: props.children,
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						className: overflowStyle,
+						children: props.children
+					})
+				}) : props.children
+			}), props.icon && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: props.icon })]
+		})
+	});
+}
+function AvatarCell(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(______index_js.Avatar, {
+		className: "h-6 w-6",
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.AvatarImage, { src: props.src }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.AvatarFallback, { children: props.fallback })]
+	});
+}
+function DateCell(props) {
+	const ignore = !!props.ignoreAfterYears && new Date((/* @__PURE__ */ new Date()).setFullYear((/* @__PURE__ */ new Date()).getFullYear() + props.ignoreAfterYears)) < props.date;
+	const timeString = props.date.toLocaleTimeString([], {
+		year: "numeric",
+		month: "numeric",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit"
+	});
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(TextCell, {
+		size: 140,
+		children: ignore ? "Never" : timeString
+	});
+}
+function ActionCell(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(______index_js.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.DropdownMenuTrigger, {
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(______index_js.Button, {
+			variant: "ghost",
+			className: (0, ______index_js.cn)("flex h-8 w-8 p-0 data-[state=open]:bg-muted", props.invisible && "invisible"),
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.DotsHorizontalIcon, { className: "h-4 w-4" }), /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
+				className: "sr-only",
+				children: "Open menu"
+			})]
+		})
+	}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.DropdownMenuContent, {
+		align: "end",
+		className: "min-w-[150px] max-w-[300px] stack-scope",
+		children: props.items?.map((item, index) => {
+			if (item === "-") return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.DropdownMenuSeparator, {}, index);
+			const menuItemProps = {
+				onClick: item.onClick,
+				className: (0, ______index_js.cn)(item.danger ? "text-destructive" : ""),
+				disabled: item.disabled
+			};
+			const menuItem = /* @__PURE__ */ (0, react.createElement)(______index_js.DropdownMenuItem, {
+				...menuItemProps,
+				key: index
+			}, item.item);
+			if (item.disabled && item.disabledTooltip) return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.SimpleTooltip, {
+				tooltip: item.disabledTooltip,
+				children: react.default.cloneElement(menuItem, { className: (0, ______index_js.cn)(menuItemProps.className, "opacity-50 cursor-not-allowed") })
+			}, index);
+			return menuItem;
+		})
+	})] });
+}
+function BadgeCell(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: "flex items-center gap-1 flex-wrap",
+		children: props.badges.map((badge, index) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(______index_js.Badge, {
+			variant: "secondary",
+			children: badge
+		}, index))
+	});
+}
+
+//#endregion
+exports.ActionCell = ActionCell;
+exports.AvatarCell = AvatarCell;
+exports.BadgeCell = BadgeCell;
+exports.DateCell = DateCell;
+exports.TextCell = TextCell;
+//# sourceMappingURL=cells.js.map

package/dist/components/data-table/cells.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cells.js","names":["SimpleTooltip","Avatar","AvatarImage","AvatarFallback","DropdownMenu","DropdownMenuTrigger","Button","DotsHorizontalIcon","DropdownMenuContent","DropdownMenuSeparator","DropdownMenuItem","React","Badge"],"sources":["../../../src/components/data-table/cells.tsx"],"sourcesContent":["\n'use client';\nimport { DotsHorizontalIcon } from \"@radix-ui/react-icons\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport { Avatar, AvatarFallback, AvatarImage, Badge, Button, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, SimpleTooltip, cn } from \"../..\";\n\nexport function TextCell(props: { children: React.ReactNode, size?: number, icon?: React.ReactNode }) {\n  const textRef = useRef<HTMLDivElement>(null);\n  const [isOverflowing, setIsOverflowing] = useState(false);\n  const overflowStyle = \"text-ellipsis text-nowrap overflow-x-hidden\";\n\n  useEffect(() => {\n    const checkOverflow = () => {\n      if (textRef.current) {\n        const isOverflowing = textRef.current.scrollWidth > textRef.current.clientWidth;\n        setIsOverflowing(isOverflowing);\n      }\n    };\n\n    checkOverflow();\n    window.addEventListener('resize', checkOverflow);\n    return () => {\n      window.removeEventListener('resize', checkOverflow);\n    };\n  }, []);\n\n  return (\n    <div className=\"relative\" style={{ minWidth: props.size }}>\n      <div className=\"flex items-center gap-2 absolute inset-0\">\n        <div className={overflowStyle} ref={textRef}>\n          {isOverflowing ? (\n            <SimpleTooltip tooltip={props.children}>\n              <div className={overflowStyle}>\n                {props.children}\n              </div>\n            </SimpleTooltip>\n          ) : props.children}\n        </div>\n        {props.icon && <div>{props.icon}</div>}\n      </div>\n    </div>\n  );\n}\n\nexport function AvatarCell(props: { src?: string, fallback?: string }) {\n  return (\n    <Avatar className=\"h-6 w-6\">\n      <AvatarImage src={props.src} />\n      <AvatarFallback>{props.fallback}</AvatarFallback>\n    </Avatar>\n  );\n}\n\nexport function DateCell(props: { date: Date, ignoreAfterYears?: number }) {\n  const ignore = !!props.ignoreAfterYears && new Date(new Date().setFullYear(new Date().getFullYear() + props.ignoreAfterYears)) < props.date;\n  const timeString = props.date.toLocaleTimeString([], { year: 'numeric', month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' });\n  return (\n    <TextCell size={140}>\n      {ignore ? 'Never' : timeString}\n    </TextCell>\n  );\n}\n\ntype ActionItem = '-' | {\n  item: React.ReactNode,\n  onClick: (e: React.MouseEvent) => void | Promise<void>,\n  danger?: boolean,\n  disabled?: boolean,\n  disabledTooltip?: string,\n}\n\nexport function ActionCell(props: {\n  items?: ActionItem[],\n  invisible?: boolean,\n}) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>\n        <Button\n          variant=\"ghost\"\n          className={cn(\n            \"flex h-8 w-8 p-0 data-[state=open]:bg-muted\",\n            props.invisible && \"invisible\",\n          )}\n        >\n          <DotsHorizontalIcon className=\"h-4 w-4\" />\n          <span className=\"sr-only\">Open menu</span>\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" className=\"min-w-[150px] max-w-[300px] stack-scope\">\n        {props.items?.map((item, index) => {\n          if (item === '-') {\n            return <DropdownMenuSeparator key={index} />;\n          }\n\n          const menuItemProps = {\n            onClick: item.onClick,\n            className: cn(item.danger ? \"text-destructive\" : \"\"),\n            disabled: item.disabled\n          };\n\n          const menuItem = (\n            <DropdownMenuItem {...menuItemProps} key={index}>\n              {item.item}\n            </DropdownMenuItem>\n          );\n\n          if (item.disabled && item.disabledTooltip) {\n            return (\n              <SimpleTooltip tooltip={item.disabledTooltip} key={index}>\n                {React.cloneElement(menuItem, {\n                  className: cn(menuItemProps.className, \"opacity-50 cursor-not-allowed\")\n                })}\n              </SimpleTooltip>\n            );\n          }\n\n          return menuItem;\n        })}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  );\n}\n\nexport function BadgeCell(props: { badges: string[], size?: number }) {\n  return (\n    <div className=\"flex items-center gap-1 flex-wrap\">\n      {props.badges.map((badge, index) => (\n        <Badge key={index} variant=\"secondary\">{badge}</Badge>\n      ))}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAMA,SAAgB,SAAS,OAA6E;CACpG,MAAM,4BAAiC,KAAK;CAC5C,MAAM,CAAC,eAAe,wCAA6B,MAAM;CACzD,MAAM,gBAAgB;AAEtB,4BAAgB;EACd,MAAM,sBAAsB;AAC1B,OAAI,QAAQ,QAEV,kBADsB,QAAQ,QAAQ,cAAc,QAAQ,QAAQ,YACrC;;AAInC,iBAAe;AACf,SAAO,iBAAiB,UAAU,cAAc;AAChD,eAAa;AACX,UAAO,oBAAoB,UAAU,cAAc;;IAEpD,EAAE,CAAC;AAEN,QACE,2CAAC;EAAI,WAAU;EAAW,OAAO,EAAE,UAAU,MAAM,MAAM;YACvD,4CAAC;GAAI,WAAU;cACb,2CAAC;IAAI,WAAW;IAAe,KAAK;cACjC,gBACC,2CAACA;KAAc,SAAS,MAAM;eAC5B,2CAAC;MAAI,WAAW;gBACb,MAAM;OACH;MACQ,GACd,MAAM;KACN,EACL,MAAM,QAAQ,2CAAC,mBAAK,MAAM,OAAW;IAClC;GACF;;AAIV,SAAgB,WAAW,OAA4C;AACrE,QACE,4CAACC;EAAO,WAAU;aAChB,2CAACC,8BAAY,KAAK,MAAM,MAAO,EAC/B,2CAACC,2CAAgB,MAAM,WAA0B;GAC1C;;AAIb,SAAgB,SAAS,OAAkD;CACzE,MAAM,SAAS,CAAC,CAAC,MAAM,oBAAoB,IAAI,sBAAK,IAAI,MAAM,EAAC,6BAAY,IAAI,MAAM,EAAC,aAAa,GAAG,MAAM,iBAAiB,CAAC,GAAG,MAAM;CACvI,MAAM,aAAa,MAAM,KAAK,mBAAmB,EAAE,EAAE;EAAE,MAAM;EAAW,OAAO;EAAW,KAAK;EAAW,MAAM;EAAW,QAAQ;EAAW,CAAC;AAC/I,QACE,2CAAC;EAAS,MAAM;YACb,SAAS,UAAU;GACX;;AAYf,SAAgB,WAAW,OAGxB;AACD,QACE,4CAACC,0CACC,2CAACC;EAAoB;YACnB,4CAACC;GACC,SAAQ;GACR,kCACE,+CACA,MAAM,aAAa,YACpB;cAED,2CAACC,4CAAmB,WAAU,YAAY,EAC1C,2CAAC;IAAK,WAAU;cAAU;KAAgB;IACnC;GACW,EACtB,2CAACC;EAAoB,OAAM;EAAM,WAAU;YACxC,MAAM,OAAO,KAAK,MAAM,UAAU;AACjC,OAAI,SAAS,IACX,QAAO,2CAACC,0CAA2B,MAAS;GAG9C,MAAM,gBAAgB;IACpB,SAAS,KAAK;IACd,kCAAc,KAAK,SAAS,qBAAqB,GAAG;IACpD,UAAU,KAAK;IAChB;GAED,MAAM,WACJ,yCAACC;IAAiB,GAAI;IAAe,KAAK;MACvC,KAAK,KACW;AAGrB,OAAI,KAAK,YAAY,KAAK,gBACxB,QACE,2CAACV;IAAc,SAAS,KAAK;cAC1BW,cAAM,aAAa,UAAU,EAC5B,kCAAc,cAAc,WAAW,gCAAgC,EACxE,CAAC;MAH+C,MAInC;AAIpB,UAAO;IACP;GACkB,IACT;;AAInB,SAAgB,UAAU,OAA4C;AACpE,QACE,2CAAC;EAAI,WAAU;YACZ,MAAM,OAAO,KAAK,OAAO,UACxB,2CAACC;GAAkB,SAAQ;aAAa;KAA5B,MAA0C,CACtD;GACE"}

package/dist/components/data-table/column-header.d.ts

@@ -0,0 +1,16 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { Column } from "@tanstack/react-table";
+
+//#region src/components/data-table/column-header.d.ts
+type DataTableColumnHeaderProps<TData, TValue> = {
+  column: Column<TData, TValue>;
+  columnTitle: React.ReactNode;
+} & React.HTMLAttributes<HTMLDivElement>;
+declare function DataTableColumnHeader<TData, TValue>({
+  column,
+  columnTitle,
+  className
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataTableColumnHeader };
+//# sourceMappingURL=column-header.d.ts.map

package/dist/components/data-table/column-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-header.d.ts","names":[],"sources":["../../../src/components/data-table/column-header.tsx"],"mappings":";;;;KAMK,0BAAA;EACH,MAAA,EAAQ,MAAA,CAAO,KAAA,EAAO,MAAA;EACtB,WAAA,EAAa,KAAA,CAAM,SAAA;AAAA,IACjB,KAAA,CAAM,cAAA,CAAe,cAAA;AAAA,iBAaT,qBAAA,eAAA,CAAA;EACd,MAAA;EACA,WAAA;EACA;AAAA,GACC,0BAAA,CAA2B,KAAA,EAAO,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/components/data-table/column-header.js

@@ -0,0 +1,48 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+const require_chunk = require('../../chunk-BE-pF4vm.js');
+let lucide_react = require("lucide-react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let ___ui_button_js = require("../ui/button.js");
+let ___ui_dropdown_menu_js = require("../ui/dropdown-menu.js");
+let ______lib_utils_js = require("../../lib/utils.js");
+
+//#region src/components/data-table/column-header.tsx
+function Item(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(___ui_dropdown_menu_js.DropdownMenuItem, {
+		onClick: props.onClick,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
+			className: "flex items-center",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(props.icon, { className: "mr-2 h-3.5 w-3.5 text-muted-foreground/70" }), props.children]
+		})
+	});
+}
+function DataTableColumnHeader({ column, columnTitle, className }) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		className: (0, ______lib_utils_js.cn)("flex items-center space-x-2", className),
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___ui_dropdown_menu_js.DropdownMenu, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(___ui_dropdown_menu_js.DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___ui_button_js.Button, {
+				variant: "ghost",
+				size: "sm",
+				className: (0, ______lib_utils_js.cn)("-ml-3 h-8 data-[state=open]:bg-accent", !column.getCanSort() && "pointer-events-none"),
+				children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { children: columnTitle }), column.getIsSorted() === "desc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowDown, { className: "ml-2 h-4 w-4" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(lucide_react.ArrowUp, { className: "ml-2 h-4 w-4" }) : null]
+			})
+		}), /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(___ui_dropdown_menu_js.DropdownMenuContent, {
+			align: "start",
+			className: "stack-scope",
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Item, {
+				icon: lucide_react.ArrowUp,
+				onClick: () => column.toggleSorting(false),
+				children: "Asc"
+			}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(Item, {
+				icon: lucide_react.ArrowDown,
+				onClick: () => column.toggleSorting(true),
+				children: "Desc"
+			})]
+		})] })
+	});
+}
+
+//#endregion
+exports.DataTableColumnHeader = DataTableColumnHeader;
+//# sourceMappingURL=column-header.js.map

package/dist/components/data-table/column-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-header.js","names":["DropdownMenuItem","DropdownMenu","DropdownMenuTrigger","Button","ArrowDown","ArrowUp","DropdownMenuContent"],"sources":["../../../src/components/data-table/column-header.tsx"],"sourcesContent":["import { Button } from \"../ui/button\";\nimport { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from \"../ui/dropdown-menu\";\nimport { Column } from \"@tanstack/react-table\";\nimport { ArrowDown, ArrowUp, LucideIcon } from \"lucide-react\";\nimport { cn } from \"../../lib/utils\";\n\ntype DataTableColumnHeaderProps<TData, TValue> = {\n  column: Column<TData, TValue>,\n  columnTitle: React.ReactNode,\n} & React.HTMLAttributes<HTMLDivElement>\n\nfunction Item(props: { icon: LucideIcon, onClick: () => void, children: React.ReactNode }) {\n  return (\n    <DropdownMenuItem onClick={props.onClick}>\n      <div className=\"flex items-center\">\n        <props.icon className=\"mr-2 h-3.5 w-3.5 text-muted-foreground/70\" />\n        {props.children}\n      </div>\n    </DropdownMenuItem>\n  );\n}\n\nexport function DataTableColumnHeader<TData, TValue>({\n  column,\n  columnTitle,\n  className,\n}: DataTableColumnHeaderProps<TData, TValue>) {\n  return (\n    <div className={cn(\"flex items-center space-x-2\", className)}>\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            className={cn(\"-ml-3 h-8 data-[state=open]:bg-accent\", !column.getCanSort() && \"pointer-events-none\")}\n          >\n            <span>{columnTitle}</span>\n            {column.getIsSorted() === \"desc\" ? (\n              <ArrowDown className=\"ml-2 h-4 w-4\" />\n            ) : column.getIsSorted() === \"asc\" ? (\n              <ArrowUp className=\"ml-2 h-4 w-4\" />\n            ) : null}\n          </Button>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent align=\"start\" className=\"stack-scope\">\n          <Item icon={ArrowUp} onClick={() => column.toggleSorting(false)}>Asc</Item>\n          <Item icon={ArrowDown} onClick={() => column.toggleSorting(true)}>Desc</Item>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAWA,SAAS,KAAK,OAA6E;AACzF,QACE,2CAACA;EAAiB,SAAS,MAAM;YAC/B,4CAAC;GAAI,WAAU;cACb,2CAAC,MAAM,QAAK,WAAU,8CAA8C,EACnE,MAAM;IACH;GACW;;AAIvB,SAAgB,sBAAqC,EACnD,QACA,aACA,aAC4C;AAC5C,QACE,2CAAC;EAAI,sCAAc,+BAA+B,UAAU;YAC1D,4CAACC,kDACC,2CAACC;GAAoB;aACnB,4CAACC;IACC,SAAQ;IACR,MAAK;IACL,sCAAc,yCAAyC,CAAC,OAAO,YAAY,IAAI,sBAAsB;eAErG,2CAAC,oBAAM,cAAmB,EACzB,OAAO,aAAa,KAAK,SACxB,2CAACC,0BAAU,WAAU,iBAAiB,GACpC,OAAO,aAAa,KAAK,QAC3B,2CAACC,wBAAQ,WAAU,iBAAiB,GAClC;KACG;IACW,EACtB,4CAACC;GAAoB,OAAM;GAAQ,WAAU;cAC3C,2CAAC;IAAK,MAAMD;IAAS,eAAe,OAAO,cAAc,MAAM;cAAE;KAAU,EAC3E,2CAAC;IAAK,MAAMD;IAAW,eAAe,OAAO,cAAc,KAAK;cAAE;KAAW;IACzD,IACT;GACX"}

package/dist/components/data-table/data-table.d.ts

@@ -0,0 +1,59 @@
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import React from "react";
+import { ColumnDef, ColumnFiltersState, SortingState, Table, VisibilityState } from "@tanstack/react-table";
+
+//#region src/components/data-table/data-table.d.ts
+declare function TableView<TData, TValue>(props: {
+  table: Table<TData>;
+  columns: ColumnDef<TData, TValue>[];
+  toolbarRender?: (table: Table<TData>) => React.ReactNode;
+  showDefaultToolbar?: boolean;
+  defaultColumnFilters: ColumnFiltersState;
+  defaultSorting: SortingState;
+  onRowClick?: (row: TData) => void;
+}): react_jsx_runtime0.JSX.Element;
+type DataTableProps<TData, TValue> = {
+  columns: ColumnDef<TData, TValue>[];
+  data: TData[];
+  toolbarRender?: (table: Table<TData>) => React.ReactNode;
+  defaultVisibility?: VisibilityState;
+  defaultColumnFilters: ColumnFiltersState;
+  defaultSorting: SortingState;
+  showDefaultToolbar?: boolean;
+  onRowClick?: (row: TData) => void;
+};
+declare function DataTable<TData, TValue>({
+  columns,
+  data,
+  toolbarRender,
+  defaultVisibility,
+  defaultColumnFilters,
+  defaultSorting,
+  showDefaultToolbar,
+  onRowClick
+}: DataTableProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
+type DataTableManualPaginationProps<TData, TValue> = DataTableProps<TData, TValue> & {
+  onUpdate: (options: {
+    cursor: string;
+    limit: number;
+    sorting: SortingState;
+    columnFilters: ColumnFiltersState;
+    globalFilters: any;
+  }) => Promise<{
+    nextCursor: string | null;
+  }>;
+};
+declare function DataTableManualPagination<TData, TValue>({
+  columns,
+  data,
+  toolbarRender,
+  defaultVisibility,
+  defaultColumnFilters,
+  defaultSorting,
+  onRowClick,
+  onUpdate,
+  showDefaultToolbar
+}: DataTableManualPaginationProps<TData, TValue>): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DataTable, DataTableManualPagination, TableView };
+//# sourceMappingURL=data-table.d.ts.map

package/dist/components/data-table/data-table.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"data-table.d.ts","names":[],"sources":["../../../src/components/data-table/data-table.tsx"],"mappings":";;;;;iBAiCgB,SAAA,eAAA,CAAyB,KAAA;EACvC,KAAA,EAAO,KAAA,CAAU,KAAA;EACjB,OAAA,EAAS,SAAA,CAAU,KAAA,EAAO,MAAA;EAC1B,aAAA,IAAiB,KAAA,EAAO,KAAA,CAAU,KAAA,MAAW,KAAA,CAAM,SAAA;EACnD,kBAAA;EACA,oBAAA,EAAsB,kBAAA;EACtB,cAAA,EAAgB,YAAA;EAChB,UAAA,IAAc,GAAA,EAAK,KAAA;AAAA,IACpB,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KAuEI,cAAA;EACH,OAAA,EAAS,SAAA,CAAU,KAAA,EAAO,MAAA;EAC1B,IAAA,EAAM,KAAA;EACN,aAAA,IAAiB,KAAA,EAAO,KAAA,CAAU,KAAA,MAAW,KAAA,CAAM,SAAA;EACnD,iBAAA,GAAoB,eAAA;EACpB,oBAAA,EAAsB,kBAAA;EACtB,cAAA,EAAgB,YAAA;EAChB,kBAAA;EACA,UAAA,IAAc,GAAA,EAAK,KAAA;AAAA;AAAA,iBAGL,SAAA,eAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA,aAAA;EACA,iBAAA;EACA,oBAAA;EACA,cAAA;EACA,kBAAA;EACA;AAAA,GACC,cAAA,CAAe,KAAA,EAAO,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA;AAAA,KA+B3B,8BAAA,kBAAgD,cAAA,CAAe,KAAA,EAAO,MAAA;EACzE,QAAA,GAAW,OAAA;IACT,MAAA;IACA,KAAA;IACA,OAAA,EAAS,YAAA;IACT,aAAA,EAAe,kBAAA;IACf,aAAA;EAAA,MACI,OAAA;IAAU,UAAA;EAAA;AAAA;AAAA,iBAGF,yBAAA,eAAA,CAAA;EACd,OAAA;EACA,IAAA;EACA,aAAA;EACA,iBAAA;EACA,oBAAA;EACA,cAAA;EACA,UAAA;EACA,QAAA;EACA;AAAA,GACC,8BAAA,CAA+B,KAAA,EAAO,MAAA,IAAO,kBAAA,CAAA,GAAA,CAAA,OAAA"}