convex-cms 0.0.9-alpha.9 → 0.0.10

package/admin/src/styles/tailwind-config.css

@@ -1,111 +0,0 @@
-/* ============================================
-   CMS Admin - Tailwind v4 Configuration
-
-   This file contains Tailwind v4 specific config:
-   - @custom-variant for dark mode
-   - @theme for base tokens (fonts, radii, animations)
-   - @theme inline for color mappings to CSS vars
-   ============================================ */
-
-@custom-variant dark (&:is(.dark *));
-
-@theme {
-  /* Typography */
-  --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
-  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
-
-  /* Border Radius */
-  --radius-sm: 0.25rem;
-  --radius-md: 0.375rem;
-  --radius-lg: 0.5rem;
-  --radius-xl: 0.75rem;
-
-  /* Sidebar dimensions */
-  --sidebar-width: 16rem;
-  --sidebar-width-icon: 3rem;
-
-  /* Animations */
-  --animate-accordion-down: accordion-down 0.2s ease-out;
-  --animate-accordion-up: accordion-up 0.2s ease-out;
-
-  @keyframes accordion-down {
-    from { height: 0; }
-    to { height: var(--radix-accordion-content-height); }
-  }
-
-  @keyframes accordion-up {
-    from { height: var(--radix-accordion-content-height); }
-    to { height: 0; }
-  }
-}
-
-/* Map CSS custom properties to Tailwind theme colors */
-@theme inline {
-  /* Main colors */
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --color-card: var(--card);
-  --color-card-foreground: var(--card-foreground);
-  --color-popover: var(--popover);
-  --color-popover-foreground: var(--popover-foreground);
-  --color-primary: var(--primary);
-  --color-primary-foreground: var(--primary-foreground);
-  --color-secondary: var(--secondary);
-  --color-secondary-foreground: var(--secondary-foreground);
-  --color-muted: var(--muted);
-  --color-muted-foreground: var(--muted-foreground);
-  --color-accent: var(--accent);
-  --color-accent-foreground: var(--accent-foreground);
-  --color-destructive: var(--destructive);
-  --color-destructive-foreground: var(--destructive-foreground);
-  --color-border: var(--border);
-  --color-input: var(--input);
-  --color-ring: var(--ring);
-
-  /* Sidebar */
-  --color-sidebar: var(--sidebar);
-  --color-sidebar-foreground: var(--sidebar-foreground);
-  --color-sidebar-primary: var(--sidebar-primary);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
-  --color-sidebar-accent: var(--sidebar-accent);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
-  --color-sidebar-border: var(--sidebar-border);
-  --color-sidebar-ring: var(--sidebar-ring);
-
-  /* Diff colors */
-  --color-diff-added: var(--diff-added);
-  --color-diff-added-bg: var(--diff-added-bg);
-  --color-diff-added-border: var(--diff-added-border);
-  --color-diff-added-foreground: var(--diff-added-foreground);
-
-  --color-diff-removed: var(--diff-removed);
-  --color-diff-removed-bg: var(--diff-removed-bg);
-  --color-diff-removed-border: var(--diff-removed-border);
-  --color-diff-removed-foreground: var(--diff-removed-foreground);
-
-  --color-diff-modified: var(--diff-modified);
-  --color-diff-modified-bg: var(--diff-modified-bg);
-  --color-diff-modified-border: var(--diff-modified-border);
-  --color-diff-modified-foreground: var(--diff-modified-foreground);
-
-  /* Semantic states */
-  --color-success: var(--success);
-  --color-success-foreground: var(--success-foreground);
-  --color-warning: var(--warning);
-  --color-warning-foreground: var(--warning-foreground);
-  --color-info: var(--info);
-  --color-info-bg: var(--info-bg);
-  --color-info-foreground: var(--info-foreground);
-
-  /* Purple (workflow states) */
-  --color-purple: var(--purple);
-  --color-purple-bg: var(--purple-bg);
-  --color-purple-foreground: var(--purple-foreground);
-
-  /* Chart colors */
-  --color-chart-1: var(--chart-1);
-  --color-chart-2: var(--chart-2);
-  --color-chart-3: var(--chart-3);
-  --color-chart-4: var(--chart-4);
-  --color-chart-5: var(--chart-5);
-}

package/admin/src/styles/theme.css

@@ -1,384 +0,0 @@
-/* ============================================
-   CMS Admin Theme - CSS Custom Properties
-   Professional & Clean (Linear/Notion aesthetic)
-
-   Theme Modes:
-   - Standalone: :root variables for running independently
-   - Isolated: [data-cms-admin="isolated"] forces admin's own theme
-   - Inherit: [data-cms-admin="inherit"] inherits parent app variables
-   ============================================ */
-
-/* Standalone mode - admin owns the document */
-:root {
-  --background: hsl(0 0% 98%);
-  --foreground: hsl(240 10% 3.9%);
-  --card: hsl(0 0% 100%);
-  --card-foreground: hsl(240 10% 3.9%);
-  --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(240 10% 3.9%);
-  --primary: hsl(240 5.9% 10%);
-  --primary-foreground: hsl(0 0% 98%);
-  --secondary: hsl(240 4.8% 95.9%);
-  --secondary-foreground: hsl(240 5.9% 10%);
-  --muted: hsl(240 4.8% 95.9%);
-  --muted-foreground: hsl(240 3.8% 46.1%);
-  --accent: hsl(240 4.8% 95.9%);
-  --accent-foreground: hsl(240 5.9% 10%);
-  --destructive: hsl(0 84.2% 60.2%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: hsl(240 5.9% 90%);
-  --input: hsl(240 5.9% 90%);
-  --ring: hsl(240 5.9% 10%);
-
-  --sidebar: hsl(0 0% 98%);
-  --sidebar-foreground: hsl(240 5.3% 26.1%);
-  --sidebar-primary: hsl(240 5.9% 10%);
-  --sidebar-primary-foreground: hsl(0 0% 98%);
-  --sidebar-accent: hsl(240 4.8% 95.9%);
-  --sidebar-accent-foreground: hsl(240 5.9% 10%);
-  --sidebar-border: hsl(220 13% 91%);
-  --sidebar-ring: hsl(217.2 91.2% 59.8%);
-
-  /* Semantic status colors */
-  --success: hsl(142 76% 36%);
-  --success-foreground: hsl(0 0% 100%);
-  --warning: hsl(38 92% 50%);
-  --warning-foreground: hsl(0 0% 0%);
-  --info: hsl(217 91% 60%);
-  --info-bg: hsl(217 91% 95%);
-  --info-foreground: hsl(217 91% 40%);
-
-  /* Diff colors */
-  --diff-added: hsl(142 76% 36%);
-  --diff-added-bg: hsl(142 76% 95%);
-  --diff-added-border: hsl(142 60% 80%);
-  --diff-added-foreground: hsl(142 72% 29%);
-  --diff-removed: hsl(0 84% 60%);
-  --diff-removed-bg: hsl(0 84% 95%);
-  --diff-removed-border: hsl(0 70% 85%);
-  --diff-removed-foreground: hsl(0 72% 40%);
-  --diff-modified: hsl(38 92% 50%);
-  --diff-modified-bg: hsl(38 92% 95%);
-  --diff-modified-border: hsl(38 80% 85%);
-  --diff-modified-foreground: hsl(38 80% 35%);
-
-  /* Purple (for custom workflow states) */
-  --purple: hsl(270 70% 60%);
-  --purple-bg: hsl(270 70% 95%);
-  --purple-foreground: hsl(270 60% 35%);
-
-  /* Chart colors (shadcn standard) */
-  --chart-1: hsl(12 76% 61%);
-  --chart-2: hsl(173 58% 39%);
-  --chart-3: hsl(197 37% 24%);
-  --chart-4: hsl(43 74% 66%);
-  --chart-5: hsl(27 87% 67%);
-
-  /* Border radius */
-  --radius: 0.5rem;
-}
-
-/* Isolated mode - forces admin's own theme, overrides parent */
-[data-cms-admin="isolated"] {
-  --background: hsl(0 0% 98%);
-  --foreground: hsl(240 10% 3.9%);
-  --card: hsl(0 0% 100%);
-  --card-foreground: hsl(240 10% 3.9%);
-  --popover: hsl(0 0% 100%);
-  --popover-foreground: hsl(240 10% 3.9%);
-  --primary: hsl(240 5.9% 10%);
-  --primary-foreground: hsl(0 0% 98%);
-  --secondary: hsl(240 4.8% 95.9%);
-  --secondary-foreground: hsl(240 5.9% 10%);
-  --muted: hsl(240 4.8% 95.9%);
-  --muted-foreground: hsl(240 3.8% 46.1%);
-  --accent: hsl(240 4.8% 95.9%);
-  --accent-foreground: hsl(240 5.9% 10%);
-  --destructive: hsl(0 84.2% 60.2%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: hsl(240 5.9% 90%);
-  --input: hsl(240 5.9% 90%);
-  --ring: hsl(240 5.9% 10%);
-
-  --sidebar: hsl(0 0% 98%);
-  --sidebar-foreground: hsl(240 5.3% 26.1%);
-  --sidebar-primary: hsl(240 5.9% 10%);
-  --sidebar-primary-foreground: hsl(0 0% 98%);
-  --sidebar-accent: hsl(240 4.8% 95.9%);
-  --sidebar-accent-foreground: hsl(240 5.9% 10%);
-  --sidebar-border: hsl(220 13% 91%);
-  --sidebar-ring: hsl(217.2 91.2% 59.8%);
-
-  /* Semantic status colors */
-  --success: hsl(142 76% 36%);
-  --success-foreground: hsl(0 0% 100%);
-  --warning: hsl(38 92% 50%);
-  --warning-foreground: hsl(0 0% 0%);
-  --info: hsl(217 91% 60%);
-  --info-bg: hsl(217 91% 95%);
-  --info-foreground: hsl(217 91% 40%);
-
-  /* Diff colors */
-  --diff-added: hsl(142 76% 36%);
-  --diff-added-bg: hsl(142 76% 95%);
-  --diff-added-border: hsl(142 60% 80%);
-  --diff-added-foreground: hsl(142 72% 29%);
-  --diff-removed: hsl(0 84% 60%);
-  --diff-removed-bg: hsl(0 84% 95%);
-  --diff-removed-border: hsl(0 70% 85%);
-  --diff-removed-foreground: hsl(0 72% 40%);
-  --diff-modified: hsl(38 92% 50%);
-  --diff-modified-bg: hsl(38 92% 95%);
-  --diff-modified-border: hsl(38 80% 85%);
-  --diff-modified-foreground: hsl(38 80% 35%);
-
-  /* Purple (for custom workflow states) */
-  --purple: hsl(270 70% 60%);
-  --purple-bg: hsl(270 70% 95%);
-  --purple-foreground: hsl(270 60% 35%);
-
-  /* Chart colors (shadcn standard) */
-  --chart-1: hsl(12 76% 61%);
-  --chart-2: hsl(173 58% 39%);
-  --chart-3: hsl(197 37% 24%);
-  --chart-4: hsl(43 74% 66%);
-  --chart-5: hsl(27 87% 67%);
-
-  /* Border radius */
-  --radius: 0.5rem;
-}
-
-/* Inherit mode - only admin-specific variables with fallbacks
-   Standard shadcn variables (background, foreground, etc.) are NOT defined here,
-   allowing them to inherit from the parent app's :root */
-[data-cms-admin="inherit"] {
-  --sidebar: var(--sidebar, hsl(0 0% 98%));
-  --sidebar-foreground: var(--sidebar-foreground, hsl(240 5.3% 26.1%));
-  --sidebar-primary: var(--sidebar-primary, hsl(240 5.9% 10%));
-  --sidebar-primary-foreground: var(--sidebar-primary-foreground, hsl(0 0% 98%));
-  --sidebar-accent: var(--sidebar-accent, hsl(240 4.8% 95.9%));
-  --sidebar-accent-foreground: var(--sidebar-accent-foreground, hsl(240 5.9% 10%));
-  --sidebar-border: var(--sidebar-border, hsl(220 13% 91%));
-  --sidebar-ring: var(--sidebar-ring, hsl(217.2 91.2% 59.8%));
-
-  /* Semantic status colors - fallbacks */
-  --success: var(--success, hsl(142 76% 36%));
-  --success-foreground: var(--success-foreground, hsl(0 0% 100%));
-  --warning: var(--warning, hsl(38 92% 50%));
-  --warning-foreground: var(--warning-foreground, hsl(0 0% 0%));
-  --info: var(--info, hsl(217 91% 60%));
-  --info-bg: var(--info-bg, hsl(217 91% 95%));
-  --info-foreground: var(--info-foreground, hsl(217 91% 40%));
-
-  /* Diff colors - fallbacks */
-  --diff-added: var(--diff-added, hsl(142 76% 36%));
-  --diff-added-bg: var(--diff-added-bg, hsl(142 76% 95%));
-  --diff-added-border: var(--diff-added-border, hsl(142 60% 80%));
-  --diff-added-foreground: var(--diff-added-foreground, hsl(142 72% 29%));
-  --diff-removed: var(--diff-removed, hsl(0 84% 60%));
-  --diff-removed-bg: var(--diff-removed-bg, hsl(0 84% 95%));
-  --diff-removed-border: var(--diff-removed-border, hsl(0 70% 85%));
-  --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 72% 40%));
-  --diff-modified: var(--diff-modified, hsl(38 92% 50%));
-  --diff-modified-bg: var(--diff-modified-bg, hsl(38 92% 95%));
-  --diff-modified-border: var(--diff-modified-border, hsl(38 80% 85%));
-  --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 80% 35%));
-
-  /* Purple - fallbacks */
-  --purple: var(--purple, hsl(270 70% 60%));
-  --purple-bg: var(--purple-bg, hsl(270 70% 95%));
-  --purple-foreground: var(--purple-foreground, hsl(270 60% 35%));
-
-  /* Chart colors - fallbacks */
-  --chart-1: var(--chart-1, hsl(12 76% 61%));
-  --chart-2: var(--chart-2, hsl(173 58% 39%));
-  --chart-3: var(--chart-3, hsl(197 37% 24%));
-  --chart-4: var(--chart-4, hsl(43 74% 66%));
-  --chart-5: var(--chart-5, hsl(27 87% 67%));
-
-  /* Border radius - fallback */
-  --radius: var(--radius, 0.5rem);
-}
-
-/* Dark mode for standalone */
-.dark {
-  --background: hsl(240 10% 3.9%);
-  --foreground: hsl(0 0% 98%);
-  --card: hsl(240 10% 7%);
-  --card-foreground: hsl(0 0% 98%);
-  --popover: hsl(240 10% 7%);
-  --popover-foreground: hsl(0 0% 98%);
-  --primary: hsl(0 0% 98%);
-  --primary-foreground: hsl(240 5.9% 10%);
-  --secondary: hsl(240 3.7% 15.9%);
-  --secondary-foreground: hsl(0 0% 98%);
-  --muted: hsl(240 3.7% 15.9%);
-  --muted-foreground: hsl(240 5% 64.9%);
-  --accent: hsl(240 3.7% 15.9%);
-  --accent-foreground: hsl(0 0% 98%);
-  --destructive: hsl(0 62.8% 50.6%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: hsl(240 3.7% 20%);
-  --input: hsl(240 3.7% 20%);
-  --ring: hsl(240 4.9% 83.9%);
-
-  --sidebar: hsl(240 5.9% 10%);
-  --sidebar-foreground: hsl(240 4.8% 95.9%);
-  --sidebar-primary: hsl(224.3 76.3% 48%);
-  --sidebar-primary-foreground: hsl(0 0% 100%);
-  --sidebar-accent: hsl(240 3.7% 15.9%);
-  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
-  --sidebar-border: hsl(240 3.7% 15.9%);
-  --sidebar-ring: hsl(217.2 91.2% 59.8%);
-
-  /* Semantic status colors - dark */
-  --success: hsl(142 70% 45%);
-  --success-foreground: hsl(0 0% 100%);
-  --warning: hsl(38 92% 50%);
-  --warning-foreground: hsl(0 0% 0%);
-  --info: hsl(217 91% 65%);
-  --info-bg: hsl(217 50% 20%);
-  --info-foreground: hsl(217 91% 80%);
-
-  /* Diff colors - dark */
-  --diff-added: hsl(142 70% 45%);
-  --diff-added-bg: hsl(142 50% 15%);
-  --diff-added-border: hsl(142 50% 30%);
-  --diff-added-foreground: hsl(142 70% 70%);
-  --diff-removed: hsl(0 70% 55%);
-  --diff-removed-bg: hsl(0 50% 15%);
-  --diff-removed-border: hsl(0 50% 30%);
-  --diff-removed-foreground: hsl(0 70% 70%);
-  --diff-modified: hsl(38 80% 55%);
-  --diff-modified-bg: hsl(38 50% 15%);
-  --diff-modified-border: hsl(38 50% 30%);
-  --diff-modified-foreground: hsl(38 80% 70%);
-
-  /* Purple - dark */
-  --purple: hsl(270 70% 65%);
-  --purple-bg: hsl(270 50% 20%);
-  --purple-foreground: hsl(270 70% 80%);
-
-  /* Chart colors - dark */
-  --chart-1: hsl(12 76% 61%);
-  --chart-2: hsl(173 58% 39%);
-  --chart-3: hsl(197 37% 54%);
-  --chart-4: hsl(43 74% 66%);
-  --chart-5: hsl(27 87% 67%);
-}
-
-/* Dark mode for isolated embedded */
-[data-cms-admin="isolated"].dark,
-[data-cms-admin="isolated"] .dark {
-  --background: hsl(240 10% 3.9%);
-  --foreground: hsl(0 0% 98%);
-  --card: hsl(240 10% 7%);
-  --card-foreground: hsl(0 0% 98%);
-  --popover: hsl(240 10% 7%);
-  --popover-foreground: hsl(0 0% 98%);
-  --primary: hsl(0 0% 98%);
-  --primary-foreground: hsl(240 5.9% 10%);
-  --secondary: hsl(240 3.7% 15.9%);
-  --secondary-foreground: hsl(0 0% 98%);
-  --muted: hsl(240 3.7% 15.9%);
-  --muted-foreground: hsl(240 5% 64.9%);
-  --accent: hsl(240 3.7% 15.9%);
-  --accent-foreground: hsl(0 0% 98%);
-  --destructive: hsl(0 62.8% 50.6%);
-  --destructive-foreground: hsl(0 0% 98%);
-  --border: hsl(240 3.7% 20%);
-  --input: hsl(240 3.7% 20%);
-  --ring: hsl(240 4.9% 83.9%);
-
-  --sidebar: hsl(240 5.9% 10%);
-  --sidebar-foreground: hsl(240 4.8% 95.9%);
-  --sidebar-primary: hsl(224.3 76.3% 48%);
-  --sidebar-primary-foreground: hsl(0 0% 100%);
-  --sidebar-accent: hsl(240 3.7% 15.9%);
-  --sidebar-accent-foreground: hsl(240 4.8% 95.9%);
-  --sidebar-border: hsl(240 3.7% 15.9%);
-  --sidebar-ring: hsl(217.2 91.2% 59.8%);
-
-  /* Semantic status colors - dark */
-  --success: hsl(142 70% 45%);
-  --success-foreground: hsl(0 0% 100%);
-  --warning: hsl(38 92% 50%);
-  --warning-foreground: hsl(0 0% 0%);
-  --info: hsl(217 91% 65%);
-  --info-bg: hsl(217 50% 20%);
-  --info-foreground: hsl(217 91% 80%);
-
-  /* Diff colors - dark */
-  --diff-added: hsl(142 70% 45%);
-  --diff-added-bg: hsl(142 50% 15%);
-  --diff-added-border: hsl(142 50% 30%);
-  --diff-added-foreground: hsl(142 70% 70%);
-  --diff-removed: hsl(0 70% 55%);
-  --diff-removed-bg: hsl(0 50% 15%);
-  --diff-removed-border: hsl(0 50% 30%);
-  --diff-removed-foreground: hsl(0 70% 70%);
-  --diff-modified: hsl(38 80% 55%);
-  --diff-modified-bg: hsl(38 50% 15%);
-  --diff-modified-border: hsl(38 50% 30%);
-  --diff-modified-foreground: hsl(38 80% 70%);
-
-  /* Purple - dark */
-  --purple: hsl(270 70% 65%);
-  --purple-bg: hsl(270 50% 20%);
-  --purple-foreground: hsl(270 70% 80%);
-
-  /* Chart colors - dark */
-  --chart-1: hsl(12 76% 61%);
-  --chart-2: hsl(173 58% 39%);
-  --chart-3: hsl(197 37% 54%);
-  --chart-4: hsl(43 74% 66%);
-  --chart-5: hsl(27 87% 67%);
-}
-
-/* Dark mode fallbacks for inherit mode */
-[data-cms-admin="inherit"].dark,
-[data-cms-admin="inherit"] .dark {
-  --sidebar: var(--sidebar, hsl(240 5.9% 10%));
-  --sidebar-foreground: var(--sidebar-foreground, hsl(240 4.8% 95.9%));
-  --sidebar-primary: var(--sidebar-primary, hsl(224.3 76.3% 48%));
-  --sidebar-primary-foreground: var(--sidebar-primary-foreground, hsl(0 0% 100%));
-  --sidebar-accent: var(--sidebar-accent, hsl(240 3.7% 15.9%));
-  --sidebar-accent-foreground: var(--sidebar-accent-foreground, hsl(240 4.8% 95.9%));
-  --sidebar-border: var(--sidebar-border, hsl(240 3.7% 15.9%));
-  --sidebar-ring: var(--sidebar-ring, hsl(217.2 91.2% 59.8%));
-
-  /* Semantic status colors - dark fallbacks */
-  --success: var(--success, hsl(142 70% 45%));
-  --success-foreground: var(--success-foreground, hsl(0 0% 100%));
-  --warning: var(--warning, hsl(38 92% 50%));
-  --warning-foreground: var(--warning-foreground, hsl(0 0% 0%));
-  --info: var(--info, hsl(217 91% 65%));
-  --info-bg: var(--info-bg, hsl(217 50% 20%));
-  --info-foreground: var(--info-foreground, hsl(217 91% 80%));
-
-  /* Diff colors - dark fallbacks */
-  --diff-added: var(--diff-added, hsl(142 70% 45%));
-  --diff-added-bg: var(--diff-added-bg, hsl(142 50% 15%));
-  --diff-added-border: var(--diff-added-border, hsl(142 50% 30%));
-  --diff-added-foreground: var(--diff-added-foreground, hsl(142 70% 70%));
-  --diff-removed: var(--diff-removed, hsl(0 70% 55%));
-  --diff-removed-bg: var(--diff-removed-bg, hsl(0 50% 15%));
-  --diff-removed-border: var(--diff-removed-border, hsl(0 50% 30%));
-  --diff-removed-foreground: var(--diff-removed-foreground, hsl(0 70% 70%));
-  --diff-modified: var(--diff-modified, hsl(38 80% 55%));
-  --diff-modified-bg: var(--diff-modified-bg, hsl(38 50% 15%));
-  --diff-modified-border: var(--diff-modified-border, hsl(38 50% 30%));
-  --diff-modified-foreground: var(--diff-modified-foreground, hsl(38 80% 70%));
-
-  /* Purple - dark fallbacks */
-  --purple: var(--purple, hsl(270 70% 65%));
-  --purple-bg: var(--purple-bg, hsl(270 50% 20%));
-  --purple-foreground: var(--purple-foreground, hsl(270 70% 80%));
-
-  /* Chart colors - dark fallbacks */
-  --chart-1: var(--chart-1, hsl(12 76% 61%));
-  --chart-2: var(--chart-2, hsl(173 58% 39%));
-  --chart-3: var(--chart-3, hsl(197 37% 54%));
-  --chart-4: var(--chart-4, hsl(43 74% 66%));
-  --chart-5: var(--chart-5, hsl(27 87% 67%));
-}

package/admin-dist/public/assets/CmsToolbar-CY6GV2L8.js

@@ -1 +0,0 @@
-import{j as e,I as i,h as o}from"./main-CA-4LyFT.js";import{S as p}from"./search-WXp6KxDJ.js";function u({left:t,right:s,search:a,filters:r,actions:l,className:n,children:x,...m}){return e.jsxs("div",{className:o("flex flex-wrap items-center justify-between gap-3 pb-4",n),...m,children:[e.jsxs("div",{className:"flex flex-1 flex-wrap items-center gap-2",children:[a&&e.jsxs("div",{className:"relative w-full max-w-xs",children:[e.jsx(p,{className:"absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground"}),e.jsx(i,{type:"search",placeholder:a.placeholder??"Search...",value:a.value,onChange:c=>a.onChange(c.target.value),className:"pl-9"})]}),r,t,x]}),(s||l)&&e.jsx("div",{className:"flex items-center gap-2",children:s??l})]})}export{u as C};