"use strict";
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
const designSystem = require("@choiceform/design-system");
const messageQueueVariants = designSystem.tcv({
  slots: {
    root: "group/queue w-full",
    header: "flex items-center pr-2 select-none",
    title: "flex-1 font-strong",
    viewport: "max-h-64",
    content: "w-full min-w-0 p-0.5",
    itemContainer: "queue-sortable-row relative min-w-0",
    clearAll: "opacity-0 group-hover/queue:opacity-100"
  },
  variants: {
    expanded: {
      true: {
        root: "p-2 pb-2",
        header: "h-6"
      },
      false: {
        root: "hover:bg-tertiary-background px-2 pb-1",
        header: "h-8"
      }
    }
  }
});
const queueItemVariants = designSystem.tcv({
  slots: {
    root: "group/queue-item text-secondary-foreground flex h-6 min-w-0 items-center gap-2 rounded-md pr-1 select-none",
    dragContext: "flex min-w-0 flex-1 items-center",
    icon: "flex size-6 flex-shrink-0 items-center justify-center",
    queueIcon: [
      "border-secondary-foreground",
      "size-3.5 flex-shrink-0 rounded-full border border-dashed"
    ],
    actions: "flex w-0 min-w-0 items-center opacity-0",
    text: "min-w-0 truncate"
  },
  variants: {
    isBeingDragged: {
      true: {
        root: "bg-default-background text-default-foreground shadow-xs"
      }
    },
    isDragging: {
      true: {
        root: ""
      },
      false: {
        root: "hover:bg-tertiary-background hover:text-default-foreground",
        actions: "group-hover/queue-item:w-auto group-hover/queue-item:opacity-100"
      }
    }
  },
  defaultVariants: {}
});
designSystem.tcv({
  slots: {
    root: "py-0.5",
    line: "h-0.5 rounded-full"
  },
  variants: {
    show: {
      true: {
        line: "bg-accent-background"
      },
      false: {
        line: ""
      }
    }
  }
});
exports.messageQueueVariants = messageQueueVariants;
exports.queueItemVariants = queueItemVariants;
//# sourceMappingURL=tv.cjs.map
