dune-react 0.0.1 → 0.0.3

package/dist/style.css

@@ -0,0 +1,692 @@
+/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
+:root {
+  --background: oklch(100% 0 0);
+  --foreground: oklch(14.5% 0 0);
+  --card: oklch(100% 0 0);
+  --card-foreground: oklch(14.5% 0 0);
+  --popover: oklch(100% 0 0);
+  --popover-foreground: oklch(14.5% 0 0);
+  --primary: oklch(57% .24 282.36);
+  --primary-foreground: oklch(98.5% 0 0);
+  --secondary: oklch(97% 0 0);
+  --secondary-foreground: oklch(20.5% 0 0);
+  --muted: oklch(97% 0 0);
+  --muted-foreground: oklch(55.6% 0 0);
+  --accent: oklch(97% 0 0);
+  --accent-foreground: oklch(20.5% 0 0);
+  --destructive: oklch(57.4% .207 23.267);
+  --destructive-foreground: oklch(98.5% 0 0);
+  --border: lab(90.952% 0 -.0000119209);
+  --input: lab(90.952% 0 -.0000119209);
+  --ring: oklch(57% .24 282.36);
+  --chart-1: oklch(57% .24 282.36);
+  --chart-2: oklch(66.4% .163 153.128);
+  --chart-3: oklch(57.4% .207 23.267);
+  --chart-4: oklch(77% .154 80.945);
+  --chart-5: oklch(63.6% .132 71.194);
+  --radius: .625rem;
+  --sidebar: oklch(100% 0 0);
+  --sidebar-foreground: oklch(14.5% 0 0);
+  --sidebar-primary: oklch(57% .24 282.36);
+  --sidebar-primary-foreground: oklch(98.5% 0 0);
+  --sidebar-accent: #f3f4f6;
+  --sidebar-accent-foreground: #f3f4f6;
+  --sidebar-border: oklch(92.2% 0 0);
+  --sidebar-ring: oklch(57% .24 282.36);
+  --color-primary-50: #f3f2ff;
+  --color-primary-100: #e8e8ff;
+  --color-primary-200: #d4d4ff;
+  --color-primary-300: #b6b1ff;
+  --color-primary-400: #9185ff;
+  --color-primary-500: #6c52ff;
+  --color-primary-600: #5a30f7;
+  --color-primary-700: #4c1ee3;
+  --color-primary-800: #3f18bf;
+  --color-primary-900: #35169c;
+  --color-primary-950: #1e0b6a;
+  --color-neutral-0: #fff;
+  --color-neutral-50: #f5f7fa;
+  --color-neutral-100: #f2f5f8;
+  --color-neutral-200: #e1e4ea;
+  --color-neutral-300: #cacfd8;
+  --color-neutral-400: #99a0ae;
+  --color-neutral-500: #717784;
+  --color-neutral-600: #525866;
+  --color-neutral-700: #2b303b;
+  --color-neutral-800: #222530;
+  --color-neutral-900: #181b25;
+  --color-neutral-950: #0e121b;
+}
+
+.dark {
+  --background: oklch(14.5% 0 0);
+  --foreground: oklch(98.5% 0 0);
+  --card: oklch(20.5% 0 0);
+  --card-foreground: oklch(98.5% 0 0);
+  --popover: oklch(20.5% 0 0);
+  --popover-foreground: oklch(98.5% 0 0);
+  --primary: oklch(57% .24 282.36);
+  --primary-foreground: oklch(98.5% 0 0);
+  --secondary: oklch(26.9% 0 0);
+  --secondary-foreground: oklch(98.5% 0 0);
+  --muted: oklch(26.9% 0 0);
+  --muted-foreground: oklch(70.8% 0 0);
+  --accent: oklch(26.9% 0 0);
+  --accent-foreground: oklch(98.5% 0 0);
+  --destructive: oklch(61.4% .214 22.342);
+  --destructive-foreground: oklch(98.5% 0 0);
+  --border: oklch(100% 0 0 / .1);
+  --input: oklch(100% 0 0 / .15);
+  --ring: oklch(57% .24 282.36);
+  --chart-1: oklch(57% .24 282.36);
+  --chart-2: oklch(71.3% .171 153.607);
+  --chart-3: oklch(61.4% .214 22.342);
+  --chart-4: oklch(77% .154 80.945);
+  --chart-5: oklch(63.6% .132 71.194);
+  --sidebar: oklch(0% 0 0);
+  --sidebar-foreground: oklch(98.5% 0 0);
+  --sidebar-primary: oklch(57% .24 282.36);
+  --sidebar-primary-foreground: oklch(98.5% 0 0);
+  --sidebar-accent: oklch(98.5% 0 0);
+  --sidebar-accent-foreground: oklch(20.5% 0 0);
+  --sidebar-border: oklch(100% 0 0 / .1);
+  --sidebar-ring: oklch(57% .24 282.36);
+  --color-primary-50: #f3f2ff;
+  --color-primary-100: #e8e8ff;
+  --color-primary-200: #d4d4ff;
+  --color-primary-300: #b6b1ff;
+  --color-primary-400: #9185ff;
+  --color-primary-500: #6c52ff;
+  --color-primary-600: #5a30f7;
+  --color-primary-700: #4c1ee3;
+  --color-primary-800: #3f18bf;
+  --color-primary-900: #35169c;
+  --color-primary-950: #1e0b6a;
+  --color-neutral-0: #fff;
+  --color-neutral-50: #f5f7fa;
+  --color-neutral-100: #f2f5f8;
+  --color-neutral-200: #e1e4ea;
+  --color-neutral-300: #cacfd8;
+  --color-neutral-400: #99a0ae;
+  --color-neutral-500: #717784;
+  --color-neutral-600: #525866;
+  --color-neutral-700: #2b303b;
+  --color-neutral-800: #222530;
+  --color-neutral-900: #181b25;
+  --color-neutral-950: #0e121b;
+}
+
+:root {
+  --success: oklch(66.4% .163 153.128);
+  --success-foreground: oklch(98.5% 0 0);
+  --warning: oklch(77% .154 80.945);
+  --warning-foreground: oklch(14.5% 0 0);
+  --info: oklch(57% .24 282.36);
+  --info-foreground: oklch(98.5% 0 0);
+}
+
+.dark {
+  --success: oklch(71.3% .171 153.607);
+  --success-foreground: oklch(14.5% 0 0);
+  --warning: oklch(79% .165 85);
+  --warning-foreground: oklch(14.5% 0 0);
+  --info: oklch(57% .24 282.36);
+  --info-foreground: oklch(98.5% 0 0);
+}
+
+:root, .dark {
+  --ant-button-border-color-disabled: var(--ant-btn-bg-color-disabled);
+  --primary-hover: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-hover: color-mix(in oklch, var(--primary) 88%, var(--background));
+  }
+}
+
+:root, .dark {
+  --primary-active: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-active: color-mix(in oklch, var(--primary) 78%, var(--background));
+  }
+}
+
+:root, .dark {
+  --primary-border: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-border: color-mix(in oklch, var(--primary) 35%, var(--border));
+  }
+}
+
+:root, .dark {
+  --primary-soft-bg: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-soft-bg: color-mix(in oklch, var(--primary) 12%, var(--background));
+  }
+}
+
+:root, .dark {
+  --primary-bg: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-bg: color-mix(in oklch, var(--primary) 10%, var(--background));
+  }
+}
+
+:root, .dark {
+  --primary-bg-hover: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-bg-hover: color-mix(in oklch,
+    var(--primary) 18%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --primary-border-hover: var(--primary);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --primary-border-hover: color-mix(in oklch,
+    var(--primary) 50%,
+    var(--border));
+  }
+}
+
+:root, .dark {
+  --primary-text: var(--primary);
+  --primary-text-hover: var(--primary-hover);
+  --primary-text-active: var(--primary-active);
+  --destructive-hover: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --destructive-hover: color-mix(in oklch,
+    var(--destructive) 88%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --destructive-active: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --destructive-active: color-mix(in oklch,
+    var(--destructive) 78%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --destructive-border: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --destructive-border: color-mix(in oklch,
+    var(--destructive) 35%,
+    var(--border));
+  }
+}
+
+:root, .dark {
+  --destructive-soft-bg: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --destructive-soft-bg: color-mix(in oklch,
+    var(--destructive) 12%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --error-bg: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --error-bg: color-mix(in oklch, var(--destructive) 10%, var(--background));
+  }
+}
+
+:root, .dark {
+  --error-bg-hover: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --error-bg-hover: color-mix(in oklch,
+    var(--destructive) 18%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --error-border-hover: var(--destructive);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --error-border-hover: color-mix(in oklch,
+    var(--destructive) 50%,
+    var(--border));
+  }
+}
+
+:root, .dark {
+  --error-text: var(--destructive);
+  --error-text-hover: var(--destructive-hover);
+  --error-text-active: var(--destructive-active);
+  --success-hover: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-hover: color-mix(in oklch, var(--success) 88%, var(--background));
+  }
+}
+
+:root, .dark {
+  --success-active: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-active: color-mix(in oklch, var(--success) 78%, var(--background));
+  }
+}
+
+:root, .dark {
+  --success-border: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-border: color-mix(in oklch, var(--success) 35%, var(--border));
+  }
+}
+
+:root, .dark {
+  --success-bg: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-bg: color-mix(in oklch, var(--success) 10%, var(--background));
+  }
+}
+
+:root, .dark {
+  --success-bg-hover: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-bg-hover: color-mix(in oklch,
+    var(--success) 18%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --success-border-hover: var(--success);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --success-border-hover: color-mix(in oklch,
+    var(--success) 50%,
+    var(--border));
+  }
+}
+
+:root, .dark {
+  --success-text: var(--success);
+  --success-text-hover: var(--success-hover);
+  --success-text-active: var(--success-active);
+  --warning-hover: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-hover: color-mix(in oklch, var(--warning) 88%, var(--background));
+  }
+}
+
+:root, .dark {
+  --warning-active: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-active: color-mix(in oklch, var(--warning) 78%, var(--background));
+  }
+}
+
+:root, .dark {
+  --warning-border: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-border: color-mix(in oklch, var(--warning) 35%, var(--border));
+  }
+}
+
+:root, .dark {
+  --warning-bg: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-bg: color-mix(in oklch, var(--warning) 10%, var(--background));
+  }
+}
+
+:root, .dark {
+  --warning-bg-hover: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-bg-hover: color-mix(in oklch,
+    var(--warning) 18%,
+    var(--background));
+  }
+}
+
+:root, .dark {
+  --warning-border-hover: var(--warning);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --warning-border-hover: color-mix(in oklch,
+    var(--warning) 50%,
+    var(--border));
+  }
+}
+
+:root, .dark {
+  --warning-text: var(--warning);
+  --warning-text-hover: var(--warning-hover);
+  --warning-text-active: var(--warning-active);
+  --info-hover: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-hover: color-mix(in oklch, var(--info) 88%, var(--background));
+  }
+}
+
+:root, .dark {
+  --info-active: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-active: color-mix(in oklch, var(--info) 78%, var(--background));
+  }
+}
+
+:root, .dark {
+  --info-border: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-border: color-mix(in oklch, var(--info) 35%, var(--border));
+  }
+}
+
+:root, .dark {
+  --info-bg: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-bg: color-mix(in oklch, var(--info) 10%, var(--background));
+  }
+}
+
+:root, .dark {
+  --info-bg-hover: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-bg-hover: color-mix(in oklch, var(--info) 18%, var(--background));
+  }
+}
+
+:root, .dark {
+  --info-border-hover: var(--info);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --info-border-hover: color-mix(in oklch, var(--info) 50%, var(--border));
+  }
+}
+
+:root, .dark {
+  --info-text: var(--info);
+  --info-text-hover: var(--info-hover);
+  --info-text-active: var(--info-active);
+  --muted-hover: var(--muted);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --muted-hover: color-mix(in oklch, var(--muted) 85%, var(--background));
+  }
+}
+
+:root, .dark {
+  --accent-hover: var(--accent);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --accent-hover: color-mix(in oklch, var(--accent) 85%, var(--background));
+  }
+}
+
+:root, .dark {
+  --ring-20: var(--ring);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --ring-20: color-mix(in oklch, var(--ring) 20%, transparent);
+  }
+}
+
+:root, .dark {
+  --ring-30: var(--ring);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --ring-30: color-mix(in oklch, var(--ring) 30%, transparent);
+  }
+}
+
+:root, .dark {
+  --border-strong: var(--border);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --border-strong: color-mix(in oklch, var(--border) 75%, var(--foreground));
+  }
+}
+
+:root, .dark {
+  --border-secondary: var(--border);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --border-secondary: color-mix(in oklch, var(--border) 60%, transparent);
+  }
+}
+
+:root, .dark {
+  --disabled-bg: var(--muted);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --disabled-bg: color-mix(in oklch, var(--muted) 70%, var(--background));
+  }
+}
+
+:root, .dark {
+  --disabled-text: var(--muted-foreground);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --disabled-text: color-mix(in oklch,
+    var(--muted-foreground) 80%,
+    var(--foreground));
+  }
+}
+
+:root, .dark {
+  --bg-spotlight: var(--foreground);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --bg-spotlight: color-mix(in oklch, var(--foreground) 6%, var(--background));
+  }
+}
+
+:root, .dark {
+  --bg-mask: var(--foreground);
+}
+
+@supports (color: color-mix(in lab, red, red)) {
+  :root, .dark {
+    --bg-mask: color-mix(in oklch, var(--foreground) 45%, transparent);
+  }
+}
+
+:root, .dark {
+  --ant-tooltip-color: #101828;
+}
+
+:root, :host {
+  --color-primary-50: var(--color-primary-50);
+  --color-primary-100: var(--color-primary-100);
+  --color-primary-200: var(--color-primary-200);
+  --color-primary-300: var(--color-primary-300);
+  --color-primary-400: var(--color-primary-400);
+  --color-primary-500: var(--color-primary-500);
+  --color-primary-600: var(--color-primary-600);
+  --color-primary-700: var(--color-primary-700);
+  --color-primary-800: var(--color-primary-800);
+  --color-primary-900: var(--color-primary-900);
+  --color-primary-950: var(--color-primary-950);
+  --color-neutral-0: var(--color-neutral-0);
+  --color-neutral-50: var(--color-neutral-50);
+  --color-neutral-100: var(--color-neutral-100);
+  --color-neutral-200: var(--color-neutral-200);
+  --color-neutral-300: var(--color-neutral-300);
+  --color-neutral-400: var(--color-neutral-400);
+  --color-neutral-500: var(--color-neutral-500);
+  --color-neutral-600: var(--color-neutral-600);
+  --color-neutral-700: var(--color-neutral-700);
+  --color-neutral-800: var(--color-neutral-800);
+  --color-neutral-900: var(--color-neutral-900);
+  --color-neutral-950: var(--color-neutral-950);
+  --font-sans: var(--font-sans);
+  --font-mono: var(--font-mono);
+  --font-serif: var(--font-serif);
+  --shadow-2xs: var(--shadow-2xs);
+  --shadow-xs: var(--shadow-xs);
+  --shadow-sm: var(--shadow-sm);
+  --shadow: var(--shadow);
+  --shadow-md: var(--shadow-md);
+  --shadow-lg: var(--shadow-lg);
+  --shadow-xl: var(--shadow-xl);
+  --shadow-2xl: var(--shadow-2xl);
+}
+
+@keyframes spin {
+  from {
+    transform: rotate(0);
+  }
+
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.beam-border {
+  pointer-events: none;
+  border-radius: 9999px;
+  position: absolute;
+  inset: 0;
+  overflow: hidden;
+}
+
+.beam-border:before {
+  content: "";
+  background: conic-gradient(from 0deg, transparent 0 340deg, white 360deg);
+  opacity: 0;
+  transition: opacity .3s;
+  animation: 4s linear infinite spin;
+  position: absolute;
+  inset: -2px;
+}
+
+.group:hover .beam-border:before {
+  opacity: 1;
+}
+
+@layer base {
+  * {
+    border-color: var(--border);
+    outline-color: var(--ring);
+  }
+
+  @supports (color: color-mix(in lab, red, red)) {
+    * {
+      outline-color: color-mix(in oklab, var(--ring) 50%, transparent);
+    }
+  }
+
+  body {
+    background-color: var(--background);
+    color: var(--foreground);
+  }
+
+  html {
+    font-family: var(--font-sans);
+  }
+}

package/dist/utils/css-utils.js

@@ -1,6 +1,6 @@
-import { withFluid } from "../node_modules/.pnpm/@fluid-tailwind_tailwind-merge@0.0.3_tailwind-merge@3.3.1/node_modules/@fluid-tailwind/tailwind-merge/dist/index.js";
+import { withFluid } from "../node_modules/.pnpm/@fluid-tailwind_tailwind-merge@0.0.3_tailwind-merge@3.5.0/node_modules/@fluid-tailwind/tailwind-merge/dist/index.js";
 import { clsx } from "../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.js";
-import { extendTailwindMerge } from "../node_modules/.pnpm/tailwind-merge@3.3.1/node_modules/tailwind-merge/dist/bundle-mjs.js";
+import { extendTailwindMerge } from "../node_modules/.pnpm/tailwind-merge@3.5.0/node_modules/tailwind-merge/dist/bundle-mjs.js";
 const twMerge = extendTailwindMerge({}, withFluid);
 function cn(...inputs) {
   return twMerge(clsx(inputs));

package/dist/utils/utils-random.js

@@ -1,4 +1,4 @@
-import { customAlphabet } from "../node_modules/.pnpm/nanoid@5.1.5/node_modules/nanoid/index.browser.js";
+import { customAlphabet } from "../node_modules/.pnpm/nanoid@5.1.7/node_modules/nanoid/index.browser.js";
 const alphabet = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
 const nanoid = customAlphabet(alphabet, 16);
 export {