@nextlyhq/plugin-form-builder 0.0.2-alpha.34 → 0.0.2-alpha.37

package/dist/chunk-XTCEPJ7B.js

@@ -1,256 +0,0 @@
-// src/admin/fields/OptionsEditor.tsx
-import {
-  DndContext,
-  closestCenter,
-  KeyboardSensor,
-  PointerSensor,
-  useSensor,
-  useSensors
-} from "@dnd-kit/core";
-import {
-  arrayMove,
-  SortableContext,
-  sortableKeyboardCoordinates,
-  useSortable,
-  verticalListSortingStrategy
-} from "@dnd-kit/sortable";
-import { CSS } from "@dnd-kit/utilities";
-import { Input } from "@nextlyhq/ui";
-import { GripVertical, Plus, Trash2 } from "lucide-react";
-import { useCallback } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function generateValueFromLabel(label) {
-  return label.toLowerCase().trim().replace(/\s+/g, "_").replace(/[^a-z0-9_]/g, "");
-}
-function addIdsToOptions(options) {
-  return options.map((opt, index) => ({
-    ...opt,
-    id: `opt_${index}_${opt.value}`
-  }));
-}
-function removeIdsFromOptions(options) {
-  return options.map(({ label, value }) => ({ label, value }));
-}
-function SortableOption({
-  option,
-  index,
-  onLabelChange,
-  onValueChange,
-  onDelete,
-  disabled
-}) {
-  const {
-    attributes,
-    listeners,
-    setNodeRef,
-    transform,
-    transition,
-    isDragging
-  } = useSortable({ id: option.id });
-  const style = {
-    transform: CSS.Transform.toString(transform),
-    transition,
-    opacity: isDragging ? 0.5 : 1
-  };
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: setNodeRef,
-      style,
-      className: `options-editor__option ${isDragging ? "options-editor__option--dragging" : ""}`,
-      children: [
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "options-editor__drag-handle",
-            disabled,
-            "aria-label": `Drag to reorder option ${index + 1}`,
-            ...attributes,
-            ...listeners,
-            children: /* @__PURE__ */ jsx(GripVertical, { className: "options-editor__drag-icon" })
-          }
-        ),
-        /* @__PURE__ */ jsx("div", { className: "options-editor__input-group", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "text",
-            value: option.label,
-            onChange: (e) => onLabelChange(option.id, e.target.value),
-            placeholder: "Label",
-            disabled,
-            className: "options-editor__input"
-          }
-        ) }),
-        /* @__PURE__ */ jsx("div", { className: "options-editor__input-group", children: /* @__PURE__ */ jsx(
-          Input,
-          {
-            type: "text",
-            value: option.value,
-            onChange: (e) => onValueChange(option.id, e.target.value),
-            placeholder: "value",
-            disabled,
-            className: "options-editor__input options-editor__input--mono"
-          }
-        ) }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            type: "button",
-            className: "options-editor__delete-btn",
-            onClick: () => onDelete(option.id),
-            disabled,
-            "aria-label": `Delete option ${option.label || index + 1}`,
-            children: /* @__PURE__ */ jsx(Trash2, { className: "options-editor__delete-icon" })
-          }
-        )
-      ]
-    }
-  );
-}
-function OptionsEditor({
-  options,
-  onOptionsChange,
-  disabled = false
-}) {
-  const optionsWithIds = addIdsToOptions(options);
-  const sensors = useSensors(
-    useSensor(PointerSensor, {
-      activationConstraint: {
-        distance: 8
-      }
-    }),
-    useSensor(KeyboardSensor, {
-      coordinateGetter: sortableKeyboardCoordinates
-    })
-  );
-  const handleAddOption = useCallback(() => {
-    const newIndex = options.length + 1;
-    const newOption = {
-      label: `Option ${newIndex}`,
-      value: `option_${newIndex}`
-    };
-    onOptionsChange([...options, newOption]);
-  }, [options, onOptionsChange]);
-  const handleLabelChange = useCallback(
-    (id, newLabel) => {
-      const updatedOptions = optionsWithIds.map((opt) => {
-        if (opt.id !== id) return opt;
-        const previousAutoValue = generateValueFromLabel(opt.label);
-        const shouldAutoGenerate = !opt.value || opt.value === previousAutoValue;
-        return {
-          ...opt,
-          label: newLabel,
-          value: shouldAutoGenerate ? generateValueFromLabel(newLabel) : opt.value
-        };
-      });
-      onOptionsChange(removeIdsFromOptions(updatedOptions));
-    },
-    [optionsWithIds, onOptionsChange]
-  );
-  const handleValueChange = useCallback(
-    (id, newValue) => {
-      const updatedOptions = optionsWithIds.map(
-        (opt) => opt.id === id ? { ...opt, value: newValue } : opt
-      );
-      onOptionsChange(removeIdsFromOptions(updatedOptions));
-    },
-    [optionsWithIds, onOptionsChange]
-  );
-  const handleDeleteOption = useCallback(
-    (id) => {
-      const updatedOptions = optionsWithIds.filter((opt) => opt.id !== id);
-      onOptionsChange(removeIdsFromOptions(updatedOptions));
-    },
-    [optionsWithIds, onOptionsChange]
-  );
-  const handleDragEnd = useCallback(
-    (event) => {
-      const { active, over } = event;
-      if (over && active.id !== over.id) {
-        const oldIndex = optionsWithIds.findIndex((opt) => opt.id === active.id);
-        const newIndex = optionsWithIds.findIndex((opt) => opt.id === over.id);
-        const reorderedOptions = arrayMove(optionsWithIds, oldIndex, newIndex);
-        onOptionsChange(removeIdsFromOptions(reorderedOptions));
-      }
-    },
-    [optionsWithIds, onOptionsChange]
-  );
-  return /* @__PURE__ */ jsxs("div", { className: "options-editor", children: [
-    /* @__PURE__ */ jsxs("div", { className: "options-editor__header", children: [
-      /* @__PURE__ */ jsx("label", { className: "options-editor__label", children: "Options" }),
-      /* @__PURE__ */ jsxs(
-        "button",
-        {
-          type: "button",
-          className: "options-editor__add-btn",
-          onClick: handleAddOption,
-          disabled,
-          children: [
-            /* @__PURE__ */ jsx(Plus, { className: "options-editor__add-icon" }),
-            "Add Option"
-          ]
-        }
-      )
-    ] }),
-    options.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: "options-editor__column-headers", children: [
-        /* @__PURE__ */ jsx("div", { className: "options-editor__column-spacer" }),
-        /* @__PURE__ */ jsx("div", { className: "options-editor__column-label", children: "Label (displayed)" }),
-        /* @__PURE__ */ jsx("div", { className: "options-editor__column-label", children: "Value (stored)" }),
-        /* @__PURE__ */ jsx("div", { className: "options-editor__column-spacer" })
-      ] }),
-      /* @__PURE__ */ jsx(
-        DndContext,
-        {
-          sensors,
-          collisionDetection: closestCenter,
-          onDragEnd: handleDragEnd,
-          children: /* @__PURE__ */ jsx(
-            SortableContext,
-            {
-              items: optionsWithIds.map((opt) => opt.id),
-              strategy: verticalListSortingStrategy,
-              children: /* @__PURE__ */ jsx("div", { className: "options-editor__list", children: optionsWithIds.map((option, index) => /* @__PURE__ */ jsx(
-                SortableOption,
-                {
-                  option,
-                  index,
-                  onLabelChange: handleLabelChange,
-                  onValueChange: handleValueChange,
-                  onDelete: handleDeleteOption,
-                  disabled
-                },
-                option.id
-              )) })
-            }
-          )
-        }
-      )
-    ] }) : (
-      /* Empty State */
-      /* @__PURE__ */ jsxs("div", { className: "options-editor__empty", children: [
-        /* @__PURE__ */ jsx("p", { className: "options-editor__empty-text", children: "No options defined" }),
-        /* @__PURE__ */ jsxs(
-          "button",
-          {
-            type: "button",
-            className: "options-editor__add-first-btn",
-            onClick: handleAddOption,
-            disabled,
-            children: [
-              /* @__PURE__ */ jsx(Plus, { className: "options-editor__add-icon" }),
-              "Add first option"
-            ]
-          }
-        )
-      ] })
-    ),
-    /* @__PURE__ */ jsx("p", { className: "options-editor__hint", children: "Drag options to reorder. Value is auto-generated from label." })
-  ] });
-}
-
-export {
-  OptionsEditor
-};
-//# sourceMappingURL=chunk-XTCEPJ7B.js.map

package/dist/chunk-XTCEPJ7B.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/admin/fields/OptionsEditor.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * Options Editor Component\n *\n * Shared component for editing options arrays in Select and Radio fields.\n * Features:\n * - Add/edit/remove options\n * - Drag-and-drop reordering with @dnd-kit\n * - Auto-generate value from label\n *\n * @module admin/fields/OptionsEditor\n * @since 0.1.0\n */\n\n\"use client\";\n\nimport {\n  DndContext,\n  closestCenter,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n  type DragEndEvent,\n} from \"@dnd-kit/core\";\nimport {\n  arrayMove,\n  SortableContext,\n  sortableKeyboardCoordinates,\n  useSortable,\n  verticalListSortingStrategy,\n} from \"@dnd-kit/sortable\";\nimport { CSS } from \"@dnd-kit/utilities\";\nimport { Input } from \"@nextlyhq/ui\";\nimport { GripVertical, Plus, Trash2 } from \"lucide-react\";\nimport { useCallback } from \"react\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Option interface for Select/Radio fields */\nexport interface FieldOption {\n  label: string;\n  value: string;\n}\n\n/** Internal option with ID for drag-and-drop */\ninterface OptionWithId extends FieldOption {\n  id: string;\n}\n\nexport interface OptionsEditorProps {\n  /** Current options array */\n  options: FieldOption[];\n  /** Callback when options change */\n  onOptionsChange: (options: FieldOption[]) => void;\n  /** Disable editing */\n  disabled?: boolean;\n}\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Generate a value from a label (snake_case format)\n */\nfunction generateValueFromLabel(label: string): string {\n  return label\n    .toLowerCase()\n    .trim()\n    .replace(/\\s+/g, \"_\")\n    .replace(/[^a-z0-9_]/g, \"\");\n}\n\n/**\n * Add IDs to options for DnD tracking\n */\nfunction addIdsToOptions(options: FieldOption[]): OptionWithId[] {\n  return options.map((opt, index) => ({\n    ...opt,\n    id: `opt_${index}_${opt.value}`,\n  }));\n}\n\n/**\n * Remove IDs from options when saving\n */\nfunction removeIdsFromOptions(options: OptionWithId[]): FieldOption[] {\n  return options.map(({ label, value }) => ({ label, value }));\n}\n\n// ============================================================================\n// SortableOption Component\n// ============================================================================\n\ninterface SortableOptionProps {\n  option: OptionWithId;\n  index: number;\n  onLabelChange: (id: string, label: string) => void;\n  onValueChange: (id: string, value: string) => void;\n  onDelete: (id: string) => void;\n  disabled?: boolean;\n}\n\nfunction SortableOption({\n  option,\n  index,\n  onLabelChange,\n  onValueChange,\n  onDelete,\n  disabled,\n}: SortableOptionProps) {\n  const {\n    attributes,\n    listeners,\n    setNodeRef,\n    transform,\n    transition,\n    isDragging,\n  } = useSortable({ id: option.id });\n\n  const style = {\n    transform: CSS.Transform.toString(transform),\n    transition,\n    opacity: isDragging ? 0.5 : 1,\n  };\n\n  return (\n    <div\n      ref={setNodeRef}\n      style={style}\n      className={`options-editor__option ${isDragging ? \"options-editor__option--dragging\" : \"\"}`}\n    >\n      {/* Drag Handle */}\n      <button\n        type=\"button\"\n        className=\"options-editor__drag-handle\"\n        disabled={disabled}\n        aria-label={`Drag to reorder option ${index + 1}`}\n        {...attributes}\n        {...listeners}\n      >\n        <GripVertical className=\"options-editor__drag-icon\" />\n      </button>\n\n      {/* Label Input */}\n      <div className=\"options-editor__input-group\">\n        <Input\n          type=\"text\"\n          value={option.label}\n          onChange={e => onLabelChange(option.id, e.target.value)}\n          placeholder=\"Label\"\n          disabled={disabled}\n          className=\"options-editor__input\"\n        />\n      </div>\n\n      {/* Value Input */}\n      <div className=\"options-editor__input-group\">\n        <Input\n          type=\"text\"\n          value={option.value}\n          onChange={e => onValueChange(option.id, e.target.value)}\n          placeholder=\"value\"\n          disabled={disabled}\n          className=\"options-editor__input options-editor__input--mono\"\n        />\n      </div>\n\n      {/* Delete Button */}\n      <button\n        type=\"button\"\n        className=\"options-editor__delete-btn\"\n        onClick={() => onDelete(option.id)}\n        disabled={disabled}\n        aria-label={`Delete option ${option.label || index + 1}`}\n      >\n        <Trash2 className=\"options-editor__delete-icon\" />\n      </button>\n    </div>\n  );\n}\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\n/**\n * OptionsEditor - Manage options for Select/Radio fields\n *\n * Provides a list of editable options with:\n * - Drag-and-drop reordering\n * - Add/remove options\n * - Auto-generate value from label\n *\n * @example\n * ```tsx\n * <OptionsEditor\n *   options={field.options}\n *   onOptionsChange={(options) => onUpdate({ options })}\n * />\n * ```\n */\nexport function OptionsEditor({\n  options,\n  onOptionsChange,\n  disabled = false,\n}: OptionsEditorProps) {\n  // Convert options to internal format with IDs for DnD\n  const optionsWithIds = addIdsToOptions(options);\n\n  // DnD sensors with activation distance to prevent accidental drags\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 8,\n      },\n    }),\n    useSensor(KeyboardSensor, {\n      coordinateGetter: sortableKeyboardCoordinates,\n    })\n  );\n\n  // Add a new option\n  const handleAddOption = useCallback(() => {\n    const newIndex = options.length + 1;\n    const newOption: FieldOption = {\n      label: `Option ${newIndex}`,\n      value: `option_${newIndex}`,\n    };\n    onOptionsChange([...options, newOption]);\n  }, [options, onOptionsChange]);\n\n  // Handle label change with auto-generate value\n  const handleLabelChange = useCallback(\n    (id: string, newLabel: string) => {\n      const updatedOptions = optionsWithIds.map(opt => {\n        if (opt.id !== id) return opt;\n\n        // Auto-generate value if it matches the old auto-generated value or is empty\n        const previousAutoValue = generateValueFromLabel(opt.label);\n        const shouldAutoGenerate =\n          !opt.value || opt.value === previousAutoValue;\n\n        return {\n          ...opt,\n          label: newLabel,\n          value: shouldAutoGenerate\n            ? generateValueFromLabel(newLabel)\n            : opt.value,\n        };\n      });\n\n      onOptionsChange(removeIdsFromOptions(updatedOptions));\n    },\n    [optionsWithIds, onOptionsChange]\n  );\n\n  // Handle value change (manual override)\n  const handleValueChange = useCallback(\n    (id: string, newValue: string) => {\n      const updatedOptions = optionsWithIds.map(opt =>\n        opt.id === id ? { ...opt, value: newValue } : opt\n      );\n      onOptionsChange(removeIdsFromOptions(updatedOptions));\n    },\n    [optionsWithIds, onOptionsChange]\n  );\n\n  // Delete an option\n  const handleDeleteOption = useCallback(\n    (id: string) => {\n      const updatedOptions = optionsWithIds.filter(opt => opt.id !== id);\n      onOptionsChange(removeIdsFromOptions(updatedOptions));\n    },\n    [optionsWithIds, onOptionsChange]\n  );\n\n  // Handle drag end for reordering\n  const handleDragEnd = useCallback(\n    (event: DragEndEvent) => {\n      const { active, over } = event;\n\n      if (over && active.id !== over.id) {\n        const oldIndex = optionsWithIds.findIndex(opt => opt.id === active.id);\n        const newIndex = optionsWithIds.findIndex(opt => opt.id === over.id);\n        const reorderedOptions = arrayMove(optionsWithIds, oldIndex, newIndex);\n        onOptionsChange(removeIdsFromOptions(reorderedOptions));\n      }\n    },\n    [optionsWithIds, onOptionsChange]\n  );\n\n  return (\n    <div className=\"options-editor\">\n      {/* Header */}\n      <div className=\"options-editor__header\">\n        <label className=\"options-editor__label\">Options</label>\n        <button\n          type=\"button\"\n          className=\"options-editor__add-btn\"\n          onClick={handleAddOption}\n          disabled={disabled}\n        >\n          <Plus className=\"options-editor__add-icon\" />\n          Add Option\n        </button>\n      </div>\n\n      {/* Options List */}\n      {options.length > 0 ? (\n        <>\n          {/* Column Headers */}\n          <div className=\"options-editor__column-headers\">\n            <div className=\"options-editor__column-spacer\" />\n            <div className=\"options-editor__column-label\">\n              Label (displayed)\n            </div>\n            <div className=\"options-editor__column-label\">Value (stored)</div>\n            <div className=\"options-editor__column-spacer\" />\n          </div>\n\n          {/* Sortable List */}\n          <DndContext\n            sensors={sensors}\n            collisionDetection={closestCenter}\n            onDragEnd={handleDragEnd}\n          >\n            <SortableContext\n              items={optionsWithIds.map(opt => opt.id)}\n              strategy={verticalListSortingStrategy}\n            >\n              <div className=\"options-editor__list\">\n                {optionsWithIds.map((option, index) => (\n                  <SortableOption\n                    key={option.id}\n                    option={option}\n                    index={index}\n                    onLabelChange={handleLabelChange}\n                    onValueChange={handleValueChange}\n                    onDelete={handleDeleteOption}\n                    disabled={disabled}\n                  />\n                ))}\n              </div>\n            </SortableContext>\n          </DndContext>\n        </>\n      ) : (\n        /* Empty State */\n        <div className=\"options-editor__empty\">\n          <p className=\"options-editor__empty-text\">No options defined</p>\n          <button\n            type=\"button\"\n            className=\"options-editor__add-first-btn\"\n            onClick={handleAddOption}\n            disabled={disabled}\n          >\n            <Plus className=\"options-editor__add-icon\" />\n            Add first option\n          </button>\n        </div>\n      )}\n\n      {/* Help Text */}\n      <p className=\"options-editor__hint\">\n        Drag options to reorder. Value is auto-generated from label.\n      </p>\n    </div>\n  );\n}\n\nexport default OptionsEditor;\n"],"mappings":"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","names":[]}

package/dist/components/index.d.ts

@@ -1,3 +0,0 @@
-export { J as SubmissionDetail, t as SubmissionDetailProps, K as SubmissionList, u as SubmissionListProps } from '../index-BRumOEsE.js';
-import 'react';
-import 'nextly';

package/dist/components/index.js

@@ -1,9 +0,0 @@
-import {
-  SubmissionDetail,
-  SubmissionList
-} from "../chunk-2LLUO3TV.js";
-export {
-  SubmissionDetail,
-  SubmissionList
-};
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/styles/form-builder.css

@@ -1,128 +0,0 @@
-/**
- * Form Builder styles
- *
- * The builder UI is driven by Tailwind utilities and @nextlyhq/ui components in its
- * React components. This file holds only the few bespoke rules those can't express:
- *   1. The two-pane builder shell (fixed inspector panel; stacks in a narrow panel)
- *   2. Notifications tab: email-integration card list (hover/variant states)
- *
- * Colors read the admin design tokens directly (`var(--token)`), so the UI looks native
- * and inherits dark mode automatically (the admin flips the tokens under `.adminapp.dark`).
- *
- * @module styles/form-builder
- * @since 0.1.0
- */
-
-/* ---------------------------------------------------------- builder shell */
-
-/* Fixed-width inspector panel beside the fluid canvas. */
-.fb-builder-panel {
-  width: 360px;
-}
-
-/* Stack the canvas and inspector when the content panel itself gets narrow
-   (`content` is the admin content-area container). */
-@container content (max-width: 800px) {
-  .fb-builder-shell {
-    flex-direction: column;
-  }
-
-  .fb-builder-panel {
-    width: 100%;
-    border-left: 0;
-    border-top: 1px solid var(--border);
-  }
-}
-
-/* ------------------------------------------------------- notifications tab */
-
-.form-notifications-tab {
-  max-width: 800px;
-}
-
-.form-notifications-list {
-  display: flex;
-  flex-direction: column;
-  gap: 16px;
-}
-
-/* --------------------------------------------------- email integration cards */
-
-.form-integration-card {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 16px;
-  padding: 14px 16px;
-  background: var(--card);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  transition: border-color 0.15s ease;
-}
-
-.form-integration-card:hover {
-  border-color: var(--border-strong);
-}
-
-.form-integration-card--disabled {
-  opacity: 0.55;
-}
-
-.form-integration-card-left {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  flex: 1;
-  min-width: 0;
-}
-
-.form-integration-card-info {
-  display: flex;
-  flex-direction: column;
-  gap: 4px;
-  min-width: 0;
-}
-
-.form-integration-card-name {
-  font-size: 0.9375rem;
-  font-weight: 600;
-  color: var(--foreground);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
-.form-integration-provider-badge {
-  font-size: 0.75rem;
-  color: var(--muted-foreground);
-}
-
-.form-integration-card-actions {
-  display: flex;
-  gap: 8px;
-  flex-shrink: 0;
-}
-
-.form-integration-btn {
-  padding: 6px 12px;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--muted-foreground);
-  background: transparent;
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.form-integration-btn--edit:hover {
-  color: var(--primary);
-  border-color: var(--primary);
-  background: color-mix(in srgb, var(--primary) 10%, transparent);
-}
-
-.form-integration-btn--delete:hover {
-  color: var(--destructive);
-  border-color: var(--destructive);
-  background: color-mix(in srgb, var(--destructive) 10%, transparent);
-}

package/dist/styles/submissions-filter.css

@@ -1,74 +0,0 @@
-/**
- * Submissions Filter Styles
- *
- * Styles for the SubmissionsFilter component shown above the
- * form-submissions list table. Colors/borders/radius use the admin tokens.
- */
-
-.submissions-filter {
-  margin-bottom: 1rem;
-  padding: 1rem;
-  background: var(--muted);
-  border: 1px solid var(--border);
-  border-radius: var(--radius);
-}
-
-.submissions-filter-container {
-  display: flex;
-  align-items: center;
-  gap: 0.75rem;
-  flex-wrap: wrap;
-}
-
-.submissions-filter-label {
-  font-size: 0.875rem;
-  font-weight: 500;
-  color: var(--muted-foreground);
-}
-
-.submissions-filter-select {
-  padding: 0.5rem 2rem 0.5rem 0.75rem;
-  font-size: 0.875rem;
-  border: 1px solid var(--input);
-  border-radius: var(--radius);
-  background-color: var(--background);
-  color: var(--foreground);
-  min-width: 200px;
-  cursor: pointer;
-  appearance: none;
-  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
-  background-position: right 0.5rem center;
-  background-repeat: no-repeat;
-  background-size: 1.5em 1.5em;
-}
-
-.submissions-filter-select:hover {
-  border-color: var(--border-strong);
-}
-
-.submissions-filter-select:focus {
-  outline: none;
-  border-color: var(--ring);
-}
-
-.submissions-filter-select:disabled {
-  opacity: 0.6;
-  cursor: not-allowed;
-}
-
-.submissions-filter-clear {
-  padding: 0.5rem 0.75rem;
-  font-size: 0.75rem;
-  font-weight: 500;
-  color: var(--muted-foreground);
-  background: var(--background);
-  border: 1px solid var(--input);
-  border-radius: var(--radius);
-  cursor: pointer;
-  transition: all 0.15s ease;
-}
-
-.submissions-filter-clear:hover {
-  background: var(--muted);
-  color: var(--foreground);
-}